$(document).ready(function(){
	/* CONFIG */

	$('.infoHover').tipsy({
		gravity: 'w'
	});

	
	xOffset = 10;
	yOffset = 30;

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

	/* END CONFIG */
	$("img.preview").hover(function(e){
		tempTitle = this.title;
		$("body").append("<p id='preview'><img src='"+ tempTitle +"' alt='Image preview' /></p>");
		$("#preview")
		.css("top",(e.pageY - xOffset) + "px")
		.css("left",(e.pageX + yOffset) + "px")
		.fadeIn("fast");
		e.preventDefault();
	},
	function(){
		$("#preview").remove();
	});
	$("img.preview").mousemove(function(e){
		$("#preview")
		.css("top",(e.pageY - xOffset) + "px")
		.css("left",(e.pageX + yOffset) + "px");
	});

	$(".imgPreview").hover(function(e){
		tempTitle = this.title;
		$("body").append("<p id='preview'><img src='"+ tempTitle +"' alt='Image preview' /></p>");
		$("#preview")
		.css("top",(e.pageY - xOffset) + "px")
		.css("left",(e.pageX + yOffset) + "px")
		.fadeIn("fast");
		e.preventDefault();
	},
	function(){
		$("#preview").remove();
	});
	$("imgPreview").mousemove(function(e){
		$("#preview")
		.css("top",(e.pageY - xOffset) + "px")
		.css("left",(e.pageX + yOffset) + "px");
	});
});