//<![CDATA[

 var map, actual;
 var directionsPanel;
 var directions;

 var gmarkers = [];
 
 var brown = new GIcon();
 brown.image= "../images/maps/google_maps_flag.png";
 addIcon(brown);

 var icons = { "hotel": brown };

function addIcon(icon) { // Add icon properties for all icons

 icon.shadow = "http://www.google.com/mapfiles/shadow50.png";
 icon.iconSize = new GSize(32, 32);
 icon.shadowSize = new GSize(37, 34);
 icon.iconAnchor = new GPoint(9, 34);
 icon.infoWindowAnchor = new GPoint(19, 2);
// icon.infoShadowAnchor = new GPoint(18, 25);
}

 // Create the markers and set up the event window
 function createMarker(point, name, html, category, id) {
  var marker = new GMarker(point, icons[category] );
   // Store category, name, id and icon as marker properties
   marker.category = category;
   marker.name = name;
   marker.id = id;
   marker.icon = icons[category];
   GEvent.addListener(marker, "click", function() {
    marker.openInfoWindowHtml(html);
   });
  // Hovering over the markers
  GEvent.addListener(marker, "mouseover", function() {
   //marker.setImage("../images/maps/google_maps_flag_a.png");
   
   //OVERBIND
   //marker.openInfoWindowHtml(html);
   //OVERBIND
   
   var hovered = document.getElementById(id);
   if(hovered) {
    hovered.className = "focus";
    actual = hovered; // Store this element
   }
  });

  GEvent.addListener(marker, "mouseout", function() {
    marker.setImage(icons[category].image);
    
   //OVERBIND
   //map.closeInfoWindow();
   //OVERBIND
    
     if(actual) { actual.className= "normal"; }
  });

  gmarkers.push(marker);
  return marker;
 }


var hover = { // Hovering over the links
 over: function(id) {
  // Set another background color for the link
  var hovered = document.getElementById(id);
  hovered.className = "focus";

  // Set another marker icon
  for(var i =0; i < gmarkers.length; i++) {
   if(gmarkers[i].id == id) {
    gmarkers[i].setImage("../images/maps/google_maps_flag_a.png");
   }
  }
 },

 out: function(id) {
  // Set the default link background
  var hovered = document.getElementById(id);
  hovered.className = "normal";

  // Set the default marker icon
  for(var i =0; i < gmarkers.length; i++) {
   if(gmarkers[i].id == id) {
    gmarkers[i].setImage(gmarkers[i].icon.image);
   }
  }
 }
}

var visible= { // Make a category (un)visible
 show: function(category) {
  // Show all markers of one category
  for(var i= 0; i < gmarkers.length; i++) {
   if(gmarkers[i].category == category) {
    gmarkers[i].show();
   }
  }
   // Set the checkbox to true
   // document.getElementById(category).checked = true;
 },

 hide: function(category) {
  // Hide all markers of one category
  for(var i= 0; i < gmarkers.length; i++) {
   if(gmarkers[i].category == category) {
    gmarkers[i].hide();
   }
  }
  // Clear the checkbox of a hidden category
  // document.getElementById(category).checked = false;
  map.closeInfoWindow();
 }
}

 function boxclick(box, category) {

  // Hide or show the category of the clicked checkbox
  if(box.checked) { visible.show(category); }
  else { visible.hide(category); }

  // Rebuild the sidebar
  makeSidebar();
 }

 // Trigger the clicks from the sidebar to open the appropriate infowindow
 function Info(i) {
  GEvent.trigger(gmarkers[i],"click");
 }


 // Rebuild the sidebar to match currently displayed markers
 function makeSidebar() {

  var oldheader;

  var html = "";
  for(var i= 0; i < gmarkers.length; i++) {
   if(!gmarkers[i].isHidden()) {

   var header = gmarkers[i].category;
   header = header.replace(/^./, header.charAt(0).toUpperCase());
    if (oldheader != header) html += "<h3>Motel One<\/h3><ul>";
    html += '<li><a id="'+ gmarkers[i].id+'" href="javascript:Info('+i+')" onmouseover="hover.over(this.id)" onmouseout="hover.out(this.id)" style="text-decoration: none;">' + gmarkers[i].name + '<\/a><\/li>';
    oldheader = header;
   }
  }
  html += '<\/ul>';
  //document.getElementById("sidebar").innerHTML = html;
 }

 // Create the map
 function loadmap(p) {
  if(GBrowserIsCompatible()) {
   map = new GMap2(document.getElementById("map"));
   if (!p) {
     map.addControl(new GSmallMapControl());
     map.addControl(new GMapTypeControl());
   }
map.setCenter(new GLatLng(48.13905780942574, 11.60980224609375), 11);
   if (!p) {
     map.enableScrollWheelZoom();
   }

   if (document.getElementById("directions")) {
     gdir = new GDirections(map, document.getElementById("directions"));
     GEvent.addListener(gdir, "load", onGDirectionsLoad);
     GEvent.addListener(gdir, "error", handleErrors);
   }
   
   readData(); 
  }
 }

