jQuery(document).ready(function() {

	//move the image in pixel
	var move = -15;
	
	//zoom percentage, 1.2 =120%
	var zoom = 1.2;

	//On mouse over those thumbnail
	jQuery('.item').hover(function() {
		
		//Set the width and height according to the zoom percentage
		width = jQuery('.item').width() * zoom;
		height = jQuery('.item').height() * zoom;
		
		//Move and zoom the image
		jQuery(this).find('img').stop(false,true).fadeTo('slow', 0.5);
		
		//Display the caption
		jQuery(this).find('div.caption').stop(false,true).fadeIn(200);
	},
	function() {
		//Reset the image
		jQuery(this).find('img').stop(false,true).fadeTo('slow', 1);	

		//Hide the caption
		jQuery(this).find('div.caption').stop(false,true).fadeOut(200);
	});

});