var flag = 0;
var flag2 = 0;
var timer = 400;
var timerOut = 300;

jQuery(document).ready(function(){
	jQuery("#interestedIn").hover(function(){
	  flag = 1;
	  jQuery(this).removeClass('droptabhover').addClass('droptabhout');
	  jQuery("#Layer1").fadeIn(timer);
	},function(){
		 flag = 0;
		 window.setTimeout('hideMe()', timerOut);
	});

	jQuery("#Layer1").hover(function(){
		flag = 1;
		jQuery("#interestedIn").removeClass('droptabhover').addClass('droptabhout');
	},function(){
	    flag = 0;
		window.setTimeout('hideMe()', timerOut);
	});
	
	
	jQuery("#interestedIn2").hover(function(){
	  flag2 = 1;
	  jQuery(this).removeClass('droptabhover').addClass('droptabhout');
	  jQuery("#Layer2").fadeIn(timer);
	},function(){
		 flag2 = 0;
		 window.setTimeout('hideMe2()', timerOut);
	});

	jQuery("#Layer2").hover(function(){
		flag2 = 1;
		jQuery("#interestedIn2").removeClass('droptabhover').addClass('droptabhout');
	},function(){
	    flag2 = 0;
		window.setTimeout('hideMe2()', timerOut);
	});
	
});

//declare function to call after a time
function hideMe()
{
	if(flag == 0)
	{
		jQuery("#interestedIn").removeClass('droptabhout').addClass('droptabhover');
		jQuery("#Layer1").fadeOut(timer-400);

	}
}

//declare function to call after a time
function hideMe2()
{
	if(flag2 == 0)
	{
		jQuery("#interestedIn2").removeClass('droptabhout').addClass('droptabhover');
		jQuery("#Layer2").fadeOut(timer-400);

	}
}