//<![CDATA[
	var sTabVille = new Array();   
	var aTabVille = new Array();
	function VILLE(lat, lon, txt,titre,marker) {
	   this.lat = lat;
	   this.lon = lon;
	   this.txt = txt;
	   this.titre = titre;
	   this.marker = marker;
	}
	sTabVille[0] = new VILLE(27.15158,-13.19911,'<div class="titre">Elayun :</div><div class="texte">Esta ciudad es la capital del Sahara marroquí. Está situada en la ribera izquierda de Oued Seguia El Hamra. Se encuentra a unos 25 km del océano Atlántico.</div>','Elayun');
	sTabVille[1] = new VILLE(23.69753,-15.937,'<div class="titre">Dajla :</div><div class="texte">Es la capital de la pesca. Está situada sobre la bella bahía y península del mismo nombre.</div>','Dajla');
	sTabVille[2] = new VILLE(26.73956,-11.67356,'<div class="titre">Smara :</div><div class="texte">Es la capital cultural del Sahara marroquí. Se sitúa en la orilla izquierda de Oued Seguia El Hamra, a unos 220 km del este de Elayun.</div>','Smara');
	sTabVille[3] = new VILLE(26.127028,-14.484306,'<div class="titre">Bojador :</div><div class="texte">Se sitúa sobre la costa atlántica a 180 km del sur de Elayun sobre el camino de Dajla.</div>','Bojador');
	sTabVille[4] = new VILLE(22.61269,-14.29847,'<div class="titre">Auserd :</div><div class="texte">Capital de la región de Tiris, se sitúa a 165 km del sureste de Dajla.</div>','Auserd');
	sTabVille[5] = new VILLE(30.414039,-9.602394,'<div class="titre">Agadir</div><div class="texte">La ciudad de las playas y estaciones balnearias. Se sitúa a 649 km de Laayun</div>','Agadir');
	sTabVille[6] = new VILLE(34.014001,-6.833711,'<div class="titre">Rabat</div><div class="texte">La capital administrativa del Reino de Marruecos que une tradición y modernidad, se sitúa a 1263 km de Laayun.</div>','Rabat');
	sTabVille[7] = new VILLE(34.687428,-1.924667,'<div class="titre">Oujda</div><div class="texte">La capital oriental conocida por su música y sus vestidos tradicionales. Es fronteriza con Argelia. Se sitúa a unos 178 km de Laayun.</div>','Oujda');
	sTabVille[8] = new VILLE(35.788855,-5.806961,'<div class="titre">Tanger</div><div class="texte"></div>','Tanger');
	sTabVille[9] = new VILLE(31.632483,-8.00851,'<div class="titre">Marrakech</div><div class="texte">Ocre mágica y calurosa del Reino. Es la ciudad más apreciada por los occidentales. Se sitúa a 952 km de Laayun</div>','Marrakech');
	sTabVille[10] = new VILLE(33.591279,-7.618901,'<div class="titre">Casablanca</div><div class="texte">La capital económica en la que la actividad nunca se detiene. Se ubica a 1167 km de Laayun.</div>','Casablanca');
	sTabVille[11] = new VILLE(34.032603,-4.997234,'<div class="titre">Fez</div><div class="texte">La ciudad histórica por excelencia. Es la ciudad del saber y de la cultura. Se ubica a 1445 km de Laayun. </div>','Fez');
	
	aTabVille[0] = new VILLE(27.6726,-8.1477,'<div class="titre">Tindouf</div>','Tindouf');
	
	var cLat = 29.20077;
	var cLon = -8.9308;
	var zoom = 6;
	var map;
	function load() {
		if (GBrowserIsCompatible()) {
			map = new GMap2(document.getElementById("map"));
			map.addControl(new GLargeMapControl());
			//map.addControl(new GMapTypeControl());
			map.setCenter(new GLatLng(cLat, cLon), zoom);
			map.setCenter(new GLatLng(cLat, cLon));
			//map.setMapType(G_HYBRID_MAP);
			map.setMapType(G_SATELLITE_MAP);
			var bounds = new GLatLngBounds();
			var micon = new GIcon();
			micon.image = "images/flag.gif";
			micon.iconAnchor = new GPoint(30, 30);
			micon.infoWindowAnchor = new GPoint(30, 30);
			micon.iconSize = new GSize(37, 33);
			var aicon = new GIcon();
			aicon.image = "images/aflag.gif";
			aicon.iconAnchor = new GPoint(1, 35);
			aicon.infoWindowAnchor = new GPoint(1, 35);
			aicon.iconSize = new GSize(37, 33);
			for (i=0;i<sTabVille.length;i++){
				var point = new GLatLng(sTabVille[i].lat,sTabVille[i].lon);
				sTabVille[i].marker = createMarker(point,sTabVille[i].titre,sTabVille[i].txt,micon);
				map.addOverlay(sTabVille[i].marker);	
				bounds.extend(point);			
			}
			for (i=0;i<aTabVille.length;i++){
				var point = new GLatLng(aTabVille[i].lat,aTabVille[i].lon);
				aTabVille[i].marker = createMarker(point,aTabVille[i].titre,aTabVille[i].txt,aicon);
				map.addOverlay(aTabVille[i].marker);	
				bounds.extend(point);			
			}
			map.setZoom(map.getBoundsZoomLevel(bounds));
          	cLat = (bounds.getNorthEast().lat() + bounds.getSouthWest().lat()) /2;
          	cLng = (bounds.getNorthEast().lng() + bounds.getSouthWest().lng()) /2;
         	map.setCenter(new GLatLng(cLat,cLng));
		}
	}
	function createMarker(point,titre,legend, icone){
		var marker = new GMarker(point,{icon: icone,title:titre});
		GEvent.addListener(marker, "click", function() {
			marker.openInfoWindowHtml(legend);
		});
		return marker;
	}

	function moveTo(index){
		var point = new GLatLng(sTabVille[index].lat,sTabVille[index].lon);
        map.setCenter(point, 14);
        window.setTimeout(function() {
          sTabVille[index].marker.openInfoWindowHtml(sTabVille[index].txt);
        }, 1000);
        
	}
    //]]>