/*
 * 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
 *
 */
 		xOffset = 100;
		yOffset = 220;
		lleft=0;
this.imagePreview = function(){	
	/* CONFIG */		
		// 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){
		this.t = this.title;
		this.title = "";
		var xy=getScrollXY();
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("#preview").remove();
		$("body").append("<div id='preview' onmouseout='ocultarPreview();'  onclick='ocultarPreview();' ><img src='"+ this.href +"' alt='Image preview' onload='resize_div(this)' ></img><div class='clear'></div><p>"+ c +"</p></div>");
		
		lleft=e.pageX*.8+xOffset;
		$("#preview")
			.css("top",(xy[1]+yOffset) + "px")
			.css("left",(lleft) + "px")
			.css("display","none")
			.fadeIn("low");
	},
	function(){
		this.title = this.t;
    });	
	
	
};


function resize_div(img)
{
	$("#preview")
		.css("display", "block");
	var ancho = $("#preview img").width();	
	$("#preview")
	.css("width", ancho);
	if(ancho<lleft)
		lleft-=(2*ancho/3);
	else if(ancho/2<lleft)
		lleft-=(ancho/3);
	$("#preview").css("left",lleft + "px");
} 



function ocultarPreview(){
	$("#preview").remove();
};
// starting the script on page load
$(document).ready(function(){
	imagePreview();
});


function getScrollXY() {
	  var scrOfX = 0, scrOfY = 0;
	  if( typeof( window.pageYOffset ) == 'number' ) {
	    //Netscape compliant
	    scrOfY = window.pageYOffset;
	    scrOfX = window.pageXOffset;
	  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
	    //DOM compliant
	    scrOfY = document.body.scrollTop;
	    scrOfX = document.body.scrollLeft;
	  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
	    //IE6 standards compliant mode
	    scrOfY = document.documentElement.scrollTop;
	    scrOfX = document.documentElement.scrollLeft;
	  }
	  return [ scrOfX, scrOfY ];
	}