$(document).ready(function(){
	
/*
	$('#view_stores').hover( function(){
		$('#xl-stores').slideDown();
		$(this).addClass('active');
	}, function(){
		
	});	
	
	$('#xl-stores').mouseleave( function() {
		$(this).slideUp();
		$('#view_stores').removeClass('active');
	});
*/
	
	/* Event op muis hover */
	$('#view_stores').mouseenter( function(){
		/* Menu naar benende sliden */
		$('#xl-stores').slideDown();
		
		/* Menu knop class active geven */
		$(this).addClass('active');
	}).mouseleave(function(){
		/* Zet timeout */
		var timeoutId = setTimeout(function(){ $("#xl-stores").slideUp(); $("#view_stores").removeClass('active');}, 250);
		
		/* Timeout opslaan */
		$("#xl-stores").data('timeoutId', timeoutId);
		 
		/* Timeout weghalen als je hovert over de stores */
		$('#xl-stores').mouseover( function(){
		    clearTimeout($('#xl-stores').data('timeoutId'));
		});
		
		/* Timeout weer toevoegen op mouse leave */
		$('#xl-stores').mouseleave( function() {
			 var timeoutId = setTimeout(function(){ $("#xl-stores").slideUp(); $("#view_stores").removeClass('active')}, 250);
		});
	});
	
	
});