/*
* 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 = 180;
 yOffset = 10;

 // 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");
 });
};

this.imagePreview2 = function(){
 /* CONFIG */

 xOffset = 50;
 yOffset = 10;

 // these 2 variable determine popup's distance from the cursor
 // you might want to adjust to get the right result

 /* END CONFIG */
 $("a.preview2").hover(function(e){
 this.t = this.title;
 this.title = "";
 var c = (this.t != "") ? "<br/>" + this.t : "";
 var source = this.childNodes[0].src .replace("_m","");
 $("body", window.parent.document).append("<p id='preview2'><img src='"+ source +"' alt='Image preview' />"+ c +"</p>");
 $("#preview2", window.parent.document)
 .css("top",(xOffset) + "px")
 .css("left",(e.pageX + yOffset) + "px")
 .fadeIn("fast");
 },
 function(){
 this.title = this.t;
 $("#preview2", window.parent.document).remove();
 });
 $("a.preview2").mousemove(function(e){
 $("#preview2", window.parent.document)
 .css("top",(xOffset) + "px")
 .css("left",(e.pageX + yOffset) + "px");
 });
};


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