// JavaScript Document
	
$(document).ready(function() {

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

	//On mouse over those thumbnail
	$('.zitem').hover(function() {
		
		//Set the width and height according to the zoom percentage
		width = $('.zitem').width() * zoom;
		height = $('.zitem').height() * zoom;
		
		//Move and zoom the image
		//$(this).find('img').stop(false,true).animate({'width':width, 'height':height, 'top':move, 'left':move , 'opacity':'1'}, {duration:200});
		//$(this).find('img').stop(false,true).animate({'opacity':'1'}, {duration:200});
		
		
	},
	function() {
		//Reset the image
		//$(this).find('img').stop(false,true).animate({'width':$('.zitem').width(), 'height':$('.zitem').height(), 'top':'0', 'left':'0', 'opacity':'1'}, {duration:100});	
		//$(this).find('img').stop(false,true).animate({'opacity':'0.3'}, {duration:100});	
	});
	//$('.zitem').find('img').stop(false,true).animate({'opacity':'0.3'}, {duration:10});	
});