var spainMap, islandsMap;
var xml;

function loadBigGmap() {

	if (GBrowserIsCompatible()) {
		spainMap = new GMap2(document.getElementById('gmapprovB'));
		islandsMap = new GMap2(document.getElementById('gmapIslandB'));
		var icon = buildBigIcon();
		GDownloadUrl("/maps/country.xml", function(data) {
			//removemos los iconos anteriores
			spainMap.clearOverlays();
			islandsMap.clearOverlays();

			//parseamos el xml
			xml = GXml.parse(data);
			var markers = xml.documentElement.getElementsByTagName("marker");

			var titulo, prov, local, vinculo, texto = '';

			for (i = 0; i < markers.length; i++) {

				if (markers[i].getAttribute("lat") != '' && markers[i].getAttribute("long") != '') {
					var latlng = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
											 parseFloat(markers[i].getAttribute("long")));

					titulo	= '<div class="titulo">Tienda de Inform&aacute;tica APP<br /> en '+ markers[i].getAttribute("nombre").toUpperCase() +'</div>';
					prov 	= markers[i].getAttribute("prov").toLowerCase().replace(/ /g,"-");
					local	= markers[i].getAttribute("nombre").toLowerCase().replace(/ /g,"-");
					vinculo	= 'http://www.appinformatica.com/tienda-de-informatica-'+replaceNonAcute(prov+'-'+local)+'.php';
					texto	= '<div class="subtitulo">&iquest;C&oacute;mo llegar a la tienda?&nbsp;<a href="'+vinculo+'">Click aqu&iacute;</a></div>';

					spainMap.addOverlay(createMarker(latlng, titulo, texto, icon));
					islandsMap.addOverlay(createMarker(latlng, titulo, texto, icon));
				}
			}


			spainMap.setCenter(new GLatLng(39.977120098439634, -2.39501953125 ), 6);
			islandsMap.setCenter(new GLatLng(28.32372455354601, -15.699462890625), 7);


			spainMap.addControl( new GSmallZoomControl3D() );
			spainMap.enableDragging();
			spainMap.enableDoubleClickZoom();

			islandsMap.addControl( new GSmallZoomControl3D() );
			islandsMap.enableDragging();
			islandsMap.enableDoubleClickZoom();
		});
	} else alert("Su navegador no es compatible con Google Maps. Porfavor, actual&iacute;zelo.");
}

function activateSpainMap(s) {
	var div = (s) ? 'gmapprov' : 'gmapIsland';

	if (GBrowserIsCompatible()) {
		spainMap = new GMap2(document.getElementById(div));
		icon = buildIcon();
		GDownloadUrl("/maps/country.xml", function(data) {
			//removemos los iconos anteriores
			spainMap.clearOverlays();

			//parseamos el xml
			var xml = GXml.parse(data);
			var markers = xml.documentElement.getElementsByTagName("marker");

			var titulo, prov, local, vinculo, texto = '';

			for (i = 0; i < markers.length; i++) {
				var latlng = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
										 parseFloat(markers[i].getAttribute("long")));

				titulo	= '<div class="titulo">Tienda de Inform&aacute;tica APP<br /> en '+ markers[i].getAttribute("nombre").toUpperCase() +'</div>';
				prov 	= markers[i].getAttribute("prov").toLowerCase().replace(/ /g,"-");
				local	= markers[i].getAttribute("nombre").toLowerCase().replace(/ /g,"-");
				vinculo	= 'http://www.appinformatica.com/tienda-de-informatica-'+replaceNonAcute(prov+'-'+local)+'.php';
				texto	= '<div class="subtitulo">&iquest;C&oacute;mo llegar a la tienda?&nbsp;<a href="'+vinculo+'">Click aqu&iacute;</a></div>';

				spainMap.addOverlay(createMarker(latlng, titulo, texto, icon));
			}

			center = (s) ? new GLatLng(40.413496049701955, -2.8564453125) : new GLatLng(27.9841259,-15.7767187);

			spainMap.setCenter(center, 5);


			spainMap.addControl( new GSmallZoomControl3D() );
			spainMap.enableDragging();
			spainMap.enableDoubleClickZoom();
		});
	} else alert("Su navegador no es compatible con Google Maps. Porfavor, actual&iacute;zelo.");

}

function buildBigIcon() {
	var iconoAPP = new GIcon(G_DEFAULT_ICON);
	iconoAPP.image = "http://www.appinformatica.com/cartelito-app-grande01.png";
	iconoAPP.printImage = "http://www.appinformatica.com/cartelito-app-grande01.png";
	iconoAPP.shadow = "";
	iconoAPP.iconSize = new GSize(57,56);
	iconoAPP.iconAnchor  = new GPoint(14, 46);
	iconoAPP.infoWindowAnchor = new GPoint(8, 35);

	return iconoAPP;
}


function buildIcon() {
	var iconoAPP = new GIcon(G_DEFAULT_ICON);
	iconoAPP.image = "http://www.appinformatica.com/app-iconito.png";
	iconoAPP.printImage = "http://www.appinformatica.com/app-iconito.gif";
	iconoAPP.iconSize = new GSize(32,32);
	iconoAPP.infoWindowAnchor = new GPoint(8, 35);

	return iconoAPP;
}

function createMarker(point, title, content, icono) {
	var marker = new GMarker(point, icono);
	GEvent.addListener(marker, "click", function() { marker.openInfoWindowHtml(title +"&nbsp;"+ content); });
	return marker;
}