function mostrar() { 
   $("#pop").fadeIn('slow');
   initialize();
} //checkHover

function initialize() {
	if (GBrowserIsCompatible()) {
    	var map = new GMap2(document.getElementById("map_canvas"));
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(20.585000,-100.38000), 13);
		function createMarker(point, number, letter) {
			var tinyIcon = new GIcon();
			tinyIcon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
			tinyIcon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
			tinyIcon.iconSize = new GSize(12, 20);
			tinyIcon.shadowSize = new GSize(22, 20);
			tinyIcon.iconAnchor = new GPoint(6, 20);
			tinyIcon.infoWindowAnchor = new GPoint(5, 1);
			letter = String.fromCharCode(letter.charCodeAt(0));
	  		tinyIcon.image = "http://www.google.com/mapfiles/marker" + letter + ".png";
			markerOptions = { icon:tinyIcon };
	  		var marker = new GMarker(point, markerOptions);
			var message = ["Sede del Congreso<br /><font size='1'><b>Club de Industrial de Quer&eacute;taro</b><br />Av. Estadio 113 Colinas del Cimatario<br />Quer&eacute;taro, Qro. C.P. 76090 <br />T&eacute;l.: (442) 211.7090</font>","<img src='http://www.uaq.mx/informatica/congreso/images/mini_fi.jpg' width='150' height='80' align='left' alt='FI|UAQ'/><b>Nuevas instalaciones de la<br />Facultad de Inform&aacute;tica<br /></b><font size='1'>Av. de las Ciencias s/n.<br />Juriquilla, Quer&eacute;taro. C.P. 76230.</font>"];
  			marker.value = number;
  			GEvent.addListener(marker, "click", function() {
    			var myHtml = "<font face='Arial,Times' size='2'><b>" + message[number -1] + "</b></font>";
				map.openInfoWindowHtml(point, myHtml);
			});
	    	return marker;
		}
		var point = new GLatLng(20.57775,-100.363220);
		map.addOverlay(createMarker(point, 1, "C"));
		var point = new GLatLng(ll=20.703083,-100.442644);
		map.addOverlay(createMarker(point, 2, "N"));
    }
}

$(document).ready(function (){
   //Conseguir valores de la img 
   var img_w = $("#map_canvas").width() + 20; 
   var img_h = $("#map_canvas").height() + 50; 
    
   //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 = $(document).width(); 
   var h = $(document).height(); 
    
   //Centra el popup    
   w = (w/2) - (img_w/2); 
   h = (h/2) - (img_h/2)-23; 
   $("#pop").css("left",w + "px"); 
   $("#pop").css("top",h + "px");
   
   //temporizador, para que no aparezca de golpe 
   $("#link").click(function(){
		setTimeout("mostrar()",100);
	});
   
   //Función para cerrar el popup 
   $("#cerrar").click(function (){ 
      $("#pop").fadeOut('slow'); 
   });
});