$(function() {


	// Start Jquery Code

	// ======================
	// = Tag line animation =
	// ======================
	
	var taglines = "<h2 class='tag' id='tag_whos_next'>Who's Next</h2>";
		  taglines += "<h2 class='tag' id='tag_orbital_branding'>Orbital Branding</h2>";
		  taglines += "<h2 class='tag' id='tag_our_work'>Our Work</h2>";
		  taglines += "<h2 class='tag' id='tag_next_buzz'>Next Buzz</h2>";
		  taglines += "<h2 class='tag' id='tag_the_next_step'>The Next Step</h2>";
		  taglines += "<h2 class='tag' id='tag_elevator_pitch'>Elevator Pitch</h2>";
	
	var speed = 1000;
	
	$('body').prepend(taglines);

  // location_name = "whos_next";

  // var page = new String(location_name.match(/[^\/]+/));
  // page = "#tag_" + page;

	$('.tag').show();
  // $('.tag').not(page).css('opacity', '0');
	$('.tag').css('opacity', '0');
	
  $('#nav_menu>ul>li').bind('mouseleave', function(){
    $('.tag').stop().animate({ opacity: 0 }, speed);
   // $('.tag').not(page).stop().animate({ opacity: 0 }, speed);
   // $(page).stop().animate({ opacity: 1 }, speed);
  });
  
  $('#nav_menu>ul>li>a').bind('mouseenter', function(){
   var tagline = "#" + $(this).parent('li').attr('class').match(/tag_[^\n]*/);
   $('.tag').not(tagline).stop().animate({ opacity: 0 }, speed);
   $(tagline).stop().animate({ opacity: 1 }, speed);
  });
	
	
	// ======================
	// = Sub Menu animation =
	// ======================

	$('#nav_menu ul ul').hover(function(){
		$(this).siblings('a').addClass('hover');
	},function(){
		$(this).siblings('a').removeClass('hover');
	});
	
	
	$('#nav_menu ul li ul').css('right', '-200px');

	$('#nav_menu ul ul').removeClass('sub_menu');
	
  // $('#nav_menu ul li').hover(function(){
  //  $(this).children('ul').animate({right: -150, opacity: 'show'}, 200);
  // },function(){
  //  $(this).children('ul').animate({right: -200, opacity: 'hide'}, 200);
  // });
  
  $('#nav_menu ul li a').bind('mouseenter', function(){
   $(this).siblings('ul').animate({right: -150, opacity: 'show'}, 200);
  });
  
  $('#nav_menu ul li').bind('mouseleave', function(){
   $(this).children('ul').animate({right: -200, opacity: 'hide'}, 200);
  });
	
	// End of JQuery Code

});