var lastNum = null;
var overHd = false;
var overLs = false;
var firstOn = false;
var lsLayer = "lifestyle_";
var lsHeader = "header_";
var hTime;
var lTime;
var num;

$(function() {
		for(x=1; x<5; x++) {
			var headerObj = $("#"+lsHeader+x);
			var layerObj = $("#"+lsLayer+x);
			headerObj.hover(function(){
					hdId = this.id;
					num = hdId.charAt(hdId.length-1);
					if (num != lastNum) {
						firstTime = setTimeout('lsTimerOn('+num+')',300);
					}
					overHd = true;
				},function(){
					overHd = false;
					if (!firstOn) {
						clearTimeout(firstTime);
					}
					else {
						firstOn = false;
						hTime = setTimeout('lsTimerOff('+num+')',100);
					}
			});
			layerObj.hover(function(){
					overLs = true;
				},function(){
					overLs = false;
					lTime = setTimeout('lsTimerOff('+num+')',100);
			});
		}
		return false;
});

function lsTimerOn(hdNum) {
	lsId = lsLayer+hdNum;
	$("#"+lsId).SlideInDown("slow");
	firstOn = true;
	lastNum = hdNum;
}
function lsTimerOff(offNum) {					
	if(!overLs && !overHd || num != offNum) {
		if(lastNum != null) {
			lsOff = lsLayer+offNum;							
			$("#"+lsOff).SlideOutDown("slow");
			lastNum = null;
		}
	}
	else { 
		return;
	}
}