$(document).ready(function() {

	if (GBrowserIsCompatible()) {


		// Default values make for easy debugging
		var lat = 38.7114;
		var lng = -0.6670;

		// arrays to hold copies of the markers and html used by the side_bar
		// because the function closure trick doesnt work there
		var gmarkers = [];
		var htmls = [];

		// arrays to hold variants of the info window html with get direction forms open
		var to_htmls;
		var from_htmls;
		// Creates a marker at the given point with the given number label
		function createMarker(point,html) {
			var marker = new GMarker(point);

			GEvent.addListener(marker, "click", function() {
				marker.openInfoWindowHtml(html);
			});


			return marker;

		}


		// create the map
		var map = new GMap2(document.getElementById("map"));
		map.addControl(new GLargeMapControl());
		map.addControl(new GMapTypeControl());
		map.setCenter(new GLatLng(38.7114499,-0.667057), 9);
		map.enableDoubleClickZoom();
		map.enableContinuousZoom();


		var point = new GLatLng(lat,lng);
		var ref = 1;
		var html = '<div id="direccion" style="height:190px;width:220px;"><strong>L\' alqueria Apartaments Rurals</strong><br/>C/ Ventorrillo,11<br/> 03450-Banyeres de Mariola (Alicante)<br/>Tlf. 667989637-687510027<br/>';
		// The info window version with the "to here" form open
		to_html = '<div id="hasta_aqui_form"  style="display:none"><br/>Calcular ruta: <a class="fromhere" href="#" onclick="return false">Hasta Aquí</a> - <b>Desde Aquí</b>' +
		'<br/>Ir a:<form action="http://maps.google.com/maps" method="get" target="_blank">' +
		'<input type="text" size=30 name="saddr" id="saddr" value="" /><br/>' +
		'<input value="Ver Ruta" type="submit" />' +
		'<input type="hidden" name="daddr" value="' + point.lat() + ',' + point.lng() +
		// "(" + name + ")" +
		'"/></form></div>';
		// The info window version with the "to here" form open
		from_html = '<div id="desde_aqui_form" style="display:none"><br/>Calcular ruta: <b>Hasta Aquí</b> - <a class="tohere" href="#" onclick="return false">Desde Aquí</a>' +
		'<br/>Salida desde:<form action="http://maps.google.com/maps" method="get"" target="_blank">' +
		'<input type="text" size=30 name="daddr" id="daddr" value="" /><br/>' +
		'<input value="Ver Ruta" type="submit" />' +
		'<input type="hidden" name="saddr" value="' + point.lat() + ',' + point.lng() +
		// "(" + name + ")" +
		'"/></form></div></div>';

		html = html + '<div id="cal_rutas"><br/>Ruta: <a class="tohere" href="#" onclick="return false">Desde Aquí</a> - <a class="fromhere" href="#" onclick="return false" >Hasta Aquí</a></div>';
		html = html + to_html + from_html;
		// The inactive version of the direction info
		var marker = createMarker(point,html);
		map.addOverlay(marker);
		//map.addOverlay(createMarker(point,html,icon,ref));
		marker.openInfoWindowHtml(html);

		// functions that open the directions forms
		$('.tohere').click(function() {
			$('#cal_rutas').hide();
			$('#desde_aqui_form').hide();
			$('#hasta_aqui_form').show();
			//marker.openInfoWindowHtml(to_htmls);

		});
		$('.fromhere').click(function() {
			$('#cal_rutas').hide();
			$('#hasta_aqui_form').hide();
			$('#desde_aqui_form').show();
			//markers.openInfoWindowHtml(from_htmls);

		});


	}

});