ÿþ$(document).ready(function(){



$("ul.zoomable li").hover(function() {

	$(this).css({'z-index' : '10'});

	$(this).find('img').addClass("hover").stop()

		.animate({

			left: '-25%', 

			width: '200%', 

			height: '200%',

		}, 600);

	

	} , 

        function() {

	$(this).css({'z-index' : '0'});

	$(this).find('img').removeClass("hover").stop()

		.animate({

			marginTop: '0', 

			marginLeft: '0',

			top: '0', 

			left: '0', 

			width: '100%', 

			height: '100%', 

		}, 100);

});



$("a.zoomable").hover(function() {

	$(this).css({'z-index' : '10'});

	$(this).find('img').addClass("hover").stop()

		.animate({

			left: '-25%', 

			width: '200%', 

			height: '200%',

		}, 600);

	

	} , 

        function() {

	$(this).css({'z-index' : '0'});

	$(this).find('img').removeClass("hover").stop()

		.animate({

	//		marginTop: '0', 

	//		marginLeft: '0',

	//		top: '0', 

			left: '0', 

			width: '100%', 

			height: '100%', 

		}, 100);

});





$("img.zoomable").hover(function() {

	$(this).css({'z-index' : '10'});

	$(this).addClass("hover").stop()

		.animate({

			left: '-25%', 

			width: '200%', 

			height: '200%',

		}, 600);

	

	} , 

        function() {

	$(this).css({'z-index' : '0'});

	$(this).removeClass("hover").stop()

		.animate({

			left: '0', 

			width: '100%', 

			height: '100%', 

		}, 100);

});



});