this.imagePreview = function(){	
	/* CONFIG */
		
		xOffset = 10;
		yOffset = 30;
		
	/* END CONFIG */
	$("div.preview").hover(function(e){
		this.t = this.id;
		this.title = "";	
		var c = (this.t != "") ? "<br/>" + this.t : "";
//		$("body").append("<p id='preview'><img src='/hd/projects/"+ this.id +"' alt='Image preview' />"+ c +"</p>");
//		$("body").append("<div id='preview'><table class='prevshade_table' border='0' cellspacing='0' cellpadding='0'><tr><td class='sdf'>&nbsp;</td></tr></table></div>");	
		$("body").append("<div id='preview'><table class='prevshade_table' border='0' cellspacing='0' cellpadding='0'><tr><td class='blockshadow1'>&nbsp;</td><td class='blockshadow2'>&nbsp;</td><td class='blockshadow3'>&nbsp;</td></tr><tr><td class='blockshadow4'>&nbsp;</td><td class='prevshade_content' ><img src='../modules/ptm/phpThumb.php?src=../../hd/projects/"+ this.id +"&w=150&h=200' /></td><td class='blockshadow6'>&nbsp;</td></tr><tr><td class='blockshadow7'>&nbsp;</td><td class='blockshadow8'>&nbsp;</td><td class='blockshadow9'>&nbsp;</td></tr></table></div>");
		$("#preview")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#preview").remove();
    });	
	$("div.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();
});