$(document).ready(function() {
	$(".thumbnail").click(function () {
		 var img = $(this).attr("rel");
		 var title = $(this).attr("title");

		$("#theImage").fadeOut("fast", function () {
				
				$("#theImage").html('\
					<div style="width:440px">\
					<div style="position:absolute; width:436px; text-align:right; color:#FFFFFF; padding:2px; overflow:hidden">\
					<span style="background: url(http://marmocasa.it/images/light.png); padding:0 3px 0 3px; font-size:25px;">'+title+'</span>\
					</div>\
					<img src="'+img+'" style="float:left; padding-right:5px;" border="0" width="440px" />\
					</div>');
				$("#theImage").fadeIn("slow");
			});
		
		});
});