$(document).ready(function(){
	$("[rel='loupe']").loupe();
});

$.fn.loupe=function() {
	var img=this.attr('href');
	var obj=this.find(':first-child');
	function openLoupe(img) {
		$("body").append('<div id="loupe_overlay"></div>');
		$("#loupe_overlay").css({'position':'fixed','top':0,'left':0,'z-index':'900','display':'none','width':$(document).width(),'height':$(document).height(),'background':'#000','opacity':0.6}).fadeIn(300);
		var offset=obj.offset();
		$("body").append('<img id="loupe_object" src="'+img+'" />');
		var true_w=$("#loupe_object").width();
		var true_h=$("#loupe_object").height();
		$("#loupe_object")
		.css({'cursor':'pointer','border':'1px solid #FFF','opacity':0.3,'width':obj.width(),'height':obj.height(),'position':'absolute','z-index':'901','top':offset.top,'left':offset.left})
		.click(function(){
			$("#loupe_overlay").fadeOut(300,function(){$(this).remove();});
			$(this).animate({'width':obj.width(),'height':obj.height(),'opacity':0},function(){$(this).remove();});
		})
		.animate({'width':true_w,'height':true_h,'opacity':1},300);
	}
	return this.attr('href','javascript:void(1)').click(function(){openLoupe(img);});
}