// JavaScript Document
// id for each of our menu items  
var nav  = [ '.twitter a', '.facebook a', '.linkedin a'];  
$(document).ready(function(){  
  setBkgPos(); 
});  
  
function setBkgPos()  
{  
  for ( i = 0; i < nav.length; i++ ){  
	$(nav[i]).css({backgroundPosition: '0px 0px'}); 
		 $(nav[i]).hover(function(){
				$(this).stop().animate({backgroundPositionY: '-27px',backgroundPositionX: '0'}, 300);
			}, function() {
				$(this).stop().animate({backgroundPositionY: '0',backgroundPositionX: '0'}, 300);
		});

  }  
} 

$(function() {
	$('#menu-main-nav').hover(function(){
		
	}, function(){
		$(this).find("ul").stop().animate({opacity: 0},{queue:false,duration:100},  {complete: function(){$("#menu-main-nav ul").css({'display' : 'none'})}});
		$(this).find("ul").css({'display' : 'none'});
	});
	$('#menu-main-nav li a').hover(function(){
		
		$(this).stop().animate({color: "#6fa7cf"},500);
				
		//Hide other menus if there are any.
		$(this).parent().parent().find("ul").stop().animate({opacity: 0},{queue:true,duration:100},  {complete: function(){$("#menu-main-nav ul").css({'display' : 'none', 'height' : '1px'})}});
		$(this).parent().parent().find("ul").css({'display' : 'none'});
		
		//If there's a subnav display it.
		$(this).parent().find("ul").css({'display' : 'block'});
		$(this).parent().find("ul").stop().animate({opacity: 1},{queue:true,duration:300});
		
		
	}, function(){
		if($(this).parent().first().hasClass('current-menu-parent') || $(this).parent().first().hasClass('current-menu-item')){
			$(this).stop().animate({color: "#6fa7cf"},0);
		} else {
			$(this).stop().animate({color: "#adc1cf"},500);
		}
	});

	//Sub-menu animation.
	$('#menu-main-nav li ul a').hover(function(){
		if($(this).parent().first().hasClass('current-menu-item')){

		} else {
			$(this).stop().animate({color: "#6fa7cf", paddingLeft: "35px"},500);
		}
	}, function(){
		if($(this).parent().first().hasClass('current-menu-item')){
			$(this).stop().animate({color: "#6fa7cf", paddingLeft: "25px"},0);
		} else {
			$(this).stop().animate({color: "#adc1cf",paddingLeft: "25px"},500);
		}
		
	});
	
	
	$('#navMiddle a').hover(function(){
		$(this).stop().animate({color: "#6fa7cf"},500);
	}, function(){
		$(this).stop().animate({color: "#adc1cf"},500);
	});
});