function readData() {

 var request = GXmlHttp.create();
 request.open("GET", "_get_markers.xml.php?lang=uk", true);
 request.onreadystatechange = function() {
  if(request.readyState == 4) {
  // Use the browsers XML parser
  var xml = request.responseXML;

  // This would use Googles XML parser
  //  var xml = GXml.parse(request.responseText);

   var markers = xml.documentElement.getElementsByTagName("marker");

   for(var i = 0; i < markers.length; i++) {
    // Obtain the attribues of each marker
    var lat = parseFloat(markers[i].getAttribute("lat"));
    var lng = parseFloat(markers[i].getAttribute("lng"));
    var point = new GLatLng(lat,lng);
    var address = markers[i].getAttribute("address");
    var id = markers[i].getAttribute("nr");
    var name = markers[i].getAttribute("name");
    var sorter = markers[i].getAttribute("sorter");
    var himage = markers[i].getAttribute("himage");
    var lnkcity = markers[i].getAttribute("lnkcity");
    var lnkhotel = markers[i].getAttribute("lnkhotel");
    var city = markers[i].getAttribute("city");
    var html = "";
    if (himage != '') {
        //html+= "<div style='float: left;'><a href='hotels.php?chid=2&lang=de&m=3&hoid="+id.replace('m','')+"' style='text-decoration: none;'><img src='images/maps/map_logo.gif' width='83' height='33' border='0' \/><br \/><b>"+name+"<\/b><p style='font-size:smaller'>" + address.replace(',', '<br\/>') + "<\/p><\/a><\/div>";
        html+= "<div style='float: left;'><a href='"+lnkhotel+"' style='text-decoration: none;'><img src='images/maps/map_logo.gif' width='83' height='33' border='0' \/><br \/><b>"+name+"<\/b><p style='font-size:smaller'>" + address.replace(',', '<br\/>') + "<\/p><\/a><\/div>";
        html+= "<div style='float: left; width: 110px; margin-left: 10px;'><a href='"+lnkhotel+"' style='text-decoration: none;'><img src='"+himage+"' width='100' height='75' border='0' \/><\/a><\/div>";
    } else {
        html+= "<div style='clear: left;'><a href='"+lnkhotel+"' style='text-decoration: none;'><img src='images/maps/map_logo.gif' width='83' height='28' border='0' \/><br \/><b>"+name+"<\/b><p style='font-size:smaller'>" + address.replace(',', '<br\/>') + "<\/p><\/a><\/div>";
    }
    html+= "<div style='clear: left;'><a class='bloglink' href='"+lnkhotel+"' style='text-decoration: none;'>to hotel<\/a>";
    var category = markers[i].getAttribute("category");
    // Create the markers
    map.addOverlay(createMarker(point, name, html, category, id));
   }

 if(gmarkers) {

   // Sort categories and names to display
   // both in alphabetic order
   gmarkers.sort(compareCats);
   
 }
   // Show or hide the categories initially
   visible.show("hotel");
   makeSidebar();
  }
 }; request.send(null);
}


var compareCats = function(a, b) {

 var n1 = a.sorter;
 var n2 = b.sorter;

 var c1 = a.category;
 var c2 = b.category;

 // Sort categories and names
 if(a.category == b.category){
  if(a.sorter == b.sorter){
   return 0;
  }
   return (a.sorter < b.sorter) ? -1 : 1;
 }

 return (a.category < b.category) ? -1 : 1;
}

  function setDirections(fromAddress, toAddress, locale) {
    gdir.load("from: " + fromAddress + " to: " + toAddress,
              { "locale": locale });
    
  }

  function handleErrors(){
    
   $('#print2').css('display', 'none');
   
   if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
     alert("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.");
   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_UNAVAILABLE_ADDRESS)  <--- Doc bug... this is either not defined, or Doc is wrong
//     alert("The geocode for the given address or the route for the given directions query cannot be returned due to legal or contractual reasons.\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.");
   
}

function onGDirectionsLoad(){
  window.setTimeout("gotomap()", 1000);
  $('#print2').css('display', 'block');
}

//]]>