function checkInput (input)
{
    if (input.value == "") {
        input.style.border = "1px solid red";
        return false;
    }
    input.style.border = "1px solid black";

    return true;
}

function openMap ()
{
    var f = document.getElementById("directions");
    if (!(checkInput (f.city) & checkInput(f.street) & checkInput(f.pc)))
        return;

    var uri = "http://maps.google.com/maps?f=d&hl=es&saddr="+f.street.value+ "+" +f.pc.value+"+"+f.city.value+"&daddr=43.6220305555,-5.8651861111(Hotel Palacio de Fiame)";
    window.open (uri);
}


google.load ("maps", "2");
function initialize() {

        /*XXX: check browser compatibility */
	var map = new google.maps.Map2(document.getElementById("map"));
	map.setCenter(new google.maps.LatLng(43.6220305555, -5.8651861111), 15);
	map.setMapType(google.maps.HYBRID_MAP);
	map.addControl(new google.maps.LargeMapControl());
	map.addControl(new google.maps.MapTypeControl());
	var ov = new google.maps.OverviewMapControl(new google.maps.Size (200, 300));
	map.addControl(ov);
	var marker = new google.maps.Marker(map.getCenter());
	map.addOverlay(marker);
        var tab1 = "<div class=\"infotab\"><b>H<sup>**</sup> Palacio de Fiame</b><br />Fiame " +
                            S__JS_WO_NUMBER + "<br/>33448 Verdicio, Asturias<br />" + S__JS_SPAIN + 
                            "<br /><br />" + S__JS_PHONE + ": 985878150<br /></div>";
        var tab2 = "<div class=\"infotab\"><b>" + S__JS_FROM + "...</b><br /><br />" +
                    "<form id=\"directions\" method=\"post\">" +
                    "<label for=\"city\">" + S__JS_CITY + ":</label>" +
                    "<input type=\"text\" name=\"city\" /><br />" +
                    "<label for=\"street\">" + S__JS_STREET + ":</label>" +
                    "<input type=\"text\" name=\"street\" /><br />" +
                    "<label for=\"pc\">" + S__JS_PC + ":</label>" +
                    "<input type=\"text\" name=\"pc\" /><br />" + 
                    "<input id=\"submitbutton\" type=\"submit\" value=\"" + S__JS_SUBMIT + "\" onclick=\"javascript:openMap(); return false\" />" +
                    "</form></div>";
	var infoTabs = [ 
            new google.maps.InfoWindowTab(S__JS_ADDRESS, tab1),
            new google.maps.InfoWindowTab(S__JS_ARRIVING, tab2)
            ];

        google.maps.Event.addListener(marker, "click", function() { marker.openInfoWindowTabsHtml(infoTabs);});
        marker.openInfoWindowTabsHtml(infoTabs);
}


google.setOnLoadCallback(initialize);