/* ************************************************************************************************************************

Mercedes Salazar Joyería, S.A.

File:			tooltip_image.js
Author:			Mercedes Salazar Joyería, S.A.
Homepage:		www.mercedessalazar.com
Copyright:		2009

************************************************************************************************************************ */

/*
 * 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
 *
 * For more info visit http://plugins.jquery.com/project/light-tooltip
 *
 */

this.imagePreview = function() {
	/* BEGIN CONFIG */

	xOffset = 20;
	yOffset = 20;

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

	/* END CONFIG */
	jQuery("a.preview").hover(function(e) {
		this.t = this.title;
		this.title = "";
		var c = (this.t != "") ? "<br/>" + this.t : "";
		jQuery("body").append("<p id='preview'><img src='"+ this.rel +"' alt='Image preview' />"+ c +"</p>");

		var left = e.pageX + xOffset;
		var top = e.pageY + yOffset;

		if (e.pageX>jQuery(window).width()-jQuery("#preview").width() - xOffset) {
			left = e.pageX - jQuery("#preview").width() - xOffset;
		}
		if (e.pageY>jQuery(window).height()-jQuery("#preview").height() - yOffset) {
			top = e.pageY - jQuery("#preview").height() - yOffset;
		}

		jQuery("#preview")
			.css("top",(top) + "px")
			.css("left",(left) + "px")
			.fadeIn("fast");
	},
	function() {
		this.title = this.t;
		jQuery("#preview").remove();
	});
	jQuery("a.preview").mousemove(function(e) {
		var left = e.pageX + xOffset;
		var top = e.pageY + yOffset;

		if (e.pageX>jQuery(window).width()-jQuery("#preview").width() - xOffset) {
			left = e.pageX - jQuery("#preview").width() - xOffset;
		}
		if (e.pageY>jQuery(window).height()-jQuery("#preview").height() - yOffset) {
			top = e.pageY - jQuery("#preview").height() - yOffset;
		}

		jQuery("#preview")
			.css("top",(top) + "px")
			.css("left",(left) + "px");
	});
};

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