var waitTimer;
$(function() {
	
	// init menu picture overlay height
	$('div.borders div#pictureoverlay').height(0);
	// curractive?
	
	$currActive = $('div#menu li.active');
	
	
	
	// main menu hover handling
	$('div#menu ul li.firstlevel').mouseenter(function() {
		$('div#menu ul li ul').hide();
		$('div#menu li.active').removeClass('active');
		$(this).addClass('active');
		clearTimeout(waitTimer);
		if($(this).children('ul').length > 0) {
			
			$('div.borders div#pictureoverlay').animate({'height':'348px'}, 300);
			$(this).children('ul').show();
			
		} 
		else {
			//waitTimer = setTimeout(handleMouseLeave, 700);
		}
	});
	
	$('div#menu ul li.firstlevel').mouseleave(function() {
		//if($(this).children('ul').length > 0) {
			waitTimer = setTimeout(handleMouseLeave, 700);
		//}
	});
	
	// overlay hover handling
	$('div.borders div#pictureoverlay').mouseenter(function() {
		if($(this).height() > 0) {
			clearTimeout(waitTimer);
			$('div.borders div#pictureoverlay').height(348);
		}
	});
	
	$('div.borders div#pictureoverlay').mouseleave(function() {
		waitTimer = setTimeout(handleMouseLeave, 700);
		
	});
	
});

handleMouseLeave = function() {
	$('div.borders div#pictureoverlay').animate({'height':'0px'}, 300);
	$('div#menu ul li ul').hide();
	$('div#menu ul li.active').removeClass('active');
	$currActive.addClass('active');
	
};