var cm_map;
var vejTil = "Faaborgvej 434, 5250, Danmark";


// Create a base icon for all of our markers that specifies the
// shadow, icon dimensions, etc.
var cm_baseIcon = new GIcon();
cm_baseIcon.shadow = "http://www.google.com/mapfiles/shadow50.png";
cm_baseIcon.iconSize = new GSize(20, 34);
cm_baseIcon.shadowSize = new GSize(37, 34);
cm_baseIcon.iconAnchor = new GPoint(9, 34);
cm_baseIcon.infoWindowAnchor = new GPoint(9, 2);
cm_baseIcon.infoShadowAnchor = new GPoint(18, 25);

// Change these parameters to customize map
var param_iconType = "green";
var param_iconOverType = "orange";


function handleErrors()
{
   if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
     alert("Adressen kunne ikke findes. Det kan skyldes, at adressen er forkert eller at det er en forholdsvis ny adresse.");
// "No corresponding geographic location could be found for one of the specified addresses. This may be due to the fact that the address is relatively new, or it may be incorrect.\nError code: " + gdir.getStatus().code);
   else if (gdir.getStatus().code == G_GEO_SERVER_ERROR)
     alert("A geocoding or directions request could not be successfully processed, yet the exact reason for the failure is not known.\n Error code: " + gdir.getStatus().code);
   else if (gdir.getStatus().code == G_GEO_MISSING_QUERY)
     alert("The HTTP q parameter was either missing or had no value. For geocoder requests, this means that an empty address was specified as input. For directions requests, this means that no query was specified in the input.\n Error code: " + gdir.getStatus().code);
   else if (gdir.getStatus().code == G_GEO_BAD_KEY)
     alert("The given key is either invalid or does not match the domain for which it was given. \n Error code: " + gdir.getStatus().code);
   else if (gdir.getStatus().code == G_GEO_BAD_REQUEST)
     alert("A directions request could not be successfully parsed.\n Error code: " + gdir.getStatus().code);  
   else alert("An unknown error occurred.");
}  // handleErrors


/**
 * Creates marker with ranked Icon or blank icon,
 * depending if rank is defined. Assigns onclick function.
 * @param {GLatLng} point Point to create marker at
 * @param {String} title Tooltip title to display for marker
 * @param {String} html HTML to display in InfoWindow
 * @param {Number} rank Number rank of marker, used in creating icon
 * @return {GMarker} Marker created
 */
function cm_createMarker(point, title, html) {
  var markerOpts = {};
  var nIcon = new GIcon(cm_baseIcon);

  nIcon.imageOut = "http://www.odensebedandbreakfast.dk/img/blue_bb.png";
  nIcon.imageOver = nIcon.imageOut;
  nIcon.image = nIcon.imageOut; 

  markerOpts.icon = nIcon;
  markerOpts.title = title;		 
  var marker = new GMarker(point, markerOpts);
	
  GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
  });
  GEvent.addListener(marker, "mouseover", function() {
    marker.setImage(marker.getIcon().imageOver);
  });
  GEvent.addListener(marker, "mouseout", function() {
    marker.setImage(marker.getIcon().imageOut);
  });
  GEvent.addListener(marker, "infowindowopen", function() {
    marker.setImage(marker.getIcon().imageOver);
  });
  GEvent.addListener(marker, "infowindowclose", function() {
    marker.setImage(marker.getIcon().imageOut);
  });
  return marker;
}  // cm_createMarker
 
/**
 * Loads map and calls function to load in worksheet data.
 */
function cm_load() {  
  if (GBrowserIsCompatible()) {
    // create the map
    cm_map = new GMap2(document.getElementById("cm_map"));
    cm_map.addControl(new GLargeMapControl3D(true));  // true tilføjet
    cm_map.addControl(new GMapTypeControl());
    cm_map.addControl(new GScaleControl());
    cm_map.addMapType(G_SATELLITE_3D_MAP);
    cm_map.setCenter(new GLatLng(55.3504267, 10.337448), 13);
//    cm_map.addControl(new GOverviewMapControl());
    svOverlay = new GStreetviewOverlay();
//    cm_map.addOverlay(svOverlay);   /////

    var lat = parseFloat("55.340836");
    var lng = parseFloat("10.329121");
    var point = new GLatLng(lat,lng);
    var html = "<div style='font-size:12px'><strong>Odense Bed &amp; Breakfast</strong><br/>Faaborgvej 434B<br/>5250 Odense SV</div>";

    // create the marker
    var marker = cm_createMarker(point,"Odense Bed & Breakfast",html);
    cm_map.addOverlay(marker);

    gdir = new GDirections(cm_map, document.getElementById("directions"));

    GEvent.addListener(gdir, "error", handleErrors);
  } else {
    alert("Sorry, the Google Maps API is not compatible with this browser");
  } 
}


function vejvisning()
{
  vejFra = document.getElementById("fra").value;
  gdir.load("from: " + vejFra + " to: " + vejTil, { "locale": "da" });
}  // vejvisning


cm_load();