// JavaScript Document
$(document).ready(function() {
	//move the image in pixel
	var move = 0;
	
	//zoom percentage, 1.2 =120%
	var zoom = 1.2;
	//
	$('.partenaire img').animate({'opacity':0.2});
	//$('.partenaire a').css({'opacity':0.4});
	//On mouse over those thumbnail
	$('.partenaire').hover(function() {
		
		//Set the width and height according to the zoom percentage
		/*width = $('.zitem').width() * zoom;
		height = $('.zitem').height() * zoom;*/
		width = $('.partenaire').width();
		height = $('.partenaire').height();
		
		//Move and zoom the image
		//$(this).find('img').stop(false,true).animate({'width':width, 'height':height, 'top':move, 'left':move}, {duration:200});
		$(this).find('img').stop(false,true).animate({'width':'100', 'height':'100', 'top':move, 'left':move, 'opacity':1}, {duration:200});
		//$(this).find('a.txt').stop(false,true).css('color': '#CC0000');
		//Display the caption
		//$(this).find('div.caption').stop(false,true).fadeIn(1000);
		//$(this).find('a').stop(false,true).fadeOut(200);
	},
	function() {
		//Reset the image
		//$(this).find('img').stop(false,true).animate({'width':$('.zitem').width(), 'height':$('.zitem').height(), 'top':'0', 'left':'0'}, {duration:100});	
$(this).find('img').stop(false,true).animate({'width':'100', 'height':'100', 'top':'20', 'left':'20', 'opacity':0.2}, {duration:100});
		//$(this).find('a.txt').stop(false,true).animate({'color': '#FFFFFF'}, {duration:200});
		//Hide the caption
		//$(this).find('div.caption').stop(false,true).fadeOut(200);
		//$(this).find('a').stop(false,true).fadeIn(200);
	});

});