var posx= new Array(17.06319,16.335113,17.061128,17.80927,18.082677,15.866463,17.019943,16.186187,17.056456,18.107687,16.339447,16.554888,17.08623,16.433708,16.434994,16.876674,17.07579,16.330353);
    var posy= new Array(-96.724786,-95.232279,-96.735579,-97.776475,-96.123563,-97.071247,-96.731535,-95.186647,-96.727702,-95.879992,-98.050323,-95.095146,-96.712056,-95.023246,-95.017061,-95.039184,-96.712947,-95.225329);
//var imag= new Array("images/thumbnail.png","images/csur.jpeg","images/tres.jpeg","images/cirapuato.jpeg","images/cmty.jpeg","images/cmer.jpg","images/cgdl.jpeg","images/ctam.jpeg","images/csal.jpeg","images/cqro.jpg");
var imagbanner= new Array("Oficina Matriz","Tehuantepec","Abastos","Huajuapan de León","Tuxtepec","Puerto Escondido","Xoxo","Salina Cruz","20 de Noviembre","Loma Bonita","Pinotepa Nacional","Ixtepec","Módulo Azul","Juchitán 1","Juchitán 2","Matías Romero","Reforma","San Blas");
var ref= new Array("upiita.com","altavista.com","google.com","upiita.com","altavista.com","google.com","upiita.com","altavista.com","google.com");
var indice=0;
var message =["Av. Jos&eacute; Mar&iacute;a Morelos No. 703","Av. Juana C. Romero No. 18","Valerio Trujano No. 801","Cuauht&eacute;moc No. 16","Av. 20 de Noviembre No. 170","5ª Norte Esq. 2ª Poniente","1ª Privada de Progreso No. 100<br> Esq. Blvd. Guadalupe Hinojosa de Murat<br>Local 03","Av. Manuel Ávila Camacho No. 415","Av. 20 de Noviembre No. 707-A<br>Entre Zaragoza y Arista<br>frente al Hotel Posada de Carmen y Elektra","Michoac&aacute;n No. 25 Local 3","Av Ju&aacute;rez No. 217 Esq. Av. P&eacute;rez Gazga","Morelos No. 34, Col. Estaci&oacute ;n","Blvd. M&aacute;rtires de Chicago Esq. Av. Proletariado Mexicano","Efra&iacute;n R. G&oacute;mez No. 15 C","Av. Hidalgo No. 64 A","Ayuntamiento S/N entre Morelos y 5 de Mayo Sur","H. Colegio Militar No. 525, entre Sabinos y Palmeras","C. Francisco Cort&eacute;z entre Benito Ju&aacute;rez y Mateo Jim&eacute;nez"];
 var message1 =["Col. Centro, Oaxaca, Oax. C.P. 68000","Bo. San Sebasti&aacute;n C.P. 70760","Col. Centro C.P. 68000","Huajuapan de Le&oacute;n C.P. 69000","San Juan Bautista Tuxtepec C.P. 68300","Sector Ju&aacute;rez, Puerto Escondido C.P. 71980","Palestina Santa Cruz Xoxocotl&aacute;n C.P. 71980","Salina Cruz C.P. 70600","Col. Centro C.P. 68300","Loma Bonita C.P. 68400","Santiago Pinotepa Nacional C.P. 71600","Cd. Ixtepec C.P. 70110","Primero de Mayo Infonavit C.P. 68020", "Juchit&aacute;n de Zaragoza C.P. 70000","Juchit&aacute;n de Zaragoza C.P. 70000","Mat&iacute;as Romero C.P. 70300","Oaxaca, Oax. C.P. 68000","Col. Centro, San Blas Atempa C.P."];
 var message2 =["8:30 a.m A 4:00 p.m.","8:30 a.m A 4:00 p.m.","8:30 a.m A 4:00 p.m.","8:30 a.m A 4:30 p.m.","8:30 a.m A 4:00 p.m.","8:30 a.m A 4:00 p.m.","9:00 a.m A 4:30 p.m.","8:30 a.m A 4:30 p.m.","8:30 a.m A 4:00 p.m.","8:30 a.m A 4:00 p.m.","9:00 a.m A 6:30 p.m.","8:30 a.m A 4:00 p.m.","8:30 a.m A 4:00 p.m.","8:30 a.m A 5:00 p.m.","8:30 a.m A 5:00 p.m.","9:00 a.m A 5:00 p.m.","8:30 a.m A 4:00 p.m.","8:30 a.m A 4:00 p.m."];
 var message3 =["9:00 a.m A 1:00 p.m.","9:00 a.m A 1:00 p.m.","9:00 a.m A 1:00 p.m.","9:00 a.m A 1:30 p.m.","9:00 a.m A 1:30 p.m.","9:00 a.m A 1:30 p.m.","9:00 a.m A 1:45 p.m.","9:00 a.m A 2:00 p.m.","9:00 a.m A 1:00 p.m.","9:00 a.m A 1:30 p.m.","9:00 a.m A 1:30 p.m.","9:00 a.m A 2:00 p.m.","9:00 a.m A 1:45 p.m.","9:00 a.m A 3:00 p.m.","9:00 a.m A 3:30 p.m.","9:00 a.m A 2:00 p.m.","9:00 a.m A 2:00 p.m.","9:00 a.m A 2:00 p.m."];

