//jQuery.noConflict();
jQuery(document).ready(function($) {

	var main_div		= "#ficheprod_photos";					
	var main_img		= "#ficheprod_photoprincipale img";		
	var mini 			= ".mini";								
	var max_size		= 400;									
	var veloc			= 100;

	changeImg = function(photo,img) {
		
		filename = function(src){return src.substring(src.lastIndexOf('/')+1)};
		if (filename(photo.attr("src")) != filename(img.src)) {
			var width = img.width;
			var height = img.height;
			var rapport = width / height;
			if (width > max_size && width >= height) {
				width = max_size;
				height = max_size / rapport;
			} else if (height > max_size && width <= height) {
				height = max_size;
				width = max_size * rapport;
			}
			$(photo).fadeOut(veloc, function(){
				$(this).attr({
					"src"	: img.src,
					"height": "260",
					"width"	: "250"
					});
				$(this).fadeIn(veloc);
			});
		}
	}

	var maxi_img	= [];
	var mini_img	= [];
	$(main_div,document).each(function(i) {
		var cont	 	= this;
		maxi_img[i] 	= new Image();
		maxi_img[i].src = $(main_img,this).attr("src");
		mini_img[i]		= [];
		
		// Mouse over
		$(mini, this).each(function(j){ 
			mini_img[i][j] = new Image();
			mini_img[i][j].src = $(this).closest("a").attr("href");
			$(this).hover(function(){			
				changeImg($(main_img, cont), mini_img[i][j]);
			});
		});
		
		// Mouse out
		$(main_img, cont).hover(function(){
			changeImg($(main_img, cont), maxi_img[i]);
			
		});
		$(cont).hover(null,function(){ 		
			changeImg($(main_img, cont), maxi_img[i]);
		});
	});

});