this.screenshotPreview = function(){	
	/* CONFIG */
		xOffset = 80;// these 2 variable determine popup's distance from the cursor
		yOffset = 30;
	/* END CONFIG */
	
	$("a.screenshot").hover(function(e){
		//alert('hover');
		this.t = this.id;
		this.id = "";	
		var c = (this.t != "") ? "<br/><font face='verdana' size='2' style='padding-left:200px;'>" + this.t+" Views</font>" : "";
		//$("body").append("<div id='screenshot' style='vertical-align:middle'></div>");
		//$("#screenshot").html("<img src='images/loader.gif'/>");
		//$("#screenshot").html("<img id='storeimg' width='450' height='258' src='"+ this.rel +"' alt='Store Preview' />"+c);

		$("body").append("<div id='screenshot'><img id='storeimg' width='250' height='375' src='"+ this.rel +"' alt='Product Preview' />"+c+"</div>");	
		
		$("#screenshot")
		.css("top",(e.pageY - xOffset) + "px")
		.css("left",(e.pageX + yOffset) + "px")
		.fadeIn("slow");	

    },
	function(){
		this.id = this.t;	
		$("#screenshot").remove();
    });	
	$("a.screenshot").mousemove(function(e){
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};


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