var map;
var i=0;
function initialize() {
	
//var unidad =["Unidad Zacatenco, Ciudad de México","Unidad Sur, Ciudad de México","Unidad San Borja, Ciudad de México","Unidad Irapuato","Unidad Monterrey","Unidad Mérida","Cinvestav-Guadalajara","Unidad Tamaulipas","Unidad Saltillo","Unidad Queretaro"]  
  if (GBrowserIsCompatible()) {
   
    map = new GMap2(document.getElementById("map_canvas"));
    map.setCenter(new GLatLng(17.068108,-96.7202), 13);	//Coloca el mapa para que se vea todo el estado de Oaxaca
    map.setUIToDefault();
 

  
    // Creates a marker at the given point
    // Clicking the marker will hide it
    function createMarker(latlng, number) {
     var icon = new GIcon();
      icon.image = "http://montedepiedad.gob.mx/wp-content/themes/rt_gantry_wp/images/thumbnail.png";
      icon.shadow = "http://montedepiedad.gob.mx/wp-content/themes/rt_gantry_wp/images/thumbnail.png";
      icon.iconSize = new GSize(24, 24);
      icon.shadowSize = new GSize(24, 24);
      icon.iconAnchor = new GPoint(5, 15);
      icon.infoWindowAnchor = new GPoint(31, 8);
   	
      var marker = new GMarker(latlng,icon);
      marker.value = number;
      GEvent.addListener(marker,"click", function() {
      //map.setMapType(G_HYBRID_MAP);
      map.setCenter(new GLatLng(posx[number-1],posy[number-1]), 15);
       //location.href = "www.google.com";
       //return false;
      	i=indice % 3;
      	//var imagen= imag[number -1];
        var imagen = "http://montedepiedad.gob.mx/wp-content/themes/rt_gantry_wp/images/thumbnail.png"
        var banner= imagbanner[number -1];
        //var myHtml1=" <script>GB_show('Google','http://www.google.com.mx');</script>";
       var myHtml = "<center><h4>"+banner+"</h4></center><b><p>"+ "<small><center>"+message[number -1]+"<br>"+message1[number -1]+"</center></p></small></b>"+"<center><img height=80 width=84  src='" +imagen + "'>" + "<p><small><strong>Horario<br>Lunes a Viernes:"+message2[number -1]+"<br>S&aacute;bados: "+message3[number -1]+"</strong></small></p></center>  <!--small><p align=rigth  onclick=GB_show('Panoramica','Panoramica/panoramica1.html',518,690)> Mas info</p></small-->" ;
    //var myHtml =' <html><head><script type="text/javascript"> var GB_ROOT_DIR = "./greybox/"; </script> <script type="text/javascript" src="./greybox/mapa.js"></script> <script type="text/javascript" src="./greybox/AJS.js"></script> <script type="text/javascript" src="./greybox/AJS_fx.js"></script> <script type="text/javascript" src="./greybox/gb_scripts.js"></script> <link href="./greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" /> <script type="text/javascript" src="./static_files/help.js"></script> <link href="./static_files/help.css" rel="stylesheet" type="text/css" media="all" /></head><body><a href="panoramica.html" title="Panoramica" rel="gb_page_center[630,530]">Click me</a></body></html>';

        
        map.openInfoWindowHtml(latlng, myHtml);
        indice++;
       
        //alert(i);
      });
      return marker;
	}
        for (var i = 0; i < posx.length; i++) 
	{
	         var point = new GLatLng(posx[i],posy[i]);
      	        map.addOverlay(createMarker(point, i + 1));
}

  }
}
    function mover()
    {
    	var number=document.getElementById("sucursal").value;
    //map.setMapType(G_HYBRID_MAP);
     if(number==0){
      map.setCenter(new GLatLng(17.068108,-96.7202), 13);
      map.openInfoWindowHtml();
     	}
     else{
      map.setCenter(new GLatLng(posx[number-1],posy[number-1]), 15);
       //location.href = "www.google.com";
       //return false;
      	i=indice % 3;
      	//var imagen= imag[number -1];
        var imagen = "http://montedepiedad.gob.mx/wp-content/themes/rt_gantry_wp/images/thumbnail.png"
        var banner= imagbanner[number -1];
        //var myHtml1=" <script>GB_show('Google','http://www.google.com.mx');</script>";
       var myHtml = "<center><h4>"+banner+"</h4></center><b><p>"+ "<small><center>"+message[number -1]+"<br>"+message1[number -1]+"</center></p></small></b>"+"<center><img height=80 width=84  src='" +imagen + "'>" + "<p><small><strong>Horario<br>Lunes a Viernes:"+message2[number -1]+"<br>S&aacute;bados: "+message3[number -1]+"</strong></small></p></center>  <!--small><p align=rigth  onclick=GB_show('Panoramica','Panoramica/panoramica1.html',518,690)> Mas info</p></small-->" ;
    //var myHtml =' <html><head><script type="text/javascript"> var GB_ROOT_DIR = "./greybox/"; </script> <script type="text/javascript" src="./greybox/mapa.js"></script> <script type="text/javascript" src="./greybox/AJS.js"></script> <script type="text/javascript" src="./greybox/AJS_fx.js"></script> <script type="text/javascript" src="./greybox/gb_scripts.js"></script> <link href="./greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" /> <script type="text/javascript" src="./static_files/help.js"></script> <link href="./static_files/help.css" rel="stylesheet" type="text/css" media="all" /></head><body><a href="panoramica.html" title="Panoramica" rel="gb_page_center[630,530]">Click me</a></body></html>';
	
        var latlng1 =new GLatLng(posx[number-1],posy[number-1]);
        map.openInfoWindowHtml(latlng1, myHtml);
        indice++;
     }
	
    }