(function($) {     
$.fn.zoom = function(x) { x = $.extend({ speed: null, size: null }, x || {});
$(this).click(function() {

		var screenWidth = document.documentElement.clientWidth; 
		var screenHeight = document.documentElement.clientHeight; 
		if( self.pageYoffset ) { scrolledX = self.pageXoffset; scrolledY = self.pageYoffset; } 
		else if( document.documentElement && document.documentElement.scrollTop ) { scrolledX = document.documentElement.scrollLeft; scrolledY = document.documentElement.scrollTop; } 
		else if( document.body ) { scrolledX = document.body.scrollLeft; scrolledY = document.body.scrollTop; } 

$('body').append('<div id="zoom"><table border="0" cellspacing="0" cellpadding="0"><tr><td><div id="close">x</div></td></tr><tr><td><img id="image"/></td></tr></table></div><div id="fade"></div>');
$("#fade").css('opacity', '0.7');
$('#fade').fadeIn(x.speed);


var img = $("img", this).attr("src");
//alert(img);

img = img.replace('foto/'+x.size, 'foto');
$("#image").attr("src", ''); 
$("#image").attr("src", img);

$("#image").load(function(){

var img_h= $("#zoom").height();  
var img_w= $("#zoom").width(); 
var left = (scrolledX + (screenWidth - img_w)/2)-8; 
if(img_h>=screenHeight-50) { var top2 = scrolledY + 10;  }  else { var top2 = scrolledY + (screenHeight - img_h)/2;  };

		$("#zoom").css({ "position": "absolute", "top": top2, "left": left});
		$('#zoom').fadeIn(x.speed);
		

});

return false;	});

	$('#close').live('click', function(event){ 
		$('#zoom').fadeOut(x.speed, function() {	$('#zoom').remove();});
		$('#fade').fadeOut(x.speed, function() {	$('#fade').remove();}); 
	});
	
}})(jQuery);

$(function() { $(".show").zoom({ speed:400, size:'med' });});
$(function() { $(".thumb3").zoom({ speed:400, size:'med' });});