var locales = new Array();
locales["Quito"] = "<li rel='#mapa' data-geo-lat='-0.2457325077644141' data-geo-long='-78.53600263595581'><span class='green'>LA SANTIAGO: </span>Av. Mariscal Sucre 2054 y Marcopamba<br /><span class='green'>Tel&eacute;fono: 2623-025</span></li><li rel='#mapa' data-geo-lat='-0.20444826608561734' data-geo-long='-78.50456178188324'><span class='green'>18 DE SEPTIEMBRE: </span>18 de Septiembre OE35-10 y Armero<br /><span class='green'>Tel&eacute;fono: 2522-787</span></li><li rel='#mapa' data-geo-lat='-0.10960572233423048' data-geo-long='-78.4568452835083'><span class='green'>CARAPUNGO: </span>Av. Sim&oacute;n Bolivar y Panamericana Norte<br />Estaci&oacute;n Servicio Puma<br /> <span class='green'>Tel&eacute;fono: 2010-213</span></li><li rel='#mapa' id='localesPrincipal' data-geo-lat='-0.17068480041378253' data-geo-long='-78.48434329032898'><span class='green'>AMAZONAS: </span>Av Amazonas 4700 y Gaspar de Villaroel<br /><span class='green'>Tel&eacute;fono: 2254-428</span></li><li rel='#mapa' data-geo-lat='-0.10634416196413914' data-geo-long='-78.44115972518921'><span class='green'>CALDERON: </span>Panamericana Norte Km. 14 &#189;<br />Estaci&oacute;n Servicio Primax<br /><span class='green'>Tel&eacute;fono: 2822-628</span></li><li rel='#mapa' data-geo-lat='-0.13102043177129477' data-geo-long='-78.47105026245117'><span class='green'>ELOY ALFARO: </span>Av. Eloy Alfaro y Leonardo Murialdo <br />Estaci&oacute;n Servicio Primax<br /><span class='green'>Tel&eacute;fono: 2411-645</span></li><li rel='#mapa' data-geo-lat='-0.12374629890540759' data-geo-long='-78.4933876991272'><span class='green'>PRENSA: </span>Av. de la Prensa N60-64 y Av. del Maestro<br /><span class='green'>Tel&eacute;fono: 2290-054</span></li><li rel='#mapa' data-geo-lat='-0.2865231015847022' data-geo-long='-78.53739738464355'><span class='green'>GUAJALO: </span>Av. Pedro Maldonado S28-102 y Borb&oacute;n.<br  />Estaci&oacute;n de Servicio Primax<br /><span class='green'>Tel&eacute;fono: 2731-772</span></li><li rel='#mapa' data-geo-lat='-0.1966162637380735' data-geo-long='-78.44019412994385'><span class='green'>CUMBAYA: </span>Av. Interoce&aacute;nica s/n Centro Comercial Cumbay&aacute; local 2<br /><span class='green'>Tel&eacute;fono: 2892-692 / 604 6937 / 604 6938</span></li><li rel='#mapa' data-geo-lat='-0.30049186281517615' data-geo-long='-78.46107244491577'><span class='green'>SAN RAFAEL: </span>Av. Ilalo 138 y General Enr&iacute;quez - San Rafael<br /><span class='green'>Tel&eacute;fono: 2868-796</span></li><li rel='#mapa' data-geo-lat='-0.2109928130687838' data-geo-long='-78.41424107551575'><span class='green'>TUMBACO: </span>Local Tumbaco, Av. Interoce&aacute;nica y Gonz&aacute;lez Su&aacute;rez, gasolinera Tropicana frente a Ventura Mall.<br /><span class='green'>Tel&eacute;fono: 2373 400 / 2370 007</span></li>";
locales["Guayaquil"] = "<li rel='#mapa' data-geo-lat='-2.1428427754525994' data-geo-long='-79.88311529159546'><span class='green'>AV. DE LAS AMERICAS: </span>Av de las Am&eacute;ricas <br /> Estaci&oacute;n de Servicio Primax. Terminal Terrestre<br /><span class='green'>Tel&eacute;fono:  042-130264 / 042-130263</span></li><li rel='#mapa' data-geo-lat='-2.162012399467258' data-geo-long='-79.91459369659424'><span class='green'>URDESA: </span>V&iacute;ctor Emilio Estrada 1112 y Jiguas<br /><span class='green'>Tel&eacute;fono: 2611 028</span></li><li rel='#mapa' data-geo-lat='-2.1629344222769564' data-geo-long='-79.91345643997192'><span class='green'>PARQUE CALIFORNIA: </span>   V&iacute;a Daule Km. 12 1/2 / Estaci&oacute;n Servicio Primax.<br /><span class='green'>Tel&eacute;fono: 042-103736</span></li>";
locales["Cuenca"]="<li data-geo-lat='-2.9061925000953837' rel='#mapa' data-geo-long='-79.00390863418579'>Alfonso Cordero 1-44 y Jos&eacute; Peralta<br /><span class='green'>Tel&eacute;fono: 4103 401</span></li>";
locales["Ambato"]= "<li data-geo-lat='-1.2380006101949923' rel='#mapa' data-geo-long='-78.63402128219604'><span class='green'>FICOA: </span>Av. Guaytambos s/n y Montalvo<br /><span class='green'>Tel&eacute;fono: 2827 527</span></li><li data-geo-lat='-1.2636578705411288' rel='#mapa' data-geo-long='-78.62813115119934'><span class='green'>ATAHUALPA: </span>Av. Atahualpa y Victor Hugo,<br />    Estaci&oacute;n de Servicio Ballesteros II.<br /><span class='green'>Tel&eacute;fono: 2418 555</span></li>";
locales["Ibarra"] = "<li data-geo-lat='0.36271806671404255' rel='#mapa' data-geo-long='-78.13047409057617'>Av. Atahualpa y Carlos Emilio Grijalva<br /><span class='green'>Tel&eacute;fono: 2608 500</span></li><li data-geo-lat='0.3461476965307987' rel='#mapa' data-geo-long='-78.13503384590149'>Centro Comercial \"La Plaza Shopping Center\"<br /><span class='green'>Tel&eacute;fono: 2631 962</span></li>";
locales["Esmeraldas"] = "<li data-geo-lat='0.9503596324900393' data-geo-long='-79.66667175292969' rel='#mapa'>V&iacute;a Atacames y del Le&oacute;n <br />Estaci&oacute;n de Servicio Primax Pe&ntilde;uelas<br /><span class='green'>Tel&eacute;fono: 2703 631</span></li>";
locales["Santo Domingo"] = "<li data-geo-lat='-0.2326005268649126' rel='#mapa' data-geo-long='-79.19546127319336'>V&iacute;a Quevedo Km. 2 &#189;<br /><span class='green'>Tel&eacute;fono: 3700-578</span></li>";
locales["Manta"] = "<li data-geo-lat='-0.948289251350262' data-geo-long='-80.72076916694641' rel='#mapa'>Avenida Puerto Aeropuerto s/n y calle 9 <br /> Estaci&oacute;n MOBIL del malec&oacute;n.<br /><span class='green'>Tel&eacute;fono: 2627 100 / 2624 770</span></li>";
locales["Riobamba"]="<li data-geo-lat='-1.6644305963920893' data-geo-long='-78.66037130355835' rel='#mapa'>Av. Daniel Le&oacute;n Borja y Duchicela esquina.<br /><span class='green'>Tel&eacute;fono: 2948 495 / 2940 847</span></li>";
$(document).ready(function(){  
    // execute your scripts when DOM is ready. this is a good habit
	$(".dropdown dt a").click(function() {
        $(this).parent().parent().find("dd ul").each(function() { 
	        $(this).toggle("fast");
    	});
	});
	$("#ulCiudades li a").each(function(){
		$(this).click(function(){
			$("#ulLocales").html(locales[$(this).html()]);
			cargarLocalesMapa();
			$("#dlCiudad dd ul").toggle("fast");
			$("#dlCiudad dt a").html("<span>" + $(this).html() + "</span>");
			$("li[rel]").overlay({onBeforeLoad: function(){
				$("#map_canvas").css({"position":"block", "visibility": "visible"});
			    $("#mapa").append($("#map_canvas"));
				$("#sucursalInfo").html(this.getTrigger().html());
				$("#ulLocales").toggle();
			}, onBeforeClose: function() {
			    $("#map_canvas").css({"position":"absolute", "visibility": "hidden"});
			    $("body").append($("#map_canvas"));
			}}); 
		});
	});
    $(function() {
		try {			
	    $(".scrollable").scrollable({ vertical: true, mousewheel: false, circular: false});	
		} catch(e) {
		}
    });
    $("ul.topnav li a").mouseover(function() { //When trigger is clicked...  
  
        //Following events are applied to the subnav itself (moving subnav up and down)  
        $(this).parent().find("ul.subnav").slideDown(300).show(); //Drop down the subnav on click  
		if($(this).parent().parent().hasClass("topnav")) {
  		    $(this).addClass("listHover");
		}
        $(this).parent().hover(function() {  
        }, function(){  
            $(this).parent().find("ul.subnav").slideUp('fast', function() {$(".listHover").removeClass("listHover");});
			//When the mouse hovers out of            the subnav, move it back up  
        });  
        //Following events are applied to the trigger (Hover events for the trigger)  
        }).hover(function() {  
            $(this).addClass("subhover"); //On hover over, add class "subhover"  
        }, function(){  //On Hover Out  
            $(this).removeClass("subhover"); //On hover out, remove class "subhover"  
    }); 
	try {
	$("img[rel]").overlay(); 
	} catch(e) {
	}
	$(document).ready(function(){
	    $('#scrollbar1').tinyscrollbar();	
	});
});  
$(function() {
    
	  $("#locales_map_canvas").append($("#map_canvas"));
	  //$("#mapa").append($("#map_canvas"));  
	  cargarLocalesMapa();
    });
	
