/* Fido Funcion solo hay que poner en name="" la URL de la Imagen mas grande tb se puede adaptar para Links*/
this.imagePreview = function(){	

	/* Configuracion de posicion respecto al Mouse el Eje X y el Eje Y esta invertidos por error */

		

		xOffset = 292;

		yOffset = -128;
	

	/* Fin */

	$("img.preview").hover(function(e){

		this.t = this.alt;

		this.alt = "";	

		var c = (this.t != "") ? "<br/>" + this.t : "";

		$("body").append("<div id='preview'><h1>"+ this.name +"</h1><h2>"+ c +"</h2></div>");								 

		$("#preview")

			.css("top",(e.pageY - xOffset) + "px")

			.css("left",(e.pageX + yOffset) + "px")

			.fadeIn("fast");						

    },

	function(){

		this.alt = this.t;	

		$("#preview").remove();

    });	

	$("img.preview").mousemove(function(e){

		$("#preview")

			.css("top",(e.pageY - xOffset) + "px")

			.css("left",(e.pageX + yOffset) + "px");

	});			

};


this.imagePreview2 = function(){	

	/* Configuracion de posicion respecto al Mouse el Eje X y el Eje Y esta invertidos por error */

		

		xOffset2 = -10;

		yOffset2 = -128;
	

	/* Fin */

	$("img.preview2").hover(function(e){

		this.t = this.alt;

		this.alt = "";	

		var c = (this.t != "") ? "<br/>" + this.t : "";

		$("body").append("<div id='preview2'><h1>"+ this.name +"</h1><h2>"+ c +"</h2></div>");								 

		$("#preview2")

			.css("top",(e.pageY - xOffset2) + "px")

			.css("left",(e.pageX + yOffset2) + "px")

			.fadeIn("fast");						

    },

	function(){

		this.alt = this.t;	

		$("#preview2").remove();

    });	

	$("img.preview2").mousemove(function(e){

		$("#preview2")

			.css("top",(e.pageY - xOffset2) + "px")

			.css("left",(e.pageX + yOffset2) + "px");

	});			

};





// iniciar la secuencia de comandos en la página

$(document).ready(function(){

	imagePreview();
	imagePreview2();

});