/*
 * Image preview script 
 * powered by jQuery (http://www.jquery.com)
 * 
 * written by Alen Grakalic (http://cssglobe.com) and modified by Gauthier de Valensart http://www.ice9.be
 *
 * distruted under mit and gpl licence
 */
 
  var myWidth = -30, myHeight = -10;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth += window.innerWidth;
    myHeight += window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth += document.documentElement.clientWidth;
    myHeight += document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth += document.body.clientWidth;
    myHeight += document.body.clientHeight;
  }

 
this.imagePreview = function(){	
	/* CONFIG */
		
		yOffset = 10;
		xOffset = 30;
		
		maxX = 350;
		maxY = 350;
		
		x = 0;
		y = 0;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("a.preview img").hover(function(e){
		this.t = this.alt;
		var c = (this.t != "") ?  this.t+"<br/>" : "";
		$("body").append("<p id='preview'>"+ c +"<img src='"+ this.src.replace("thumbs/thumb_", "", "gi") +"' alt='Image preview' /></p>");								 
		
			if((e.pageY - yOffset + maxY) > myHeight && (e.pageX + xOffset + maxX) > myWidth)
			{
				y = e.pageY - yOffset - maxY;
				x = e.pageX + xOffset - maxX;
			}
			else if((e.pageY - yOffset + maxY) > myHeight)
			{
				y = e.pageY - yOffset - maxY;
				x = e.pageX + xOffset;
			}
			else if((e.pageX + xOffset + maxX) > myWidth)
			{
				y = e.pageY - yOffset;
				x = e.pageX + xOffset - maxX;
			}
			else
			{
				y = e.pageY - yOffset;
				x = e.pageX + xOffset;
			}		
			
				$("#preview").css("top",y + "px")
				.css("left",x + "px")
				.css("z-index", 2)
				.fadeIn("fast");		
    },
	function(){
		this.title = this.t;	
		$("#preview").remove();
    });	
	/*$("a.preview").mousemove(function(e){
		if((e.pageY - yOffset + maxY) > myHeight && (e.pageX + xOffset + maxX) > myWidth)
			{
				y = e.pageY - yOffset - maxY;
				x = e.pageX + xOffset - maxX;
			}
			else if((e.pageY - yOffset + maxY) > myHeight)
			{
				y = e.pageY - yOffset - maxY;
				x = e.pageX + xOffset;
			}
			else if((e.pageX + xOffset + maxX) > myWidth)
			{
				y = e.pageY - yOffset;
				x = e.pageX + xOffset - maxX;
			}
			else
			{
				y = e.pageY - yOffset;
				x = e.pageX + xOffset;
			}		
			
				$("#preview").css("top",y + "px")
				.css("left",x + "px")
				.css("z-index", 2)
				.fadeIn("fast");		
	});		*/	
};


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