function cargarLocalesMapa() {
	var quito = new google.maps.LatLng(-0.2457325077644141, -78.53600263595581),
          pointToMoveTo, 
          first = true,
          curMarker = new google.maps.Marker({}),
          $el;
      
      var myOptions = {
          zoom: 17,
          center: quito,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };
      
      var map = new google.maps.Map($("#map_canvas")[0], myOptions);
	$(".locales li").mouseenter(function() {
      
        $el = $(this);
                
        if (!$el.hasClass("hover")) {
        
          $(".locales li").removeClass("hover");
          $el.addClass("hover");
        
          if (!first) { 
            
            // Clear current marker
            curMarker.setMap(); 
            
            // Set zoom back to Chicago level
            // map.setZoom(10);
          }
          
          // Move (pan) map to new location
          pointToMoveTo = new google.maps.LatLng($el.attr("data-geo-lat"), $el.attr("data-geo-long"));
          map.panTo(pointToMoveTo);
          
          // Add new marker
          curMarker = new google.maps.Marker({
              position: pointToMoveTo,
              map: map,
              icon: "images/marker.png"
          });
          
          // On click, zoom map
          google.maps.event.addListener(curMarker, 'click', function() {
             map.setZoom(14);
          });
          
          // Fill more info area
          $("#more-info")
            .find("h2")
              .html($el.find("h3").html())
              .end()
            .find("p")
              .html($el.find(".longdesc").html());
          
          // No longer the first time through (re: marker clearing)        
          first = false; 
        }
        
      });
      
      $("#localesPrincipal").trigger("mouseenter");
}
