// Java Document
function mostrar() {
$("#pop").fadeIn('slow');
$("#cerrar").fadeIn('slow');
}

$(document).ready(function (){
//Conseguir valores de la img
var img_w = $("#pop img").width() + 10;
var img_h = $("#pop img").height() + 28;

//Darle el alto y ancho
$("#pop").css('width', img_w + 'px');
$("#pop").css('height', img_h + 'px');

//Esconder el popup
$("#pop").hide();

//Consigue valores de la ventana del navegador
var w = $(this).width();
var h = $(this).height();

//Centra el popup
w = (w/2) - (img_w/2);
h = (h/2) - (img_h/2);
$("#pop").css("left",w + "px");
$("#pop").css("top",h + "px");

//temporizador, 
//para que no aparezca de golpe
//(Inizializador)
//setTimeout("mostrar()",1500);

//Función para cerrar el popup
//Click en X
//$("#cerrar").click(function (){
// $(this).fadeOut('slow');
// $("#pop").fadeOut('slow');
//});

//Función para cerrar el popup 
//Click imagen
$("#pop").click(function (){
$(this).fadeOut('slow');
$("#cerrar").fadeOut('slow');
});

});