/*
 * 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){
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
		$("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' />"+ c +"</p>");								 
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#preview").remove();
    });	
	$("a.preview").mousemove(function(e){
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});
};
// starting the script on page load
$(document).ready(function(){
	imagePreview();
});
/*
var M_x;
var M_y;
function GetXY(e){
	var ie = navigator.appName == "Microsoft Internet Explorer";
	M_x = ie?window.event.clientX:e.clientX;
	M_y = ie?window.event.clientY:e.clientY;
}
function ShowBox(id){
	/*
	var temx=M_x;
	var temy = parseInt(M_y) + parseInt(document.documentElement.scrollTop);
	var temy=M_y;
	var right = parseInt(window.screen.width) - parseInt(M_x);
	var top = parseInt(window.screen.height) - parseInt(M_y);
	obj=document.getElementById('ShowBoxContent');
	obj.style.right=right+'px';
	obj.style.top=M_y+'px';
	*/
	/*
	var temx=M_x;
	var temy=M_y+document.documentElement.scrollTop;;
	obj=document.getElementById('ShowBoxContent');
	if(temx+320>window.screen.width){temx=temx-310;}else{temx+=10;}
	if(temy+240>document.documentElement.offsetHeight){temy=temy-230}else{temy+10;}
	obj.style.left=temx+'px';
	obj.style.top=temy+'px';
}
function GetShowInfo(id){
	document.getElementById('ShowBoxContent').innerHTML='';
	document.getElementById('ShowBoxContent').innerHTML=document.getElementById("Component"+id).innerHTML;
	document.getElementById('ShowBoxContent').style.display='block';
}
function HideBox(){document.getElementById('ShowBoxContent').style.display='none';document.getElementById('ShowBoxContent').innerHTML='';}
document.onmousemove=function(e){GetXY(e);}
*/