var gmarkers = [];
var htmls = [];
var to_htmls = [];
var from_htmls = [];
var i=0;
		
// A function to create the marker and set up the event window
function createMarker(point,name,html) {
	var marker = new GMarker(point);
	// The info window version with the "to here" form open
	to_htmls[i] = html + '<br>Directions: <b>To here</b> - <a href="javascript:fromhere(' + i + ')">From here</a>' +
           '<br>Start address:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
           '<input type="text" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br>' +
           '<INPUT value="Get Directions" TYPE="SUBMIT">' +
           '<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() + 
                  // "(" + name + ")" + 
           '"/>';
  // The info window version with the "to here" form open
  from_htmls[i] = html + '<br>Directions: <a href="javascript:tohere(' + i + ')">To here</a> - <b>From here</b>' +
           '<br>End address:<form action="http://maps.google.com/maps" method="get"" target="_blank">' +
           '<input type="text" SIZE=40 MAXLENGTH=40 name="daddr" id="daddr" value="" /><br>' +
           '<INPUT value="Get Directions" TYPE="SUBMIT">' +
           '<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() +
                  // "(" + name + ")" + 
           '"/>';
  // The inactive version of the direction info
  html = html + '<br>Directions: <a href="javascript:tohere('+i+')">To here</a> - <a href="javascript:fromhere('+i+')">From here</a>';
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
  });
  gmarkers[i] = marker;
  htmls[i] = html;
	i++;
  return marker;
}
			
