$x(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
        $x('.zitem').hover(function () {

            //Set the width and height according to the zoom percentage
            width = $x('.zitem').width() * zoom;
            height = $x('.zitem').height() * zoom;

            //Move and zoom the image
            $x(this).find('img').stop(false, true).animate({ 'width': width, 'height': height, 'top': move, 'left': move }, { duration: 200 });

            //Display the caption
            $x(this).find('div.caption').stop(false, true).fadeIn(200);
        },
	function () {
	    //Reset the image
	    $x(this).find('img').stop(false, true).animate({ 'width': $x('.zitem').width(), 'height': $x('.zitem').height(), 'top': '0', 'left': '0' }, { duration: 100 });

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

    });