// execute your scripts when the DOM is ready. this is a good habit
	$(document).ready(function() { 
		$("#TdgScrollable").scrollable();	 
	});


	$(function() {
		
	$(".items li").mouseover(function() {
		// calclulate large image's URL based on the thumbnail URL (flickr specific)
		var url = "/static/images/tdg/"+$(this).attr("id")+".jpg";
	
		var img = new Image();
	
		// call this function after it's loaded
		img.onload = function() {
		
			// change the image
			var wrap = $("#image_wrap").find("img").attr("src", url);
	
		};
	
		// begin loading the image
		img.src = url;
		
		//on masque tous les éléments de home
		$(".dispo-prod").hide();
		
		$(".items li").removeClass("active");
		$(this).addClass("active");
		
		//on affiche uniquement celui qui est sélectionné
		var dispo ="dispo-"+$(this).attr("id");
		$("#"+dispo).show();
		
	
	// when page loads simulate a "mouseover" on the first image
	}).filter(":first").mouseover();	
	});