function load() {
  if (GBrowserIsCompatible()) {
		var map = new GMap2(document.getElementById("map"));
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		// En esta parte asignamos el punto central y el ZOOM. 40.396764,-3.713379 es Madrid y ZOOM 6 para 600 x 600 se ve toda España.
		map.setCenter(new GLatLng(40.396764,-3.713379), 5); 
		/*
		var v_ar_puntos = new Array;
		v_ar_puntos[1] = new GLatLng(43.262159,-2.928082); // Bilbao
		v_ar_puntos[2] = new GLatLng(41.658269,-0.899345); // Zaragoza
		v_ar_puntos[3] = new GLatLng(41.425409,2.168813); // Barcelona
		v_ar_puntos[4] = new GLatLng(40.363288,-3.619995); // Madrid
		v_ar_puntos[5] = new GLatLng(41.660216,-4.743519); // Valladolid
		v_ar_puntos[6] = new GLatLng(42.531832,-5.443039); // Leon
		
		var v_poligono = new GPolygon([v_ar_puntos[1],v_ar_puntos[2],v_ar_puntos[3],v_ar_puntos[4],v_ar_puntos[5],v_ar_puntos[6],v_ar_puntos[1]],"#669933", 5, 0.7, "#996633", 0.4);
		
		map.addOverlay(v_poligono);
		*/
		var icon_comercial_madrid = new GIcon();
		icon_comercial_madrid.image = "../../images/iconos/gm_verde.gif";
		icon_comercial_madrid.iconSize = new GSize(30,30);
		icon_comercial_madrid.iconAnchor = new GPoint (15,30); // punto de anclaje.
		icon_comercial_madrid.infoWindowAnchor = new GPoint(15,15); // Punto de anclaje de la ventana.
		
		var v_html_madrid = '<div style="width:300px;height:170px;">';
		v_html_madrid += '<div style="width:300px;height:80px;">';
		v_html_madrid += '<div style="width:60px;height:80px;float:left;"><img border="0" alt="Imágen de Delgado Comercial" title="Miguel Ángel Rivera - Delegado Comercial" src="../../images/caras/madrid-comercial.jpg" /></div>';
		v_html_madrid += '<div style="width:5px;height:80px;float:left;"></div>';
		v_html_madrid += '<div style="width:5px;height:80px;float:right;"></div>';
		v_html_madrid += '<div style="width:auto;height:80px;">';
		v_html_madrid += '<p>';
		v_html_madrid += '<strong>Delegación Comercial Madrid y zona Centro</strong><br/>';
		v_html_madrid += 'Delegado Comercial: Miguel Ángel Rivera<br/>';
		v_html_madrid += 'Tfno: 91 653 91 90 / 690 846 552<br/>';
		v_html_madrid += '<a href="mailto:marivera@grupolekunbide.com">marivera@grupolekunbide.com</a>';
		v_html_madrid += '</p>';
		v_html_madrid += '</div>';
		v_html_madrid += '</div>';
		v_html_madrid += '<div style="width:300px;height:10px;"></div>';
		v_html_madrid += '<div style="width:300px;height:80px;">';
		v_html_madrid += '<div style="width:60px;height:80px;float:left;"><img border="0" alt="Imágen de Director Comercial" title="Torcuato Hernández - Relaciones Institucionales" src="../../images/caras/madrid-director.jpg" /></div>';		
		v_html_madrid += '<div style="width:5px;height:80px;float:left;"></div>';
		v_html_madrid += '<div style="width:5px;height:80px;float:right;"></div>';
		v_html_madrid += '<div style="width:auto;height:80px;">';
		v_html_madrid += '<p>';
		v_html_madrid += '<strong>Relaciones Institucionales</strong><br/>';
		v_html_madrid += 'Director Relaciones Institucionales: Torcuato Hernández<br/>';
		//v_html_madrid += 'Delegado Comercial: Joaquín Garrido<br/>';
		v_html_madrid += 'Tfno: 91 653 91 90<br/>';
		v_html_madrid += '<a href="mailto:thernandez@grupolekunbide.com">thernandez@grupolekunbide.com</a>';
		v_html_madrid += '</p>';
		v_html_madrid += '</div>';
		v_html_madrid += '</div>';
		v_html_madrid += '</div>';
				
		var icon_comercial_bilbao = new GIcon();
		icon_comercial_bilbao.image = "../../images/iconos/gm_verde.gif";
		icon_comercial_bilbao.iconSize = new GSize(30,30);
		icon_comercial_bilbao.iconAnchor = new GPoint (15,30); // punto de anclaje.
		icon_comercial_bilbao.infoWindowAnchor = new GPoint(15,15); // Punto de anclaje de la ventana.
		
		var v_html_bilbao = '<div style="width:250px;height:100px;">';
		v_html_bilbao += '<div style="width:60px;height:100px;float:left;"><img border="0" alt="Imágen de Delegado Comercial" title="Jorge Gracia - Delegado Comercial" src="../../images/caras/bilbao-comercial.jpg" /></div>';
		v_html_bilbao += '<div style="width:5px;height:100px;float:left;"></div>';
		v_html_bilbao += '<div style="width:auto;height:100px;">';
		v_html_bilbao += '<p>';
		v_html_bilbao += '<strong>Delegación Norte</strong><br/>';
		v_html_bilbao += 'Comercial zona Norte: Jorge Gracia<br/>';
		v_html_bilbao += '<a href="mailto:jgracia@grupolekunbide.com">jgracia@grupolekunbide.com</a><br/>';
		v_html_bilbao += 'Tfno: 637 588 846<br/>';
		v_html_bilbao += 'Director comercial: Aitor Bustamante<br/>';
		v_html_bilbao += '<a href="mailto:abustamante@grupolekunbide.com">abustamante@grupolekunbide.com</a><br/>';
		v_html_bilbao += 'Tfno: 94 661 31 96<br/>';
		v_html_bilbao += '</p>';
		v_html_bilbao += '</div>';
		v_html_bilbao += '</div>';
		
		var icon_comercial_zaragoza = new GIcon();
		icon_comercial_zaragoza.image = "../../images/iconos/gm_verde.gif";
		icon_comercial_zaragoza.iconSize = new GSize(30,30);
		icon_comercial_zaragoza.iconAnchor = new GPoint (15,30); // punto de anclaje.
		icon_comercial_zaragoza.infoWindowAnchor = new GPoint(15,15); // Punto de anclaje de la ventana.
		
		var v_html_zaragoza = '<div style="width:250px;height:80px;">';
		v_html_zaragoza += '<div style="width:60px;height:80px;float:left;"><img border="0" alt="Imágen de Delegado Comercial" title="Jorge Gracia - Delegado Comercial" src="../../images/caras/bilbao-comercial.jpg" /></div>';
		v_html_zaragoza += '<div style="width:5px;height:80px;float:left;"></div>';
		v_html_zaragoza += '<div style="width:auto;height:80px;">';
		v_html_zaragoza += '<p>';
		v_html_zaragoza += '<strong>Delegación Noreste</strong><br/>';
		v_html_zaragoza += 'Jorge Gracia<br/>';
		v_html_zaragoza += 'Tfno: 637 588 846<br/>';
		v_html_zaragoza += '<a href="mailto:jgracia@grupolekunbide.com">jgracia@grupolekunbide.com</a>';
		v_html_zaragoza += '</p>';
		v_html_zaragoza += '</div>';
		v_html_zaragoza += '</div>';
		
		var icon_comercial_barcelona = new GIcon();
		icon_comercial_barcelona.image = "../../images/iconos/gm_verde.gif";
		icon_comercial_barcelona.iconSize = new GSize(30,30);
		icon_comercial_barcelona.iconAnchor = new GPoint (15,30); // punto de anclaje.
		icon_comercial_barcelona.infoWindowAnchor = new GPoint(15,15); // Punto de anclaje de la ventana.
		
		var v_html_barcelona = '<div style="width:250px;height:80px;">';
		v_html_barcelona += '<div style="width:60px;height:80px;float:left;"><img border="0" alt="Imágen de Delegado Comercial" title="Antonio Fernández - Delegado Comercial" src="../../images/caras/barcelona-comercial.jpg" /></div>';
		v_html_barcelona += '<div style="width:5px;height:80px;float:left;"></div>';
		v_html_barcelona += '<div style="width:auto;height:80px;">';
		v_html_barcelona += '<p>';
		v_html_barcelona += '<strong>Delegación Noreste</strong><br/>';
		v_html_barcelona += 'Antonio Fernández<br/>';
		v_html_barcelona += 'Tfno: 678 653 457<br/>';
		v_html_barcelona += '<a href="mailto:afernandez@grupolekunbide.com">afernandez@grupolekunbide.com</a>';
		v_html_barcelona += '</p>';
		v_html_barcelona += '</div>';
		v_html_barcelona += '</div>';
		
		/*
		var icon_comercial_leon = new GIcon();
		icon_comercial_leon.image = "../../images/iconos/gm_verde.gif";
		icon_comercial_leon.iconSize = new GSize(30,30);
		icon_comercial_leon.iconAnchor = new GPoint (15,30); // punto de anclaje.
		icon_comercial_leon.infoWindowAnchor = new GPoint(15,15); // Punto de anclaje de la ventana.
		
		var v_html_leon = '<div style="width:250px;height:80px;">';
		v_html_leon += '<div style="width:60px;height:80px;float:left;"><img border="0" alt="Imágen de Delegado Comercial" title="Antón Basagoiti - Delegado Comercial" src="../../images/caras/leon-comercial.jpg" /></div>';
		v_html_leon += '<div style="width:5px;height:80px;float:left;"></div>';
		v_html_leon += '<div style="width:auto;height:80px;">';
		v_html_leon += '<p>';
		v_html_leon += '<strong>Delegación Noroeste</strong><br/>';
		v_html_leon += 'Antón Basagoiti<br/>';
		v_html_leon += 'Tfno: 678 653 430<br/>';
		v_html_leon += '<a href="mailto:abasagoiti@grupolekunbide.com">abasagoiti@grupolekunbide.com</a>';
		v_html_leon += '</p>';
		v_html_leon += '</div>';
		v_html_leon += '</div>';
		*/
			
		var icon_comercial_valladolid = new GIcon();
		icon_comercial_valladolid.image = "../../images/iconos/gm_verde.gif";
		icon_comercial_valladolid.iconSize = new GSize(30,30);
		icon_comercial_valladolid.iconAnchor = new GPoint (15,30); // punto de anclaje.
		icon_comercial_valladolid.infoWindowAnchor = new GPoint(15,15); // Punto de anclaje de la ventana.
		
		var v_html_valladolid = '<div style="width:250px;height:80px;">';
		v_html_valladolid += '<div style="width:60px;height:80px;float:left;"><img border="0" alt="Imágen de Delegado Comercial" title="Bernardino Codesal - Delegado Comercial" src="../../images/caras/valladolid-comercial.jpg" /></div>';
		v_html_valladolid += '<div style="width:5px;height:80px;float:left;"></div>';
		v_html_valladolid += '<div style="width:auto;height:80px;">';
		v_html_valladolid += '<p>';
		v_html_valladolid += '<strong>Delegación Noroeste</strong><br/>';
		v_html_valladolid += 'Bernardino Codesal<br/>';
		v_html_valladolid += 'Tfno: 672 457 838 <br/>';
		v_html_valladolid += '<a href="mailto:bcodesal@grupolekunbide.com">bcodesal@grupolekunbide.com</a>';
		v_html_valladolid += '</p>';
		v_html_valladolid += '</div>';
		v_html_valladolid += '</div>';
						
		var marcador_comercial_madrid = new GMarker(new GLatLng(40.363288,-3.619995),icon_comercial_madrid)
		map.addOverlay(marcador_comercial_madrid);
				
		var marcador_comercial_bilbao = new GMarker(new GLatLng(43.262159,-2.928082),icon_comercial_bilbao)
		map.addOverlay(marcador_comercial_bilbao);
	
		var marcador_comercial_zaragoza = new GMarker(new GLatLng(41.658269,-0.899345),icon_comercial_zaragoza)
		map.addOverlay(marcador_comercial_zaragoza);
	
		var marcador_comercial_barcelona = new GMarker(new GLatLng(41.425409,2.168813),icon_comercial_barcelona)
		map.addOverlay(marcador_comercial_barcelona);
	
	/*
		var marcador_comercial_leon = new GMarker(new GLatLng(42.531832,-5.443039),icon_comercial_leon)
		map.addOverlay(marcador_comercial_leon);
	*/
	
		var marcador_comercial_valladolid = new GMarker(new GLatLng(41.660216,-4.743519),icon_comercial_valladolid)
		map.addOverlay(marcador_comercial_valladolid);
				
		GEvent.addListener(marcador_comercial_madrid, "click", function() {
			marcador_comercial_madrid.openInfoWindowHtml(v_html_madrid);
		});
		GEvent.addListener(marcador_comercial_bilbao, "click", function() {
			marcador_comercial_bilbao.openInfoWindowHtml(v_html_bilbao);
		});
		GEvent.addListener(marcador_comercial_zaragoza, "click", function() {
			marcador_comercial_zaragoza.openInfoWindowHtml(v_html_zaragoza);
		});
		GEvent.addListener(marcador_comercial_barcelona, "click", function() {
			marcador_comercial_barcelona.openInfoWindowHtml(v_html_barcelona);
		});
		/*
		GEvent.addListener(marcador_comercial_leon, "click", function() {
			marcador_comercial_leon.openInfoWindowHtml(v_html_leon);
		});
		*/
		GEvent.addListener(marcador_comercial_valladolid, "click", function() {
			marcador_comercial_valladolid.openInfoWindowHtml(v_html_valladolid);
		});
		
  }
}