/*
 * 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
 *
 * Modified by Aerohost - http://Aerohost.com
 */
 
this.imagePreview = function(){	
	/* CONFIG */

	var popup_image_height = 300;//approximate ok
	var popup_image_width = 300;//approximate ok
	var left_pos = 0;
	var top_pos = 0;
	var vert_border_offset = 5;//px
	var hor_border_offset = 5;//px
	var vert_mouse_offset = 25;//px	
	var hor_mouse_offset = 25;//px	
	
	/* END CONFIG */
	$("a.preview").hover(function(e){
	
		var border_top = $(window).scrollTop();
		var border_right = $(window).width();
		
		this.t = this.title;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";

		if(border_top + (vert_border_offset *2)>= e.pageY - popup_image_height){
			top_pos = border_top + vert_border_offset;
		} else{
			top_pos = e.pageY-popup_image_height-vert_border_offset;
		}
		
		// if(border_right - (hor_border_offset *2) >= popup_image_width + e.pageX){
			// left_pos = e.pageX + hor_border_offset;
		// } else{
			// left_pos = border_right - popup_image_width - hor_border_offset;
		// }
		
		//alert(top_pos);

		$("body").append("<p id='preview'><img src='"+ this.href +"' alt='Image preview' />"+ c +"</p>");								 
		$("#preview")
			.css("top",(top_pos + vert_mouse_offset) + "px")
			//.css("left",(left_pos + hor_mouse_offset) + "px")
			.css("left",(e.pageX + hor_mouse_offset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#preview").remove();
    });	
	// $("a.preview").mousemove(function(e){
	// this.t = this.title;
		// this.title = "";	
		// var c = (this.t != "") ? "<br/>" + this.t : "";
				// var border_top = $(window).scrollTop();
				// var border_right = $(window).width();
				// var left_pos = 0;
				// var top_pos = 0;
				// var offset = 25;
				
				// // if(border_right - (offset *2) >= my_tooltip.width() + kmouse.pageX){
					// // left_pos = kmouse.pageX+offset;
					// // } else{
					// // left_pos = border_right-my_tooltip.width()-offset;
					// // }

				// if(border_top + (offset *2)>= e.pageY - 300){
					// top_pos = border_top +offset;
					// } else{
					// top_pos = e.pageY-300-offset;
					// }	
		// $("#preview")
		
			// .css("top",(top_pos) + "px")
			// .css("left",(e.pageX + yOffset) + "px");
	// });			
};


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