// JavaScript Document

$(document).ready(function(){
 
   	var ismousedOver;
   	var $headerStartContent = $("#headerContentBox");
	var $MotorMenu = $("#headerMenuMotor");
	var $CommercialMenu = $("#headerMenuCommercial");
	var $HouseholdMenu = $("#headerMenuHousehold");  
   
   $(".btn-menu1").hover(
   function(){
	   ismousedOver = true;
	   $headerStartContent
		.addClass("inactive");
		$CommercialMenu
		.addClass("inactive");
		$HouseholdMenu
		.addClass("inactive");		
		$MotorMenu	
		.removeClass("inactive");
	   
   },
   function(){
	   ismousedOver = false;
	   startTimer();	   
   });
   $(".btn-menu2").hover(
   function(){
	   ismousedOver = true;
	   $headerStartContent
		.addClass("inactive");		
		$HouseholdMenu
		.addClass("inactive");		
		$MotorMenu	
		.addClass("inactive");
		$CommercialMenu
		.removeClass("inactive");
	   
   },
   function(){
	   ismousedOver = false;
	   startTimer();	   
   });
   $(".btn-menu3").hover(
   function(){
	   ismousedOver = true;
	   $headerStartContent
		.addClass("inactive");			
		$MotorMenu	
		.addClass("inactive");
		$CommercialMenu
		.addClass("inactive");
		$HouseholdMenu
		.removeClass("inactive");	
	   
   },
   function(){
	   ismousedOver = false;
	   startTimer();	   
   });
   
   $MotorMenu.hover(
   function(){
	   ismousedOver = true;
   },
   function(){
	   ismousedOver = false;
	   startTimer();}
	   );
	
	$CommercialMenu.hover(
   function(){
	   ismousedOver = true;
   },
   function(){
	   ismousedOver = false;
	   startTimer();}
	   );
	   
	$HouseholdMenu.hover(
   function(){
	   ismousedOver = true;
   },
   function(){
	   ismousedOver = false;
	   startTimer();}
	   );   
	   
	   
   var startTimer = function(){
	   setTimeout( function(){
		   if (ismousedOver) return;
	   $headerStartContent
		.removeClass("inactive");		
		$MotorMenu
		.addClass("inactive");
		$CommercialMenu
		.addClass("inactive");
		$HouseholdMenu	
		.addClass("inactive");
		
		}, 500);	   
	   }

});