$(document).ready(function(){
	$("#miniature img").wrap("<div class='thumb-img'><div class='thumb-inner'></div></div>")
	
	$("#miniature img").each(function(){
		$(this).load(function() {
		$(this).css("position","absolute")
		if ($(this).height()<$(this).width()) {$(this).css("height",$("div.thumb-img").height()+"px");$(this).css("left","-"+(parseInt($(this).width())/2)+"px");$(this).css("margin-left","50%")}
		if ($(this).height()>$(this).width()) {$(this).css("width",$("div.thumb-img").width()+"px");$(this).css("top","-"+(parseInt($(this).height())/2)+"px");$(this).css("margin-top","50%")}
	})
	})
	$("#miniature img").hover(function(e){
	
		if (this.alt!="") {this.titolo=this.alt}
		$("body").append("<p id='preview'><img src='"+ this.src +"' /><br>"+ this.titolo +"</p>")
		this.alt=""
		
		$altezza=$("#preview").height()
		$larghezza=$("#preview").width()
		$distanzadestra=$("body").width()-e.clientX-$larghezza
		$distanzaalto=e.clientY-$altezza
		//$("body").append($altezza+" "+$larghezza+" "+$rapporto+"<br>")
		//$("body").append($distanzadestra+"<br>")
		
		if ($distanzaalto>20) {$("#preview").css("top",(e.pageY-$altezza) + "px")} else {$("#preview").css("top",(e.pageY-30) + "px")}
		if ($distanzadestra>20) {$("#preview").css("left",(e.pageX+10) + "px")} else {$("#preview").css("left",(e.pageX-$larghezza-20) + "px")}
		$("#preview").fadeIn(500)
    },
	function(){
		$("#preview").remove()
    })
		
	$("#miniature img").mousemove(function(e){
		$altezza=$("#preview").height()
		$larghezza=$("#preview").width()
		$distanzadestra=$("body").width()-e.clientX-$larghezza
		$distanzaalto=e.clientY-$altezza
		
		if ($distanzaalto>20) {$("#preview").css("top",(e.pageY-$altezza) + "px")} else {$("#preview").css("top",(e.pageY-30) + "px")}
		if ($distanzadestra>20) {$("#preview").css("left",(e.pageX+10) + "px")} else {$("#preview").css("left",(e.pageX-$larghezza-20) + "px")}

})
})