/*
 * Image preview script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com)
 * 
 * for more info visit http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery
 *
 */
 
this.imagePreview = function(){	
	/* CONFIG */
		xOffset = 10;
		yOffset = 30;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("a.preview").hover(function(e){
		var tab = this.name.split("|");
		
		
		
		this.t = tab[1];
		//this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		
		var width  = 0;
		var height = 0;
		
		
		if(tab[2] > 300){
			width  = 300;
			height = (parseInt(tab[3]) * 300)/ parseInt(tab[2]);
		}else{
			width  = tab[2];
			height = tab[3];
		}
		
		$("body").append("<p id='preview' class='texte'>Cliquez sur la vignette pour afficher le zoom.<br /><img src='"+ tab[0] +"' alt='' width='"+width+"'/>"+ c +"</p>");		

		
		/*var larg 	 = parseInt(document.body.clientWidth);
		var longueur = parseInt(document.body.clientHeight);
		
		var left = parseInt(e.pageX) + parseInt(yOffset) + parseInt(tab[2]);
		var top  = parseInt(e.pageY) - parseInt(xOffset) + parseInt(tab[3]);
		
		
		if(left > larg){
			var reste_left = parseInt(e.pageX) + parseInt(yOffset) - parseInt(left) - parseInt(larg);
		}else{
			var reste_left = parseInt(e.pageX) + parseInt(yOffset);
		}
		
		if(top > longueur){
			var reste_top = parseInt(e.pageY) + parseInt(xOffset) - parseInt(top) - parseInt(longueur);
		}else{*/
			var reste_top = parseInt(e.pageY) + parseInt(xOffset);
		//}
		
			var reste_left = parseInt(e.pageX) + parseInt(yOffset);
		/*if(left > larg){
			//var reste = left - larg;
			
			
			$("#preview")		
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset - parseInt(reste)) + "px")
			.fadeIn("fast");
				
		}else{*/
			$("#preview")		
			.css("top",reste_top + "px")
			.css("left",reste_left + "px")
			.fadeIn("fast");	
		//}
		 
		
							
    },
	function(){
		//this.title = this.t;	
		$("#preview").remove();
    });	
	$("a.preview").mousemove(function(e){
		/*var tab = this.name.split("|");
		var larg = parseInt(document.body.clientWidth);
		
		var left = parseInt(e.pageX) + parseInt(yOffset) + parseInt(tab[2]);
		
		if(left > larg){
			var reste = left - larg;
			$("#preview").css("top",(e.pageY + 10) + "px")
			.css("left",(e.pageX + yOffset - reste) + "px");
		}else{*/
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
		//}
	});			
};


// starting the script on page load
$(document).ready(function(){
	imagePreview();
});