// JavaScript Document



$(document).ready(function(){
    maxWidth = 354;
    minWidth = 84;
	navpad = 110;	
	
// nav drop down on homepage	
	
	/*
	
	if(nav_key == '#home'){
		$('.nav_box').css( 'top', -navpad+'px');
	setTimeout (	function () {		
	$('.nav_box').animate({'top': '0px'}, 1000,'easeOutBounce');}, 1000)    
	}; */
	
	
// nav_key pulled from HTML, indicates the div related to page	
	
// starts the events on hover
	$(".menu").not(nav_key).hover(over, out);
	
	$(".menu").not(nav_key).hover(shrinknav, expandnav);
	
	function over(event)
	{
	$(this).animate({width: maxWidth+"px"}, { queue:false, duration:400});
	}
	
	function out(event)
	{$(this).animate({width: minWidth+"px"}, { queue:false, duration:400})
	}
	

	function expandnav(event)
	{$(nav_key).animate({width: maxWidth+"px"}, { queue:false, duration:400});
	}
	
	function shrinknav(event)
	{$(nav_key).animate({width: minWidth+"px"}, { queue:false, duration:400});
	}
	
	
	
	
/*
	$(".nav_box").hover(over, out);
	function over(event) {
		$(this).animate({width: maxWidth+"px"});
		$('#nav_showroom').animate({width: minWidth+"px"})}
	
	;
	function out(event)
	{$(this).animate({width: minWidth+"px"});
	$('#nav_showroom').animate({width: maxWidth+"px"})}
});
*/



});