// JavaScript Document

// ****************** MAIN MENU
$(document).ready(function()
{
	//Remove outline from links
	$("a").click(function(){
		$(this).blur();
	});
	

	//When mouse rolls over and out of green
	$("#header>ul>li").mouseover(function(){
			//animation	
		
			$(this).stop().animate({height:350},	
			{queue:false, duration:1500, easing: 'easeOutCubic'
			}) 
			
			
			//Set background on the main li
			
			$(this).css("background-image", "url(images/common/button_rover.jpg)");
			$(this).css("background-repeat", "no-repeat");
			$(this).css("background-position", "top center");
			
			// Set the right end of the button image and link color
			$(this).find('a').css("color", "#0a5fbe");		
		//$(this).find('a').css("background-image", "url(images/common/buttonSplitter.jpg)");
			$(this).find('a').css("background-position", "right");
			$(this).find('a').css("background-repeat", "no-repeat");
			
			});
			
	
	$("#header>ul>li").mouseout(function(){
		
			
			$(this).stop().animate({height:'54px'},		
					{queue:false, duration:800, easing: 'easeOutCubic'	})	
				
				$(this).css("background-image", "none");
		
				//$(this).find('a').css("background-image", "none");
				$(this).find('a').css("color", "#00325f");	

					
				});

	// FADE IN OUT EFFECT

});