var delayTime = 1000;
function mouseEnter(which){
	jQuery("#image").attr("src","http://imagestore.meriad.nl/shoeless/img/"+which.id+".jpg");
	var linkId = "."+which.id;
	jQuery(".menu_item").css("visibility","hidden");
	jQuery(linkId).css("visibility","visible");
	jQuery(linkId).fadeIn({
		opacity: 0.25,
		speed:100,
		left: '50'
	});
}

function mouseLeave(which){		
	var linkId = "."+which.id;
	jQuery("#image").attr("src","http://imagestore.meriad.nl/shoeless/img/blank.jpg");
	jQuery(linkId).css("visibility","hidden");
}

/**
jQuery(document).ready(function(){
	/***  
	*
	* Delay time sets the time needed for the fadeOut/img change.
	*
	***/
	/*
	var delayTime = 1000;
	*/
	/***
	*
	* On mouseenter the #image src is changed, and the ID is used to fadeIn the menu text which uses that id as a class.
	*
	***/	

	/*
	
	jQuery("#een").mouseenter(function(){
		jQuery("#image").attr("src","img/groen.jpg");
		var linkId = "."+this.id;
		jQuery(".menu_item").css("visibility","hidden");
		jQuery(linkId).css("visibility","visible");
		jQuery(linkId).fadeIn({
			opacity: 0.25,
			speed:100,
			left: '50'
		});
	});
	jQuery("#een").mouseleave(function(){		
		var linkId = "."+this.id;
		jQuery(linkId).delay(delayTime).fadeOut("fast",function(){
			jQuery("#image").attr("src","img/blank.jpg");
			jQuery(linkId).css("visibility","hidden");
		});
						
	});
	
	jQuery("#twee").mouseenter(function(){
		jQuery("#image").attr("src","img/rood.jpg");
		var linkId = "."+this.id;
		jQuery(".menu_item").css("visibility","hidden");
		jQuery(linkId).css("visibility","visible");
		jQuery(linkId).fadeIn({
			opacity: 0.25,
			speed:100,
			left: '50'
		});
	}).mouseleave(function(){
		var linkId = "."+this.id;
		jQuery(linkId).delay(delayTime).fadeOut("fast",function(){
			jQuery("#image").attr("src","img/blank.jpg");
			jQuery(linkId).css("visibility","hidden");
		});
		
		
	});
	
	jQuery("#drie").mouseenter(function(){
		jQuery("#image").attr("src","img/blauw.jpg");
		var linkId = "."+this.id;
		jQuery(".menu_item").css("visibility","hidden");
		jQuery(linkId).css("visibility","visible");
		jQuery(linkId).fadeIn({
			opacity: 0.25,
			speed:100,
			left: '50'
		});
	}).mouseleave(function(){
		var linkId = "."+this.id;
		jQuery(linkId).delay(delayTime).fadeOut("fast",function(){
			jQuery("#image").attr("src","img/blank.jpg");
			jQuery(linkId).css("visibility","hidden");
		});
		
		
	});
	
	jQuery("#vier").mouseenter(function(){
		jQuery("#image").attr("src","img/geel.jpg");
		var linkId = "."+this.id;
		jQuery(".menu_item").css("visibility","hidden");
		jQuery(linkId).css("visibility","visible");
		jQuery(linkId).fadeIn({
			opacity: 0.25,
			speed:100,
			left: '50'
		});
	}).mouseleave(function(){
		var linkId = "."+this.id;
		jQuery(linkId).delay(delayTime).fadeOut("fast",function(){
			jQuery("#image").attr("src","img/blank.jpg");
			jQuery(linkId).css("visibility","hidden");
		});
		
	});
	
	jQuery("#vijf").mouseenter(function(){
		jQuery("#image").attr("src","img/geel2.jpg");
		var linkId = "."+this.id;
		jQuery(".menu_item").css("visibility","hidden");
		jQuery(linkId).css("visibility","visible");
		jQuery(linkId).fadeIn({
			opacity: 0.25,
			speed:100,
			left: '50'
		});
	}).mouseleave(function(){
		var linkId = "."+this.id;
		jQuery(linkId).delay(delayTime).fadeOut("fast",function(){
			jQuery("#image").attr("src","img/blank.jpg");
			jQuery(linkId).css("visibility","hidden");
		});
		
	});
	
	jQuery("#zes").mouseenter(function(){
		jQuery("#image").attr("src","img/blauw2.jpg");
		var linkId = "."+this.id;
		jQuery(".menu_item").css("visibility","hidden");
		jQuery(linkId).css("visibility","visible");
		jQuery(linkId).fadeIn({
			opacity: 0.25,
			speed:100,
			left: '50'
		});
	}).mouseleave(function(){
		var linkId = "."+this.id;
		jQuery(linkId).delay(delayTime).fadeOut("fast",function(){
			jQuery("#image").attr("src","img/blank.jpg");
			jQuery(linkId).css("visibility","hidden");
		});
		
	});
	
	jQuery("#zeven").mouseenter(function(){
		jQuery("#image").attr("src","img/rood2.jpg");
		var linkId = "."+this.id;
		jQuery(".menu_item").css("visibility","hidden");
		jQuery(linkId).css("visibility","visible");
		jQuery(linkId).fadeIn({
			opacity: 0.25,
			speed:100,
			left: '50'
		});
	}).mouseleave(function(){
		var linkId = "."+this.id;
		jQuery(linkId).delay(delayTime).fadeOut("fast",function(){
			jQuery("#image").attr("src","img/blank.jpg");
			jQuery(linkId).css("visibility","hidden");
		});
		
	});
	
	jQuery("#acht").mouseenter(function(){
		jQuery("#image").attr("src","img/groen2.jpg");
		var linkId = "."+this.id;
		jQuery(".menu_item").css("visibility","hidden");
		jQuery(linkId).css("visibility","visible");
		jQuery(linkId).fadeIn({
			opacity: 0.25,
			speed:100,
			left: '50'
		});
	}).mouseleave(function(){
		var linkId = "."+this.id;
		jQuery(linkId).delay(delayTime).fadeOut("fast",function(){
			jQuery("#image").attr("src","img/blank.jpg");
			jQuery(linkId).css("visibility","hidden");
		});
		
	});
	**//*
});*/