if (GBrowserIsCompatible()) {
  var gmarkersK = [];
  var gmarkersO = []; 
  var gmarkers = [];   
  var pagers = [];
  var i = 0;
  var polygonCircle;
  // create the map
  var map = new GMap2(document.getElementById("map"));
  var geocoder = new GClientGeocoder();
  geocoder.setBaseCountryCode("BE");
  map.addControl(new GSmallMapControl());
  map.addControl(new GOverviewMapControl());
  map.enableScrollWheelZoom();
  map.enableContinuousZoom();
  map.setCenter(new GLatLng(50.941123, 4.339600), 8);
  var mgr = new GMarkerManager(map);
   
  //Markers for Google Maps
  //gmarkers
  var greenMarker = new GIcon();  
  var blueMarker = new GIcon();
  greenMarker.shadow = "http://testwww.eandis.be/images/klantenkantoren/shadow50.png";
  greenMarker.iconSize = new GSize(20, 34);
  greenMarker.shadowSize = new GSize(37, 34);
  greenMarker.iconAnchor = new GPoint(9, 34);
  greenMarker.infoWindowAnchor = new GPoint(9, 2);
  greenMarker.image = "http://testwww.eandis.be/images/klantenkantoren/markerGreen.png";     
  blueMarker.shadow = "http://testwww.eandis.be/images/klantenkantoren/shadow50.png";
  blueMarker.iconSize = new GSize(20, 34);
  blueMarker.shadowSize = new GSize(37, 34);
  blueMarker.iconAnchor = new GPoint(9, 34);
  blueMarker.infoWindowAnchor = new GPoint(9, 2);
  blueMarker.image = "http://testwww.eandis.be/images/klantenkantoren/markerBlue.png";     
  if (taal=="NL") {
   greenMarker.title= "Oplaadpunt";
   blueMarker.title= "Klantenkantoor";
  }
  else if (taal=="FR") {
   blueMarker.title= "un bureau d'accueil";
   greenMarker.title= "un point de rechargement";
  }
  
    function createMarker(point,id,iconMarker){
   var marker = new GMarker(point, iconMarker);
     GEvent.addListener(marker, "click", function() {
      marker.openInfoWindowTabsHtml(clicked(id));
     });     
   return marker;
  }
  function myclick(i) {
   if (map.getZoom()<9) {
    map.setZoom(10);
   } 
   gmarkers[i].initialize(map); 
   GEvent.trigger(gmarkers[i], "click");
  }
   
//when clicked on the marker, the info of the marker will return
     function clicked(id) {
   if ( taal == "NL" ) {
     gmarkers[id].infoPrint= "<h3>" + (gmarkers[id].type.toLowerCase() == "oplaadpunt" ? 'Oplaadpunt' : 'Klantenkantoor') + ' ' + gmarkers[id].name + "</h3><div class='printDiv'>" + gmarkers[id].address.replace(",","<br />") + "</div><div class='printDiv' id='printDivLast'>" + gmarkers[id].phone + "</div>";       
     var info = '<h2 class="googletitle">' + gmarkers[id].name + '</h2>';
     info += '<p id="address" class="googleinfo">' + gmarkers[id].address.split(", ")[0] + ',<br>' + gmarkers[id].address.split(", ")[1] + "</p>";
     info += '<p id="tel" class="googleinfo">' + gmarkers[id].phone + '</p>';
     var link= '\'' + id + '_openingsuren\').innerHTML)"';
     info += '<p id="hours" class="googleinfo">' + '<a href="#" onmouseover="Tip(hours(' + id + '))" onmouseout="UnTip()" onclick="return false;">Openingsuren</a>' + '</p>';
     if(gmarkers[id].photo != null ){
      info += '<p id="photo" class="googleinfo">' + "<a href=\"#\" onmouseover=\"Tip('<IMG SRC=\\'" +  gmarkers[id].photo +"\\' width=567 height=210>')\" onmouseout=\"UnTip()\" onclick=\"return false;\">Foto</a>" + '</p>';   
     }
     if(gmarkers[id].info != null ){
      info += '<p id="info" class="googleinfo">' + gmarkers[id].info + '</p>';   
     }
     info += '<p id="bancontact" class="googleinfo">' + "<span>bancontact</span>" + '</p>';
     info += '<p id="printInfo" class="googleinfo">' + '<a href="javascript:printInfo('+ id + ')">Printvoorbeeld </a>' + '</p>';
     var route = '<h2 class="googletitle">Route naar ' + gmarkers[id].name + '</h2>'
     route += '<form id="routeForm" method="post" onsubmit="return formchecking();">';
     route += '<p class="googleroute"><label for="straat">Straat en nr: </label><input name="straat" type="text" id="straat" class="nr" /></p>';
     route += '<p class="googleroute"><label for="gemeente">Postcode en/of gemeente: </label><input name="gemeente" type="text" id="gemeente" class="nr" /></p>';
     route += '<p id="formErrors" style="display:none"><span>&nbsp;</span></p>';
     route += '<p id="calcButton" class="googleroute"><input type="submit" name="berekening" value="Berekenen" id="Berekenen" class="buttonFollow" alt="Berekenen" /></p>';
     route += '</form>'; 
     return [new GInfoWindowTab("Info", info), new GInfoWindowTab("Route", route)];
   }
   if ( taal == "FR" ) {
     gmarkers[id].infoPrint= "<h3>" + (gmarkers[id].type.toLowerCase() == "oplaadpunt" ? 'un point de rechargement' : "un bureau d'accueil") + ' ' + gmarkers[id].name + "</h3><div class='printDiv'>" + gmarkers[id].address.replace(",","<br />") + "</div><div class='printDiv' id='printDivLast'>" + gmarkers[id].phone + "</div>";       
     var info = '<h2 class="googletitle">' + gmarkers[id].name + '</h2>';
     info += '<p id="address" class="googleinfo">' + gmarkers[id].address.split(", ")[0] + ',<br>' + gmarkers[id].address.split(", ")[1] + "</p>";
     info += '<p id="tel" class="googleinfo">' + gmarkers[id].phone + '</p>';
     var link= '\'' + id + '_openingsuren\').innerHTML)"';
     info += '<p id="hours" class="googleinfo">' + '<a href="#" onmouseover="Tip(hours(' + id + '))" onmouseout="UnTip()" onclick="return false;">Heures d\'ouverture</a>' + '</p>';
     if(gmarkers[id].photo != null ){
      info += '<p id="photo" class="googleinfo">' + "<a href=\"#\" onmouseover=\"Tip('<IMG SRC=\\'" +  gmarkers[id].photo + "\\' width=567 height=210>')\" onmouseout=\"UnTip()\" onclick=\"return false;\">La photo</a>" + '</p>';   
     }
     if(gmarkers[id].info != null ){
      info += '<p id="info" class="googleinfo">' + gmarkers[id].info + '</p>';   
     }
     info += '<p id="bancontact" class="googleinfo">' + "<span>bancontact</span>" + '</p>';
     info += '<p id="printInfo" class="googleinfo">' + '<a href="javascript:printInfo('+ id + ')">Imprimer l\'info </a>' + '</p>';
     var route = '<h2 class="googletitle">Route à ' + gmarkers[id].name + '</h2>'
     route += '<form id="routeForm" method="post" onsubmit="return formchecking();">';
     route += '<p class="googleroute"><label for="straat">Rue et numéro: </label><input name="straat" type="text" id="straat" class="nr" /></p>';
     route += '<p class="googleroute"><label for="gemeente">Code postal et/ou ville: </label><input name="gemeente" type="text" id="gemeente" class="nr" /></p>';
     route += '<p id="formErrors" style="display:none"><span>&nbsp;</span></p>';
     route += '<p id="calcButton" class="googleroute"><input type="submit" name="berekening" value="Calculer" id="Berekenen" class="buttonFollow" alt="Berekenen" /></p>';
     route += '</form>';
     return [new GInfoWindowTab("Info", info), new GInfoWindowTab("Route", route)];    
   }
  }
     var sidebar_klant_html = sideBar_Klant_IDs.split(",");
     var sidebar_oplaad_html = sideBar_Oplaad_IDs.split(",");
     for (k in sidebar_klant_html){sidebar_klant_html[k] = "";}
     for (k in sidebar_oplaad_html){sidebar_oplaad_html[k] = "";}
    var sidebars = sidebar_klant_html.length;
    var num_klant_markers= [];
    var num_oplaad_markers= [];
    // Read the data from kml
  var bounds = new GLatLngBounds();
  var request = GXmlHttp.create();
  request.open("GET", KMLFilePoints, true);
  request.onreadystatechange = function() {
   if (request.readyState == 4) {
    var xmlDoc = GXml.parse(request.responseText);
    // obtain the array of markers and loop through it
    var markers = xmlDoc.documentElement.getElementsByTagName("Placemark");
    for (var i = 0; i < markers.length; i++) {
      // obtain the attribues of each marker
    if ((currentDNB.toLowerCase() == markers[i].getElementsByTagName("value")[1].childNodes[0].nodeValue.toLowerCase() || currentDNB.toLowerCase() == "all")){
       if(markers[i].getElementsByTagName("value")[0].childNodes[0].nodeValue.toLowerCase() =='oplaadpunt') {
        num_oplaad_markers.push(gmarkers.length); 
       }
       else {
        num_klant_markers.push(gmarkers.length);
       }
       var lng = parseFloat(markers[i].getElementsByTagName("coordinates")[0].childNodes[0].nodeValue.split(",")[0]);
       var lat = parseFloat(markers[i].getElementsByTagName("coordinates")[0].childNodes[0].nodeValue.split(",")[1]);
       var point = new GLatLng(lat,lng);
       var name=markers[i].getElementsByTagName("name")[0].childNodes[0].nodeValue;
       var photo=null;
       var info=null;
       var phone=null;
        try {
            var phone=markers[i].getElementsByTagName("value")[3].childNodes[0].nodeValue;
        } catch(e) {}
       //if (markers[i].getElementsByTagName("value")[10].childNodes[0].nodeValue != "no image"){
       // photo=markers[i].getElementsByTagName("value")[10].childNodes[0].nodeValue;
       // if (currentDNB.toLowerCase() !="all") {
       //     photo= "http://www.eandis.be" + photo;
       // }
       //}
        try {
            photo=markers[i].getElementsByTagName("value")[10].childNodes[0].nodeValue;
        } catch(e) {}
        try {
            info=markers[i].getElementsByTagName("value")[11].childNodes[0].nodeValue;
        } catch(e) {}
       var address=markers[i].getElementsByTagName("description")[0].childNodes[0].nodeValue;
       var type=markers[i].getElementsByTagName("value")[0].childNodes[0].nodeValue;
       var iconmarker;
       if (type.toLowerCase() == "oplaadpunt"){
        iconMarker = greenMarker;    
       }
       else {
        iconMarker = blueMarker;
       }
       // create the marker
       var marker= createMarker(point,gmarkers.length,iconMarker);
       if (iconMarker == blueMarker) {
        gmarkersK.push(marker);    
       }
       else {
        gmarkersO.push(marker);   
       }
       gmarkers.push(marker);       
       gmarkers[gmarkers.length-1].name=name;
       gmarkers[gmarkers.length-1].photo=photo;
       gmarkers[gmarkers.length-1].info=info; 
       gmarkers[gmarkers.length-1].type=type;        
       gmarkers[gmarkers.length-1].address=address;
       gmarkers[gmarkers.length-1].phone=phone;
       gmarkers[gmarkers.length-1].openingsuren=divHours(markers[i],i);       
      }
    }
    
    for (var i=0; i<gmarkers.length; i++) {
     var isCharIn=true;
     for (var j=0; j<pagers.length; j++) {
      if (gmarkers[i].name.charAt(0) == pagers[j] || gmarkers[i].type.toLowerCase()!="oplaadpunt") {
       isCharIn=false;       
      }
     }
     if (isCharIn) {
      pagers.push(gmarkers[i].name.charAt(0));
     }                    
    } 
    pagers.sort();
    for (var i=0; i<pagers.length; i++) {
     if (i==pagers.length-1) {
      document.getElementById("pagersOP").innerHTML+='<a href="javascript:CharSelected(\'' + pagers[i] + '\')" id="letter' + pagers[i] + '">' + pagers[i].toUpperCase() + '</a>';
     }
     else {
      document.getElementById("pagersOP").innerHTML+='<a href="javascript:CharSelected(\'' + pagers[i] + '\')" id="letter' + pagers[i] + '">' + pagers[i].toUpperCase() + '</a>, ';
     }
    }
    var arr_sideBar_Klant_IDs = sideBar_Klant_IDs.split(",");
    var klant_list="";
    k=gmarkersK.length;
    for (var j=0; j < arr_sideBar_Klant_IDs.length; j++){
     var count=((Math.ceil(k/(arr_sideBar_Klant_IDs.length-j))) == (k/(arr_sideBar_Klant_IDs.length-j)) ? (k/(arr_sideBar_Klant_IDs.length-j)) : (Math.ceil(k/(arr_sideBar_Klant_IDs.length-j))));
     klant_list = "<ul>";
     for (var l=0 + (num_klant_markers.length-k); l < count + (num_klant_markers.length-k); l++) {
      klant_list += '<li><a href="javascript:myclick(' + num_klant_markers[l] + ')">' + gmarkers[(num_klant_markers[l])].name + '</a></li>';
     }
     klant_list += "</ul>";
     document.getElementById(arr_sideBar_Klant_IDs[j].toString()).innerHTML=klant_list;
     k=k-count;
    }
    CharSelected('A');
    mgr.addMarkers(gmarkersO, 9.5,17);
    mgr.addMarkers(gmarkersK, 1,17);
    mgr.refresh();
   }
  }
  request.send('');   
  switch (currentDNB.toLowerCase()) { 
   case "iverlek": map.setCenter(new GLatLng(50.8877, 4.4701), 10); break;
   case "imewo": map.setCenter(new GLatLng(51.199139,3.328857), 10); break;
   case "gaselwest": map.setCenter(new GLatLng(50.8091, 3.1844 ), 10); break;
   case "iveka": map.setCenter(new GLatLng(51.2385, 4.8243), 10); break;
   case "imea": map.setCenter(new GLatLng(51.2206, 4.3997), 11); break;
   case "intergem": map.setCenter(new GLatLng(50.9375, 4.0411), 10); break; 
   case "sibelgas": map.setCenter(new GLatLng(50.9334, 4.3734), 11); break;
   default: map.setCenter(new GLatLng(50.941123, 4.339600), 8);
  }
 }
    else {
  alert("Sorry, the Google Maps API is not compatible with this browser");
    }
function CharSelected(letter) {
 var markers=[];
 for (var j=0;j < gmarkers.length; j++) {
  if (gmarkers[j].name.charAt(0).toLowerCase()==letter.toLowerCase() && gmarkers[j].type.toLowerCase()=="oplaadpunt") {
   markers.push(j);
  }
 }  
 for (var i=0;i < pagers.length; i++) {
  document.getElementById("letter" +pagers[i]).style.color = "#0E2B8D";
 }
 if (document.getElementById("letter" +letter) != null) {
     document.getElementById("letter" +letter).style.color = "#628A67";
 }
 var arr_sideBar_Oplaad_IDs = sideBar_Oplaad_IDs.split(",");
 var k=markers.length;
 var oplaad_list="";
 for (var j=0; j < arr_sideBar_Oplaad_IDs.length; j++){
  var count=((Math.ceil(k/(arr_sideBar_Oplaad_IDs.length-j))) == (k/(arr_sideBar_Oplaad_IDs.length-j)) ? (k/(arr_sideBar_Oplaad_IDs.length-j)) : (Math.ceil(k/(arr_sideBar_Oplaad_IDs.length-j))));
  oplaad_list = "<ul>";
  for (var l=0 + (markers.length-k); l < count + (markers.length-k); l++) {
   oplaad_list += '<li><a href="javascript:myclick(' + (markers[l]) + ')">' + gmarkers[(markers[l])].name + '</a></li>';
  }
  oplaad_list += "</ul>";
  document.getElementById(arr_sideBar_Oplaad_IDs[j].toString()).innerHTML=oplaad_list;
  k=k-count;
 } 
}
function divHours(marker,id) {
 var htmlCode= "";
 if (taal == "NL") {
  htmlCode='<div id="' + marker.getElementsByTagName("name")[0].childNodes[0].nodeValue + id + '_openingsuren">\n';
  htmlCode+='<div class="table">\n';
  htmlCode+='<h2 class="googletitle">Openingsuren</h2>\n';
   
  for (var j = 4; j < marker.getElementsByTagName("value").length-1; j++) {
   if (j%2 == 0 && j!=11) {
    htmlCode+='<ul class="openingsUren odd">\n';
   }
   else if(j%2 !=0 && j!=11) {
    htmlCode+='<ul class="openingsUren">\n';
   }
   
   switch (j) {
    case 4:
     htmlCode +='<li><strong>Maandag</strong></li>\n';
     break;
    case 5:
     htmlCode +='<li><strong>Dinsdag</strong></li>\n';
     break;
    case 6:
     htmlCode +='<li><strong>Woensdag</strong></li>\n';
     break;
    case 7:
     htmlCode +='<li><strong>Donderdag</strong></li>\n';
     break;
    case 8:
     htmlCode +='<li><strong>Vrijdag</strong></li>\n';
     break;
    case 9:
     htmlCode +='<li><strong>Zaterdag</strong></li>\n';
     break;
    default:
     if(marker.getElementsByTagName("Data")[j].getAttribute('name') == 'extra'){
      htmlCode +='<p class="tableExtra"><strong>Extra:</strong>' + marker.getElementsByTagName("value")[j].childNodes[0].nodeValue + '</p>\n';
     }
     break;
   }
   if (j!=11 && j!=10) {
    var waarde=false;
    htmlCode+='<li>';
    if (marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[0].toLowerCase().split(" ").join("") == "gesloten" || marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[0].toLowerCase().split(" ").join("") == "afspraak") {
     htmlCode+=marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[0];
    }
    else {
     htmlCode+=marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[0] + " tot " + marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[1];
    }
    htmlCode+='</li>\n';
    htmlCode+='<li class="txtCenter"> - </li>\n';
    htmlCode+='<li>';
    if (marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[1].toLowerCase().split(" ").join("") == "gesloten" || marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[1].toLowerCase().split(" ").join("") == "afspraak") {
     htmlCode+=marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[1];
     waarde=true;
    }
    else if (marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-").length == 2 ) {
     htmlCode+='</li>\n';
     htmlCode+='</ul>\n';     
     continue;     
    }
    else if (marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[1].toLowerCase().split(" ").join("") != "gesloten" && marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-").length == 3) {
     if (marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[2].toLowerCase().split(" ").join("") == "gesloten") {
      htmlCode+=marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[2];     
     }
     else {
      htmlCode+=marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[1] + " tot " + marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[2];      
     }
    }
    else {
     htmlCode+=marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[2] + " tot " + marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[3];
    }
    htmlCode+='</li>\n';
    htmlCode+='</ul>\n';
   }
  }
  
  htmlCode+='</div>\n';
  htmlCode+='</div>';
 }
 else if ( taal == "FR") {
  htmlCode='<div id="' + marker.getElementsByTagName("name")[0].childNodes[0].nodeValue + id + '_openingsuren">\n';
  htmlCode+='<div class="table">\n';
  htmlCode+='<h2 class="googletitle">Heures d\'ouverture</h2>\n';
   
  for (var j = 4; j < marker.getElementsByTagName("value").length; j++) {
   if (j%2 == 0 && j!=11) {
    htmlCode+='<ul class="openingsUren odd">\n';
   }
   else if(j%2 !=0 && j!=11) {
    htmlCode+='<ul class="openingsUren">\n';
   }
   
   switch (j) {
    case 4:
     htmlCode +='<li><strong>Lundi</strong></li>\n';
     break;
    case 5:
     htmlCode +='<li><strong>Mardi</strong></li>\n';
     break;
    case 6:
     htmlCode +='<li><strong>Mercredi</strong></li>\n';
     break;
    case 7:
     htmlCode +='<li><strong>Jeudi</strong></li>\n';
     break;
    case 8:
     htmlCode +='<li><strong>Vendredi</strong></li>\n';
     break;
    case 9:
     htmlCode +='<li><strong>Samedi</strong></li>\n';
     break;
    default:
     if(marker.getElementsByTagName("Data")[j].getAttribute('name') == 'extra'){
      htmlCode +='<p class="tableExtra"><strong>Extra:</strong>' + marker.getElementsByTagName("value")[j].childNodes[0].nodeValue + '</p>\n';
     }
     break;
   }
   if (j!=11 && j!=10) {
    var waarde=false;
    htmlCode+='<li>';
    if (marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[0].toLowerCase().split(" ").join("") == "gesloten" || marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[0].toLowerCase().split(" ").join("") == "afspraak") {
     if (marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[0].toLowerCase().split(" ").join("") == "gesloten") {
      htmlCode+="fermé";
     }
     else {
      htmlCode+="rendez-vous";
     }
    }
    else {
     htmlCode+=marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[0].replace("u","h") + " à " + marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[1].replace("u","h");
    }
    htmlCode+='</li>\n';
    htmlCode+='<li class="txtCenter"> - </li>\n';
    htmlCode+='<li>';
    if (marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[1].toLowerCase().split(" ").join("") == "gesloten" || marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[1].toLowerCase().split(" ").join("") == "afspraak") {
     if (marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[0].toLowerCase().split(" ").join("") == "gesloten") {
      htmlCode+="fermé";
     }
     else {
      htmlCode+="rendez-vous";
     }
     waarde=true;
    }
    else if (marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-").length == 2 ) {
     htmlCode+='</li>\n';
     htmlCode+='</ul>\n';     
     continue;     
    }
    else if (marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[1].toLowerCase().split(" ").join("") != "gesloten" && marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-").length == 3) {
     if (marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[2].toLowerCase().split(" ").join("") == "gesloten") {
      htmlCode+="fermé";
     }
     else {
      htmlCode+=marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[1].replace("u","h") + " à " + marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[2].replace("u","h");      
     }
    }
    else {
     htmlCode+=marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[2].replace("u","h") + " à " + marker.getElementsByTagName("value")[j].childNodes[0].nodeValue.split("-")[3].replace("u","h");
    }
    htmlCode+='</li>\n';
    htmlCode+='</ul>\n';
   }
  }
  
  htmlCode+='</div>\n';
  htmlCode+='</div>'; 
 }
 return htmlCode;
}function formchecking() {
 if ( taal == "NL") {
  if (document.getElementById("straat").value.length == 0 && document.getElementById("gemeente").value.length == 0) {
   document.getElementById("formErrors").style.display="block";
   document.getElementById("formErrors").innerHTML="Alle velden moeten ingevuld worden";
  }
  else if (document.getElementById("gemeente").value.length == 0) {
   document.getElementById("formErrors").style.display="block";
   document.getElementById("formErrors").innerHTML="Postcode en gemeente moeten ingevuld worden";
  }
  else if (document.getElementById("straat").value.length == 0) {
   document.getElementById("formErrors").style.display="block";
   document.getElementById("formErrors").innerHTML="Straat en nummer moeten ingevuld worden";
  }
  else {
   document.getElementById("formErrors").style.display="none";
   document.getElementById("formErrors").innerHTML="";    
   var destination = escape(document.getElementById("address").innerHTML.replace("<BR>","").replace("<br>",""));
   var person = escape(document.getElementById("straat").value + ", " + document.getElementById("gemeente").value);
   window.open('http://maps.google.be/maps?saddr=' + person + '&daddr=' + destination);
  }
 }
 else if ( taal == "FR") {
  if (document.getElementById("straat").value.length == 0 && document.getElementById("gemeente").value.length == 0) {
   document.getElementById("formErrors").style.display="block";
   document.getElementById("formErrors").innerHTML="Tous les champs doivent être remplis";
  }
  else if (document.getElementById("gemeente").value.length == 0) {
   document.getElementById("formErrors").style.display="block";
   document.getElementById("formErrors").innerHTML="Code postal et ville doivent être remplis";
  }
  else if (document.getElementById("straat").value.length == 0) {
   document.getElementById("formErrors").style.display="block";
   document.getElementById("formErrors").innerHTML="Rue et numéro doivent être rempli";
  }
  else {
   var destination = escape(document.getElementById("address").innerHTML.replace("<BR>","").replace("<br>",""));
   var person = escape(document.getElementById("straat").value + ", " + document.getElementById("gemeente").value);
   window.open('http://maps.google.fr/maps?saddr=' + person + '&daddr=' + destination);
  }
 } 
 return false;
}
function addToHoursDiv(htmlCode) {
 var div= document.getElementById("hoursDiv");
 div.innerHTML+= htmlCode;
}
function getPoints(address, distance) {
 var boundsCircle = new GLatLngBounds();
 var pointsInRange = [];
 if (geocoder) {
        geocoder.getLatLng(
        address + ", Flemish Region, Belgium",
  function(point) {
   if (point) {   
    for (i in gmarkers) {
     if ((gmarkers[i].getPoint()).distanceFrom(point) <= distance*1000) {
      pointsInRange.push(gmarkers[i]);
      boundsCircle.extend(gmarkers[i].getPoint());
     }                    
    }
                if (pointsInRange.length!=0) {
     boundsCircle.extend(point);
                    map.setZoom(map.getBoundsZoomLevel(boundsCircle));
                    map.setCenter(boundsCircle.getCenter());                    
                } else {
     boundsCircle.extend(point);
     map.setCenter(point);
                    map.setZoom(11);
                };
                
                // center and zoom on the bounds.
                 if (polygonCircle != null) {
                    map.removeOverlay(polygonCircle);
                 }
                 drawCircle(point, distance, "#000000", 1, 0.75, "#3097FF",.15);                
            }
        }
        );
    }
}
      
function drawCircle(point, radius, strokeColor, strokeWidth, strokeOpacity, fillColor, fillOpacity) {
 var poly = [] ; 
 var numPoints= 80;
 var lat = point.lat() ;
 var lng = point.lng() ;
    var d2r = Math.PI/180 ;                // degrees to radians
    var r2d = 180/Math.PI ;                // radians to degrees
    var Clat = (radius/3963) * r2d * 0.621371192 ;      //  using 3963 as earth's radius
    var Clng = Clat/Math.cos(lat*d2r);
           
            //Add each point in the circle
    for (var i = 0 ; i < numPoints ; i++){
        var theta = Math.PI * (i / (numPoints / 2)) ;
        Cx = lng + (Clng * Math.cos(theta)) ;
        Cy = lat + (Clat * Math.sin(theta)) ;
        poly.push(new GLatLng(Cy,Cx)) ;
    }
 poly.push(poly[0]);
    polygonCircle = new GPolygon(poly, strokeColor, strokeWidth, strokeOpacity, fillColor, fillOpacity);
    map.addOverlay(polygonCircle);
}
     
function zoom (id) {
    if (id == undefined) {
        map.setCenter(new GLatLng(50.5038870, 4.4699360), 7);
    }
    else {
        var boundsZoom = new GLatLngBounds();
  boundsZoom.extend(new GLatLng(parseFloat(provinces[id].north),parseFloat(provinces[id].east)));
  boundsZoom.extend(new GLatLng(parseFloat(provinces[id].north),parseFloat(provinces[id].west)));
  boundsZoom.extend(new GLatLng(parseFloat(provinces[id].south),parseFloat(provinces[id].east)));
  boundsZoom.extend(new GLatLng(parseFloat(provinces[id].south),parseFloat(provinces[id].west)));
        map.setCenter(boundsZoom.getCenter());   
        map.setCenter(boundsZoom.getCenter());   
  if (map.getZoom()>9) {
   map.setZoom(map.getBoundsZoomLevel(boundsZoom));             
  }
  else if (provinces[id].length > 0) {
   map.setZoom(9);
  }
  else {
   map.setZoom(8);
  }
    }
}
 
function hours(i) {
 return gmarkers[i].openingsuren;
}
function printInfo(i) {
 var printPage = window.open();
 printPage.document.open();
 printPage.document.write('<html><head><title>Printpagina ' + gmarkers[i].type + ' ' + gmarkers[i].name  + '</title>'); 
if ( currentDNB.toLowerCase()=="all"){
printPage.document.write('<link rel="stylesheet" href="/css/general.css" media="screen" type="text/css" title="general" />'); 
}
else {
printPage.document.write('<link rel="stylesheet" href="/www.' + currentDNB.toLowerCase() + '.be/css/dnb_css_general.css" media="screen" type="text/css" title="general" />'); 
}
printPage.document.write('</head><body><center><div id="printPoint">' + gmarkers[i].infoPrint + gmarkers[i].openingsuren.replace('table','printTable') + '<br /><p id="imgEandis">'); 
if (currentDNB.toLowerCase() == "all") {
if (taal.toLowerCase()=="nl"){
printPage.document.write('<img src="/images/general/eandis_print.jpg" /></p></div></center></bo' + 'dy></ht' + 'ml>');
}
else {
printPage.document.write('<img src="/images/assets/eandis_fr.gif" /></p></div></center></bo' + 'dy></ht' + 'ml>');
}
}
else {
printPage.document.write('<img src="http://www.' + currentDNB + '.be/images/logo_' + currentDNB + '.gif" /></p></div></center></bo' + 'dy></ht' + 'ml>');
}
printPage.document.close(); 
}
function distanceCheck () {
 if ( taal == "NL" ) {
  document.getElementById("distanceErrors").innerHTML="";
  geocoder.getLocations((document.getElementById("distanceField").value + ',BE'), function (result) { 
   if ((document.getElementById("distanceField").value.length == 0 || document.getElementById("distanceField").value.length) && document.getElementById("radius").value.length == 0) {
    document.getElementById("distanceErrors").style.display="block";
    document.getElementById("distanceErrors").innerHTML="De afstand is niet ingevuld. <br /> De plaats is niet ingevuld.";
   }
   if (document.getElementById("distanceField").value.length == 0 && isNaN(document.getElementById("radius").value)) {
    document.getElementById("distanceErrors").style.display="block";
    document.getElementById("distanceErrors").innerHTML="De afstand moet nummers bevatten. <br /> De plaats is niet ingevuld.";
   } 
   else if (document.getElementById("radius").value.length == 0) {
    document.getElementById("distanceErrors").style.display="block";
    document.getElementById("distanceErrors").innerHTML="De afstand is niet ingevuld.";
   }
   else if (document.getElementById("distanceField").value.length == 0) {
    document.getElementById("distanceErrors").style.display="block";
    document.getElementById("distanceErrors").innerHTML="De plaats is niet ingevuld.";
   }
   else if (isNaN(document.getElementById("radius").value)) {
    document.getElementById("distanceErrors").style.display="block";
    document.getElementById("distanceErrors").innerHTML="De afstand moet nummers bevatten.";
   }  
   else if (parseFloat(document.getElementById("radius").value)<0 && parseFloat(document.getElementById("radius").value)>300) {
    document.getElementById("distanceErrors").style.display="block";
    document.getElementById("distanceErrors").innerHTML="De afstand moet groter dan 0 of kleiner dan 300 zijn.";
   }   
   if (result.Status.code == G_GEO_SUCCESS) {
    if (result.Placemark.length >1 && document.getElementById("radius").value.length == 0) {
     document.getElementById("distanceErrors").style.display="block";
     document.getElementById("distanceErrors").innerHTML="De plaats moet vereenvoudigd zijn, er zijn " + result.Placemark.length + " mogelijke addressen. <br />De afstand moet ingevuld zijn."; 
    }
    else if( result.Placemark.length >1 && isNaN(document.getElementById("radius").value)) {
     document.getElementById("distanceErrors").style.display="block";
     document.getElementById("distanceErrors").innerHTML="De plaats moet vereenvoudigd zijn, er zijn " + result.Placemark.length + " mogelijke addressen. <br />De afstand moet nummers bevatten."; 
    }    
    else if( result.Placemark.length >1) {
     document.getElementById("distanceErrors").style.display="block";
     document.getElementById("distanceErrors").innerHTML="De plaats moet vereenvoudigd zijn, er zijn " + result.Placemark.length + " mogelijke addressen."; 
    }
/*    Disabled check 'if result in belgium', giving errors in IE
else if (result.Placemark[0].address.split(", ")[result.Placemark[0].address.split(", ").length-1].toLowerCase() != "belgium" || result.Placemark[0].address.split(", ").length==1) {
     document.getElementById("distanceErrors").style.display="block";
     document.getElementById("distanceErrors").innerHTML="Gelieve een juiste postcode en/of juiste gemeente invullen.";
    }*/
    if (document.getElementById("distanceErrors").innerHTML=="") {
     document.getElementById("distanceErrors").style.display="none";
     getPoints((document.getElementById("distanceField").value + ',BE'),document.getElementById("radius").value);
    }
   }
   else if (result.Status.code == G_GEO_UNKNOWN_ADDRESS) {
    document.getElementById("distanceErrors").style.display="block";
    document.getElementById("distanceErrors").innerHTML="De plaats is onbekend voor google maps.";
   }
  });
 }
 else if ( taal == "FR") {
  document.getElementById("distanceErrors").innerHTML="";
  geocoder.getLocations((document.getElementById("distanceField").value + ',BE'), function (result) { 
   if (document.getElementById("distanceField").value.length == 0 && document.getElementById("radius").value.length == 0) {
    document.getElementById("distanceErrors").style.display="block";
    document.getElementById("distanceErrors").innerHTML="La distance doit être remplie. <br /> le lieu doit être remplie.";
   }
   else if (document.getElementById("distanceField").value.length == 0 && isNaN(document.getElementById("radius").value)) {
    document.getElementById("distanceErrors").style.display="block";
    document.getElementById("distanceErrors").innerHTML="La distance doit être numéroté. <br /> le lieu doit être remplie.";
   } 
   else if (isNaN(document.getElementById("radius").value) && document.getElementById("distanceField").value=="ville ou code postal") {
    document.getElementById("distanceErrors").style.display="block";
    document.getElementById("distanceErrors").innerHTML="La distance doit être numéroté. <br /> le lieu doit être remplie.";
   } 
   else if (document.getElementById("radius").value.length == 0) {
    document.getElementById("distanceErrors").style.display="block";
    document.getElementById("distanceErrors").innerHTML="La distance doit être remplie.";
   }
   else if (document.getElementById("distanceField").value.length == 0) {
    document.getElementById("distanceErrors").style.display="block";
    document.getElementById("distanceErrors").innerHTML="Le lieu doit être remplie.";
   }
   else if (parseFloat(document.getElementById("radius").value)<0 && parseFloat(document.getElementById("radius").value)>=300) {
    document.getElementById("distanceErrors").style.display="block";
    document.getElementById("distanceErrors").innerHTML="La distance doit être supérieure à 0 ou moins de 300.";
   }  
   else if (isNaN(document.getElementById("radius").value)) {
    document.getElementById("distanceErrors").style.display="block";
    document.getElementById("distanceErrors").innerHTML="La distance doit être numéroté.";
   }    
   if (result.Status.code == G_GEO_SUCCESS) {
    if (result.Placemark.length >1 && document.getElementById("radius").value.length == 0) {
     document.getElementById("distanceErrors").style.display="block";
     document.getElementById("distanceErrors").innerHTML="Le lieu devrait être simplifié, il y a des " + result.Placemark.length + " possible adresses. <br />La distance doit être remplie."; 
    }
    else if( result.Placemark.length >1 && isNaN(document.getElementById("radius").value)) {
     document.getElementById("distanceErrors").style.display="block";
     document.getElementById("distanceErrors").innerHTML="Le lieu devrait être simplifié, il y a des " + result.Placemark.length + " possible adresses. <br />La distance doit être numéroté."; 
    }    
    else if( result.Placemark.length >1) {
     document.getElementById("distanceErrors").style.display="block";
     document.getElementById("distanceErrors").innerHTML="Le lieu devrait être simplifié, il y a des " + result.Placemark.length + " possible adresses."; 
    }  
    if (document.getElementById("distanceErrors").innerHTML=="") {
     document.getElementById("distanceErrors").style.display="none";
     getPoints((document.getElementById("distanceField").value + ',BE'),document.getElementById("radius").value);
    }    
   }
   else if (result.Status.code == G_GEO_UNKNOWN_ADDRESS) {
    document.getElementById("distanceErrors").style.display="block";
    document.getElementById("distanceErrors").innerHTML="Le lieu est inconnu de google maps.";
   }   
  }); 
 }
 return false;  
}
/* This notice must be untouched at all times.
Copyright (c) 2002-2008 Walter Zorn. All rights reserved.
wz_tooltip.js  v. 5.31
The latest version is available at
http://www.walterzorn.com
or http://www.devira.com
or http://www.walterzorn.de
Created 1.12.2002 by Walter Zorn (Web: http://www.walterzorn.com )
Last modified: 7.11.2008
Easy-to-use cross-browser tooltips.
Just include the script at the beginning of the <body> section, and invoke
Tip('Tooltip text') to show and UnTip() to hide the tooltip, from the desired
HTML eventhandlers. Example:
<a onmouseover="Tip('Some text')" onmouseout="UnTip()" href="index.htm">My home page</a>
No container DIV required.
By default, width and height of tooltips are automatically adapted to content.
Is even capable of dynamically converting arbitrary HTML elements to tooltips
by calling TagToTip('ID_of_HTML_element_to_be_converted') instead of Tip(),
which means you can put important, search-engine-relevant stuff into tooltips.
Appearance & behaviour of tooltips can be individually configured
via commands passed to Tip() or TagToTip().
Tab Width: 4
LICENSE: LGPL
This library is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License (LGPL) as published by the Free Software Foundation; either
version 2.1 of the License, or (at your option) any later version.
This library is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
For more details on the GNU Lesser General Public License,
see http://www.gnu.org/copyleft/lesser.html
*/
var config = new Object();
//===================  GLOBAL TOOLTIP CONFIGURATION  =========================//
var tt_Debug = true  // false or true - recommended: false once you release your page to the public
var tt_Enabled = true  // Allows to (temporarily) suppress tooltips, e.g. by providing the user with a button that sets this global variable to false
var TagsToTip = true  // false or true - if true, HTML elements to be converted to tooltips via TagToTip() are automatically hidden;
       // if false, you should hide those HTML elements yourself
// For each of the following config variables there exists a command, which is
// just the variablename in uppercase, to be passed to Tip() or TagToTip() to
// configure tooltips individually. Individual commands override global
// configuration. Order of commands is arbitrary.
// Example: onmouseover="Tip('Tooltip text', LEFT, true, BGCOLOR, '#FF9900', FADEIN, 400)"
config. Above   = false  // false or true - tooltip above mousepointer
config. BgColor   = '#E2E7FF' // Background colour (HTML colour value, in quotes)
config. BgImg   = ''  // Path to background image, none if empty string ''
config. BorderColor  = '#003099'
config. BorderStyle  = 'solid' // Any permitted CSS value, but I recommend 'solid', 'dotted' or 'dashed'
config. BorderWidth  = 1
config. CenterMouse  = false  // false or true - center the tip horizontally below (or above) the mousepointer
config. ClickClose  = false  // false or true - close tooltip if the user clicks somewhere
config. ClickSticky  = false  // false or true - make tooltip sticky if user left-clicks on the hovered element while the tooltip is active
config. CloseBtn  = false  // false or true - closebutton in titlebar
config. CloseBtnColors = ['#990000', '#FFFFFF', '#DD3333', '#FFFFFF'] // [Background, text, hovered background, hovered text] - use empty strings '' to inherit title colours
config. CloseBtnText = '&nbsp;X&nbsp;' // Close button text (may also be an image tag)
config. CopyContent  = true  // When converting a HTML element to a tooltip, copy only the element's content, rather than converting the element by its own
config. Delay   = 400  // Time span in ms until tooltip shows up
config. Duration  = 0   // Time span in ms after which the tooltip disappears; 0 for infinite duration, < 0 for delay in ms _after_ the onmouseout until the tooltip disappears
config. Exclusive  = false  // false or true - no other tooltip can appear until the current one has actively been closed
config. FadeIn   = 100  // Fade-in duration in ms, e.g. 400; 0 for no animation
config. FadeOut   = 100
config. FadeInterval = 30  // Duration of each fade step in ms (recommended: 30) - shorter is smoother but causes more CPU-load
config. Fix    = null  // Fixated position, two modes. Mode 1: x- an y-coordinates in brackets, e.g. [210, 480]. Mode 2: Show tooltip at a position related to an HTML element: [ID of HTML element, x-offset, y-offset from HTML element], e.g. ['SomeID', 10, 30]. Value null (default) for no fixated positioning.
config. FollowMouse  = true  // false or true - tooltip follows the mouse
config. FontColor  = '#000044'
config. FontFace  = 'Verdana,Geneva,sans-serif'
config. FontSize  = '8pt'  // E.g. '9pt' or '12px' - unit is mandatory
config. FontWeight  = 'normal' // 'normal' or 'bold';
config. Height   = 0   // Tooltip height; 0 for automatic adaption to tooltip content, < 0 (e.g. -100) for a maximum for automatic adaption
config. JumpHorz  = false  // false or true - jump horizontally to other side of mouse if tooltip would extend past clientarea boundary
config. JumpVert  = true  // false or true - jump vertically  "
config. Left   = false  // false or true - tooltip on the left of the mouse
config. OffsetX   = 14  // Horizontal offset of left-top corner from mousepointer
config. OffsetY   = 8   // Vertical offset
config. Opacity   = 100  // Integer between 0 and 100 - opacity of tooltip in percent
config. Padding   = 3   // Spacing between border and content
config. Shadow   = false  // false or true
config. ShadowColor  = '#C0C0C0'
config. ShadowWidth  = 5
config. Sticky   = false  // false or true - fixate tip, ie. don't follow the mouse and don't hide on mouseout
config. TextAlign  = 'left' // 'left', 'right' or 'justify'
config. Title   = ''  // Default title text applied to all tips (no default title: empty string '')
config. TitleAlign  = 'left' // 'left' or 'right' - text alignment inside the title bar
config. TitleBgColor = ''  // If empty string '', BorderColor will be used
config. TitleFontColor = '#FFFFFF' // Color of title text - if '', BgColor (of tooltip body) will be used
config. TitleFontFace = ''  // If '' use FontFace (boldified)
config. TitleFontSize = ''  // If '' use FontSize
config. TitlePadding = 2
config. Width   = 0   // Tooltip width; 0 for automatic adaption to tooltip content; < -1 (e.g. -240) for a maximum width for that automatic adaption;
         // -1: tooltip width confined to the width required for the titlebar
//=======  END OF TOOLTIP CONFIG, DO NOT CHANGE ANYTHING BELOW  ==============//
//=====================  PUBLIC  =============================================//
function Tip()
{
 tt_Tip(arguments, null);
}
function TagToTip()
{
 var t2t = tt_GetElt(arguments[0]);
 if(t2t)
  tt_Tip(arguments, t2t);
}
function UnTip()
{
 tt_OpReHref();
 if(tt_aV[DURATION] < 0 && (tt_iState & 0x2))
  tt_tDurt.Timer("tt_HideInit()", -tt_aV[DURATION], true);
 else if(!(tt_aV[STICKY] && (tt_iState & 0x2)))
  tt_HideInit();
}
//==================  PUBLIC PLUGIN API  =====================================//
// Extension eventhandlers currently supported:
// OnLoadConfig, OnCreateContentString, OnSubDivsCreated, OnShow, OnMoveBefore,
// OnMoveAfter, OnHideInit, OnHide, OnKill
var tt_aElt = new Array(10), // Container DIV, outer title & body DIVs, inner title & body TDs, closebutton SPAN, shadow DIVs, and IFRAME to cover windowed elements in IE
tt_aV = new Array(), // Caches and enumerates config data for currently active tooltip
tt_sContent,   // Inner tooltip text or HTML
tt_t2t, tt_t2tDad,  // Tag converted to tip, and its DOM parent element
tt_musX, tt_musY,
tt_over,
tt_x, tt_y, tt_w, tt_h; // Position, width and height of currently displayed tooltip
function tt_Extension()
{
 tt_ExtCmdEnum();
 tt_aExt[tt_aExt.length] = this;
 return this;
}
function tt_SetTipPos(x, y)
{
 var css = tt_aElt[0].style;
 tt_x = x;
 tt_y = y;
 css.left = x + "px";
 css.top = y + "px";
 if(tt_ie56)
 {
  var ifrm = tt_aElt[tt_aElt.length - 1];
  if(ifrm)
  {
   ifrm.style.left = css.left;
   ifrm.style.top = css.top;
  }
 }
}
function tt_HideInit()
{
 if(tt_iState)
 {
  tt_ExtCallFncs(0, "HideInit");
  tt_iState &= ~(0x4 | 0x8);
  if(tt_flagOpa && tt_aV[FADEOUT])
  {
   tt_tFade.EndTimer();
   if(tt_opa)
   {
    var n = Math.round(tt_aV[FADEOUT] / (tt_aV[FADEINTERVAL] * (tt_aV[OPACITY] / tt_opa)));
    tt_Fade(tt_opa, tt_opa, 0, n);
    return;
   }
  }
  tt_tHide.Timer("tt_Hide();", 1, false);
 }
}
function tt_Hide()
{
 if(tt_db && tt_iState)
 {
  tt_OpReHref();
  if(tt_iState & 0x2)
  {
   tt_aElt[0].style.visibility = "hidden";
   tt_ExtCallFncs(0, "Hide");
  }
  tt_tShow.EndTimer();
  tt_tHide.EndTimer();
  tt_tDurt.EndTimer();
  tt_tFade.EndTimer();
  if(!tt_op && !tt_ie)
  {
   tt_tWaitMov.EndTimer();
   tt_bWait = false;
  }
  if(tt_aV[CLICKCLOSE] || tt_aV[CLICKSTICKY])
   tt_RemEvtFnc(document, "mouseup", tt_OnLClick);
  tt_ExtCallFncs(0, "Kill");
  // In case of a TagToTip tip, hide converted DOM node and
  // re-insert it into DOM
  if(tt_t2t && !tt_aV[COPYCONTENT])
   tt_UnEl2Tip();
  tt_iState = 0;
  tt_over = null;
  tt_ResetMainDiv();
  if(tt_aElt[tt_aElt.length - 1])
   tt_aElt[tt_aElt.length - 1].style.display = "none";
 }
}
function tt_GetElt(id)
{
 return(document.getElementById ? document.getElementById(id)
   : document.all ? document.all[id]
   : null);
}
function tt_GetDivW(el)
{
 return(el ? (el.offsetWidth || el.style.pixelWidth || 0) : 0);
}
function tt_GetDivH(el)
{
 return(el ? (el.offsetHeight || el.style.pixelHeight || 0) : 0);
}
function tt_GetScrollX()
{
 return(window.pageXOffset || (tt_db ? (tt_db.scrollLeft || 0) : 0));
}
function tt_GetScrollY()
{
 return(window.pageYOffset || (tt_db ? (tt_db.scrollTop || 0) : 0));
}
function tt_GetClientW()
{
 return tt_GetWndCliSiz("Width");
}
function tt_GetClientH()
{
 return tt_GetWndCliSiz("Height");
}
function tt_GetEvtX(e)
{
 return (e ? ((typeof(e.pageX) != tt_u) ? e.pageX : (e.clientX + tt_GetScrollX())) : 0);
}
function tt_GetEvtY(e)
{
 return (e ? ((typeof(e.pageY) != tt_u) ? e.pageY : (e.clientY + tt_GetScrollY())) : 0);
}
function tt_AddEvtFnc(el, sEvt, PFnc)
{
 if(el)
 {
  if(el.addEventListener)
   el.addEventListener(sEvt, PFnc, false);
  else
   el.attachEvent("on" + sEvt, PFnc);
 }
}
function tt_RemEvtFnc(el, sEvt, PFnc)
{
 if(el)
 {
  if(el.removeEventListener)
   el.removeEventListener(sEvt, PFnc, false);
  else
   el.detachEvent("on" + sEvt, PFnc);
 }
}
function tt_GetDad(el)
{
 return(el.parentNode || el.parentElement || el.offsetParent);
}
function tt_MovDomNode(el, dadFrom, dadTo)
{
 if(dadFrom)
  dadFrom.removeChild(el);
 if(dadTo)
  dadTo.appendChild(el);
}
//======================  PRIVATE  ===========================================//
var tt_aExt = new Array(), // Array of extension objects
tt_db, tt_op, tt_ie, tt_ie56, tt_bBoxOld, // Browser flags
tt_body,
tt_ovr_,    // HTML element the mouse is currently over
tt_flagOpa,    // Opacity support: 1=IE, 2=Khtml, 3=KHTML, 4=Moz, 5=W3C
tt_maxPosX, tt_maxPosY,
tt_iState = 0,   // Tooltip active |= 1, shown |= 2, move with mouse |= 4, exclusive |= 8
tt_opa,     // Currently applied opacity
tt_bJmpVert, tt_bJmpHorz,// Tip temporarily on other side of mouse
tt_elDeHref,   // The tag from which we've removed the href attribute
// Timer
tt_tShow = new Number(0), tt_tHide = new Number(0), tt_tDurt = new Number(0),
tt_tFade = new Number(0), tt_tWaitMov = new Number(0),
tt_bWait = false,
tt_u = "undefined";
function tt_Init()
{
 tt_MkCmdEnum();
 // Send old browsers instantly to hell
 if(!tt_Browser() || !tt_MkMainDiv())
  return;
 tt_IsW3cBox();
 tt_OpaSupport();
 tt_AddEvtFnc(document, "mousemove", tt_Move);
 // In Debug mode we search for TagToTip() calls in order to notify
 // the user if they've forgotten to set the TagsToTip config flag
 if(TagsToTip || tt_Debug)
  tt_SetOnloadFnc();
 // Ensure the tip be hidden when the page unloads
 tt_AddEvtFnc(window, "unload", tt_Hide);
}
// Creates command names by translating config variable names to upper case
function tt_MkCmdEnum()
{
 var n = 0;
 for(var i in config)
  eval("window." + i.toString().toUpperCase() + " = " + n++);
 tt_aV.length = n;
}
function tt_Browser()
{
 var n, nv, n6, w3c;
 n = navigator.userAgent.toLowerCase(),
 nv = navigator.appVersion;
 tt_op = (document.defaultView && typeof(eval("w" + "indow" + "." + "o" + "p" + "er" + "a")) != tt_u);
 tt_ie = n.indexOf("msie") != -1 && document.all && !tt_op;
 if(tt_ie)
 {
  var ieOld = (!document.compatMode || document.compatMode == "BackCompat");
  tt_db = !ieOld ? document.documentElement : (document.body || null);
  if(tt_db)
   tt_ie56 = parseFloat(nv.substring(nv.indexOf("MSIE") + 5)) >= 5.5
     && typeof document.body.style.maxHeight == tt_u;
 }
 else
 {
  tt_db = document.documentElement || document.body ||
    (document.getElementsByTagName ? document.getElementsByTagName("body")[0]
    : null);
  if(!tt_op)
  {
   n6 = document.defaultView && typeof document.defaultView.getComputedStyle != tt_u;
   w3c = !n6 && document.getElementById;
  }
 }
 tt_body = (document.getElementsByTagName ? document.getElementsByTagName("body")[0]
    : (document.body || null));
 if(tt_ie || n6 || tt_op || w3c)
 {
  if(tt_body && tt_db)
  {
   if(document.attachEvent || document.addEventListener)
    return true;
  }
  else
   tt_Err("wz_tooltip.js must be included INSIDE the body section,"
     + " immediately after the opening <body> tag.", false);
 }
 tt_db = null;
 return false;
}
function tt_MkMainDiv()
{
 // Create the tooltip DIV
 if(tt_body.insertAdjacentHTML)
  tt_body.insertAdjacentHTML("afterBegin", tt_MkMainDivHtm());
 else if(typeof tt_body.innerHTML != tt_u && document.createElement && tt_body.appendChild)
  tt_body.appendChild(tt_MkMainDivDom());
 if(window.tt_GetMainDivRefs /* FireFox Alzheimer */ && tt_GetMainDivRefs())
  return true;
 tt_db = null;
 return false;
}
function tt_MkMainDivHtm()
{
 return(
  '<div id="WzTtDiV"></div>' +
  (tt_ie56 ? ('<iframe id="WzTtIfRm" src="javascript:false" scrolling="no" frameborder="0" style="filter:Alpha(opacity=0);position:absolute;top:0px;left:0px;display:none;"></iframe>')
  : '')
 );
}
function tt_MkMainDivDom()
{
 var el = document.createElement("div");
 if(el)
  el.id = "WzTtDiV";
 return el;
}
function tt_GetMainDivRefs()
{
 tt_aElt[0] = tt_GetElt("WzTtDiV");
 if(tt_ie56 && tt_aElt[0])
 {
  tt_aElt[tt_aElt.length - 1] = tt_GetElt("WzTtIfRm");
  if(!tt_aElt[tt_aElt.length - 1])
   tt_aElt[0] = null;
 }
 if(tt_aElt[0])
 {
  var css = tt_aElt[0].style;
  css.visibility = "hidden";
  css.position = "absolute";
  css.overflow = "hidden";
  return true;
 }
 return false;
}
function tt_ResetMainDiv()
{
 tt_SetTipPos(0, 0);
 tt_aElt[0].innerHTML = "";
 tt_aElt[0].style.width = "0px";
 tt_h = 0;
}
function tt_IsW3cBox()
{
 var css = tt_aElt[0].style;
 css.padding = "10px";
 css.width = "40px";
 tt_bBoxOld = (tt_GetDivW(tt_aElt[0]) == 40);
 css.padding = "0px";
 tt_ResetMainDiv();
}
function tt_OpaSupport()
{
 var css = tt_body.style;
 tt_flagOpa = (typeof(css.KhtmlOpacity) != tt_u) ? 2
    : (typeof(css.KHTMLOpacity) != tt_u) ? 3
    : (typeof(css.MozOpacity) != tt_u) ? 4
    : (typeof(css.opacity) != tt_u) ? 5
    : (typeof(css.filter) != tt_u) ? 1
    : 0;
}
// Ported from http://dean.edwards.name/weblog/2006/06/again/
// (Dean Edwards et al.)
function tt_SetOnloadFnc()
{
 tt_AddEvtFnc(document, "DOMContentLoaded", tt_HideSrcTags);
 tt_AddEvtFnc(window, "load", tt_HideSrcTags);
 if(tt_body.attachEvent)
  tt_body.attachEvent("onreadystatechange",
   function() {
    if(tt_body.readyState == "complete")
     tt_HideSrcTags();
   } );
 if(/WebKit|KHTML/i.test(navigator.userAgent))
 {
  var t = setInterval(function() {
     if(/loaded|complete/.test(document.readyState))
     {
      clearInterval(t);
      tt_HideSrcTags();
     }
    }, 10);
 }
}
function tt_HideSrcTags()
{
 if(!window.tt_HideSrcTags || window.tt_HideSrcTags.done)
  return;
 window.tt_HideSrcTags.done = true;
 if(!tt_HideSrcTagsRecurs(tt_body))
  tt_Err("There are HTML elements to be converted to tooltips.\nIf you"
    + " want these HTML elements to be automatically hidden, you"
    + " must edit wz_tooltip.js, and set TagsToTip in the global"
    + " tooltip configuration to true.", true);
}
function tt_HideSrcTagsRecurs(dad)
{
 var ovr, asT2t;
 // Walk the DOM tree for tags that have an onmouseover or onclick attribute
 // containing a TagToTip('...') call.
 // (.childNodes first since .children is bugous in Safari)
 var a = dad.childNodes || dad.children || null;
 for(var i = a ? a.length : 0; i;)
 {--i;
  if(!tt_HideSrcTagsRecurs(a[i]))
   return false;
  ovr = a[i].getAttribute ? (a[i].getAttribute("onmouseover") || a[i].getAttribute("onclick"))
    : (typeof a[i].onmouseover == "function") ? (a[i].onmouseover || a[i].onclick)
    : null;
  if(ovr)
  {
   asT2t = ovr.toString().match(/TagToTip\s*\(\s*'[^'.]+'\s*[\),]/);
   if(asT2t && asT2t.length)
   {
    if(!tt_HideSrcTag(asT2t[0]))
     return false;
   }
  }
 }
 return true;
}
function tt_HideSrcTag(sT2t)
{
 var id, el;
 // The ID passed to the found TagToTip() call identifies an HTML element
 // to be converted to a tooltip, so hide that element
 id = sT2t.replace(/.+'([^'.]+)'.+/, "$1");
 el = tt_GetElt(id);
 if(el)
 {
  if(tt_Debug && !TagsToTip)
   return false;
  else
   el.style.display = "none";
 }
 else
  tt_Err("Invalid ID\n'" + id + "'\npassed to TagToTip()."
    + " There exists no HTML element with that ID.", true);
 return true;
}
function tt_Tip(arg, t2t)
{
 if(!tt_db || (tt_iState & 0x8))
  return;
 if(tt_iState)
  tt_Hide();
 if(!tt_Enabled)
  return;
 tt_t2t = t2t;
 if(!tt_ReadCmds(arg))
  return;
 tt_iState = 0x1 | 0x4;
 tt_AdaptConfig1();
 tt_MkTipContent(arg);
 tt_MkTipSubDivs();
 tt_FormatTip();
 tt_bJmpVert = false;
 tt_bJmpHorz = false;
 tt_maxPosX = tt_GetClientW() + tt_GetScrollX() - tt_w - 1;
 tt_maxPosY = tt_GetClientH() + tt_GetScrollY() - tt_h - 1;
 tt_AdaptConfig2();
 // Ensure the tip be shown and positioned before the first onmousemove
 tt_OverInit();
 tt_ShowInit();
 tt_Move();
}
function tt_ReadCmds(a)
{
 var i;
 // First load the global config values, to initialize also values
 // for which no command is passed
 i = 0;
 for(var j in config)
  tt_aV[i++] = config[j];
 // Then replace each cached config value for which a command is
 // passed (ensure the # of command args plus value args be even)
 if(a.length & 1)
 {
  for(i = a.length - 1; i > 0; i -= 2)
   tt_aV[a[i - 1]] = a[i];
  return true;
 }
 tt_Err("Incorrect call of Tip() or TagToTip().\n"
   + "Each command must be followed by a value.", true);
 return false;
}
function tt_AdaptConfig1()
{
 tt_ExtCallFncs(0, "LoadConfig");
 // Inherit unspecified title formattings from body
 if(!tt_aV[TITLEBGCOLOR].length)
  tt_aV[TITLEBGCOLOR] = tt_aV[BORDERCOLOR];
 if(!tt_aV[TITLEFONTCOLOR].length)
  tt_aV[TITLEFONTCOLOR] = tt_aV[BGCOLOR];
 if(!tt_aV[TITLEFONTFACE].length)
  tt_aV[TITLEFONTFACE] = tt_aV[FONTFACE];
 if(!tt_aV[TITLEFONTSIZE].length)
  tt_aV[TITLEFONTSIZE] = tt_aV[FONTSIZE];
 if(tt_aV[CLOSEBTN])
 {
  // Use title colours for non-specified closebutton colours
  if(!tt_aV[CLOSEBTNCOLORS])
   tt_aV[CLOSEBTNCOLORS] = new Array("", "", "", "");
  for(var i = 4; i;)
  {--i;
   if(!tt_aV[CLOSEBTNCOLORS][i].length)
    tt_aV[CLOSEBTNCOLORS][i] = (i & 1) ? tt_aV[TITLEFONTCOLOR] : tt_aV[TITLEBGCOLOR];
  }
  // Enforce titlebar be shown
  if(!tt_aV[TITLE].length)
   tt_aV[TITLE] = " ";
 }
 // Circumvents broken display of images and fade-in flicker in Geckos < 1.8
 if(tt_aV[OPACITY] == 100 && typeof tt_aElt[0].style.MozOpacity != tt_u && !Array.every)
  tt_aV[OPACITY] = 99;
 // Smartly shorten the delay for fade-in tooltips
 if(tt_aV[FADEIN] && tt_flagOpa && tt_aV[DELAY] > 100)
  tt_aV[DELAY] = Math.max(tt_aV[DELAY] - tt_aV[FADEIN], 100);
}
function tt_AdaptConfig2()
{
 if(tt_aV[CENTERMOUSE])
 {
  tt_aV[OFFSETX] -= ((tt_w - (tt_aV[SHADOW] ? tt_aV[SHADOWWIDTH] : 0)) >> 1);
  tt_aV[JUMPHORZ] = false;
 }
}
// Expose content globally so extensions can modify it
function tt_MkTipContent(a)
{
 if(tt_t2t)
 {
  if(tt_aV[COPYCONTENT])
   tt_sContent = tt_t2t.innerHTML;
  else
   tt_sContent = "";
 }
 else
  tt_sContent = a[0];
 tt_ExtCallFncs(0, "CreateContentString");
}
function tt_MkTipSubDivs()
{
 var sCss = 'position:relative;margin:0px;padding:0px;border-width:0px;left:0px;top:0px;line-height:normal;width:auto;',
 sTbTrTd = ' cellspacing="0" cellpadding="0" border="0" style="' + sCss + '"><tbody style="' + sCss + '"><tr><td ';
 tt_aElt[0].style.width = tt_GetClientW() + "px";
 tt_aElt[0].innerHTML =
  (''
  + (tt_aV[TITLE].length ?
   ('<div id="WzTiTl" style="position:relative;z-index:1;">'
   + '<table id="WzTiTlTb"' + sTbTrTd + 'id="WzTiTlI" style="' + sCss + '">'
   + tt_aV[TITLE]
   + '</td>'
   + (tt_aV[CLOSEBTN] ?
    ('<td align="right" style="' + sCss
    + 'text-align:right;">'
    + '<span id="WzClOsE" style="position:relative;left:2px;padding-left:2px;padding-right:2px;'
    + 'cursor:' + (tt_ie ? 'hand' : 'pointer')
    + ';" onmouseover="tt_OnCloseBtnOver(1)" onmouseout="tt_OnCloseBtnOver(0)" onclick="tt_HideInit()">'
    + tt_aV[CLOSEBTNTEXT]
    + '</span></td>')
    : '')
   + '</tr></tbody></table></div>')
   : '')
  + '<div id="WzBoDy" style="position:relative;z-index:0;">'
  + '<table' + sTbTrTd + 'id="WzBoDyI" style="' + sCss + '">'
  + tt_sContent
  + '</td></tr></tbody></table></div>'
  + (tt_aV[SHADOW]
   ? ('<div id="WzTtShDwR" style="position:absolute;overflow:hidden;"></div>'
    + '<div id="WzTtShDwB" style="position:relative;overflow:hidden;"></div>')
   : '')
  );
 tt_GetSubDivRefs();
 // Convert DOM node to tip
 if(tt_t2t && !tt_aV[COPYCONTENT])
  tt_El2Tip();
 tt_ExtCallFncs(0, "SubDivsCreated");
}
function tt_GetSubDivRefs()
{
 var aId = new Array("WzTiTl", "WzTiTlTb", "WzTiTlI", "WzClOsE", "WzBoDy", "WzBoDyI", "WzTtShDwB", "WzTtShDwR");
 for(var i = aId.length; i; --i)
  tt_aElt[i] = tt_GetElt(aId[i - 1]);
}
function tt_FormatTip()
{
 var css, w, h, pad = tt_aV[PADDING], padT, wBrd = tt_aV[BORDERWIDTH],
 iOffY, iOffSh, iAdd = (pad + wBrd) << 1;
 //--------- Title DIV ----------
 if(tt_aV[TITLE].length)
 {
  padT = tt_aV[TITLEPADDING];
  css = tt_aElt[1].style;
  css.background = tt_aV[TITLEBGCOLOR];
  css.paddingTop = css.paddingBottom = padT + "px";
  css.paddingLeft = css.paddingRight = (padT + 2) + "px";
  css = tt_aElt[3].style;
  css.color = tt_aV[TITLEFONTCOLOR];
  if(tt_aV[WIDTH] == -1)
   css.whiteSpace = "nowrap";
  css.fontFamily = tt_aV[TITLEFONTFACE];
  css.fontSize = tt_aV[TITLEFONTSIZE];
  css.fontWeight = "bold";
  css.textAlign = tt_aV[TITLEALIGN];
  // Close button DIV
  if(tt_aElt[4])
  {
   css = tt_aElt[4].style;
   css.background = tt_aV[CLOSEBTNCOLORS][0];
   css.color = tt_aV[CLOSEBTNCOLORS][1];
   css.fontFamily = tt_aV[TITLEFONTFACE];
   css.fontSize = tt_aV[TITLEFONTSIZE];
   css.fontWeight = "bold";
  }
  if(tt_aV[WIDTH] > 0)
   tt_w = tt_aV[WIDTH];
  else
  {
   tt_w = tt_GetDivW(tt_aElt[3]) + tt_GetDivW(tt_aElt[4]);
   // Some spacing between title DIV and closebutton
   if(tt_aElt[4])
    tt_w += pad;
   // Restrict auto width to max width
   if(tt_aV[WIDTH] < -1 && tt_w > -tt_aV[WIDTH])
    tt_w = -tt_aV[WIDTH];
  }
  // Ensure the top border of the body DIV be covered by the title DIV
  iOffY = -wBrd;
 }
 else
 {
  tt_w = 0;
  iOffY = 0;
 }
 //-------- Body DIV ------------
 css = tt_aElt[5].style;
 css.top = iOffY + "px";
 if(wBrd)
 {
  css.borderColor = tt_aV[BORDERCOLOR];
  css.borderStyle = tt_aV[BORDERSTYLE];
  css.borderWidth = wBrd + "px";
 }
 if(tt_aV[BGCOLOR].length)
  css.background = tt_aV[BGCOLOR];
 if(tt_aV[BGIMG].length)
  css.backgroundImage = "url(" + tt_aV[BGIMG] + ")";
 css.padding = pad + "px";
 css.textAlign = tt_aV[TEXTALIGN];
 if(tt_aV[HEIGHT])
 {
  css.overflow = "auto";
  if(tt_aV[HEIGHT] > 0)
   css.height = (tt_aV[HEIGHT] + iAdd) + "px";
  else
   tt_h = iAdd - tt_aV[HEIGHT];
 }
 // TD inside body DIV
 css = tt_aElt[6].style;
 css.color = tt_aV[FONTCOLOR];
 css.fontFamily = tt_aV[FONTFACE];
 css.fontSize = tt_aV[FONTSIZE];
 css.fontWeight = tt_aV[FONTWEIGHT];
 css.textAlign = tt_aV[TEXTALIGN];
 if(tt_aV[WIDTH] > 0)
  w = tt_aV[WIDTH];
 // Width like title (if existent)
 else if(tt_aV[WIDTH] == -1 && tt_w)
  w = tt_w;
 else
 {
  // Measure width of the body's inner TD, as some browsers would expand
  // the container and outer body DIV to 100%
  w = tt_GetDivW(tt_aElt[6]);
  // Restrict auto width to max width
  if(tt_aV[WIDTH] < -1 && w > -tt_aV[WIDTH])
   w = -tt_aV[WIDTH];
 }
 if(w > tt_w)
  tt_w = w;
 tt_w += iAdd;
 //--------- Shadow DIVs ------------
 if(tt_aV[SHADOW])
 {
  tt_w += tt_aV[SHADOWWIDTH];
  iOffSh = Math.floor((tt_aV[SHADOWWIDTH] * 4) / 3);
  // Bottom shadow
  css = tt_aElt[7].style;
  css.top = iOffY + "px";
  css.left = iOffSh + "px";
  css.width = (tt_w - iOffSh - tt_aV[SHADOWWIDTH]) + "px";
  css.height = tt_aV[SHADOWWIDTH] + "px";
  css.background = tt_aV[SHADOWCOLOR];
  // Right shadow
  css = tt_aElt[8].style;
  css.top = iOffSh + "px";
  css.left = (tt_w - tt_aV[SHADOWWIDTH]) + "px";
  css.width = tt_aV[SHADOWWIDTH] + "px";
  css.background = tt_aV[SHADOWCOLOR];
 }
 else
  iOffSh = 0;
 //-------- Container DIV -------
 tt_SetTipOpa(tt_aV[FADEIN] ? 0 : tt_aV[OPACITY]);
 tt_FixSize(iOffY, iOffSh);
}
// Fixate the size so it can't dynamically change while the tooltip is moving.
function tt_FixSize(iOffY, iOffSh)
{
 var wIn, wOut, h, add, pad = tt_aV[PADDING], wBrd = tt_aV[BORDERWIDTH], i;
 tt_aElt[0].style.width = tt_w + "px";
 tt_aElt[0].style.pixelWidth = tt_w;
 wOut = tt_w - ((tt_aV[SHADOW]) ? tt_aV[SHADOWWIDTH] : 0);
 // Body
 wIn = wOut;
 if(!tt_bBoxOld)
  wIn -= (pad + wBrd) << 1;
 tt_aElt[5].style.width = wIn + "px";
 // Title
 if(tt_aElt[1])
 {
  wIn = wOut - ((tt_aV[TITLEPADDING] + 2) << 1);
  if(!tt_bBoxOld)
   wOut = wIn;
  tt_aElt[1].style.width = wOut + "px";
  tt_aElt[2].style.width = wIn + "px";
 }
 // Max height specified
 if(tt_h)
 {
  h = tt_GetDivH(tt_aElt[5]);
  if(h > tt_h)
  {
   if(!tt_bBoxOld)
    tt_h -= (pad + wBrd) << 1;
   tt_aElt[5].style.height = tt_h + "px";
  }
 }
 tt_h = tt_GetDivH(tt_aElt[0]) + iOffY;
 // Right shadow
 if(tt_aElt[8])
  tt_aElt[8].style.height = (tt_h - iOffSh) + "px";
 i = tt_aElt.length - 1;
 if(tt_aElt[i])
 {
  tt_aElt[i].style.width = tt_w + "px";
  tt_aElt[i].style.height = tt_h + "px";
 }
}
function tt_DeAlt(el)
{
 var aKid;
 if(el)
 {
  if(el.alt)
   el.alt = "";
  if(el.title)
   el.title = "";
  aKid = el.childNodes || el.children || null;
  if(aKid)
  {
   for(var i = aKid.length; i;)
    tt_DeAlt(aKid[--i]);
  }
 }
}
// This hack removes the native tooltips over links in Opera
function tt_OpDeHref(el)
{
 if(!tt_op)
  return;
 if(tt_elDeHref)
  tt_OpReHref();
 while(el)
 {
  if(el.hasAttribute && el.hasAttribute("href"))
  {
   el.t_href = el.getAttribute("href");
   el.t_stats = window.status;
   el.removeAttribute("href");
   el.style.cursor = "hand";
   tt_AddEvtFnc(el, "mousedown", tt_OpReHref);
   window.status = el.t_href;
   tt_elDeHref = el;
   break;
  }
  el = tt_GetDad(el);
 }
}
function tt_OpReHref()
{
 if(tt_elDeHref)
 {
  tt_elDeHref.setAttribute("href", tt_elDeHref.t_href);
  tt_RemEvtFnc(tt_elDeHref, "mousedown", tt_OpReHref);
  window.status = tt_elDeHref.t_stats;
  tt_elDeHref = null;
 }
}
function tt_El2Tip()
{
 var css = tt_t2t.style;
 // Store previous positioning
 tt_t2t.t_cp = css.position;
 tt_t2t.t_cl = css.left;
 tt_t2t.t_ct = css.top;
 tt_t2t.t_cd = css.display;
 // Store the tag's parent element so we can restore that DOM branch
 // when the tooltip is being hidden
 tt_t2tDad = tt_GetDad(tt_t2t);
 tt_MovDomNode(tt_t2t, tt_t2tDad, tt_aElt[6]);
 css.display = "block";
 css.position = "static";
 css.left = css.top = css.marginLeft = css.marginTop = "0px";
}
function tt_UnEl2Tip()
{
 // Restore positioning and display
 var css = tt_t2t.style;
 css.display = tt_t2t.t_cd;
 tt_MovDomNode(tt_t2t, tt_GetDad(tt_t2t), tt_t2tDad);
 css.position = tt_t2t.t_cp;
 css.left = tt_t2t.t_cl;
 css.top = tt_t2t.t_ct;
 tt_t2tDad = null;
}
function tt_OverInit()
{
 if(window.event)
  tt_over = window.event.target || window.event.srcElement;
 else
  tt_over = tt_ovr_;
 tt_DeAlt(tt_over);
 tt_OpDeHref(tt_over);
}
function tt_ShowInit()
{
 tt_tShow.Timer("tt_Show()", tt_aV[DELAY], true);
 if(tt_aV[CLICKCLOSE] || tt_aV[CLICKSTICKY])
  tt_AddEvtFnc(document, "mouseup", tt_OnLClick);
}
function tt_Show()
{
 var css = tt_aElt[0].style;
 // Override the z-index of the topmost wz_dragdrop.js D&D item
 css.zIndex = Math.max((window.dd && dd.z) ? (dd.z + 2) : 0, 1010);
 if(tt_aV[STICKY] || !tt_aV[FOLLOWMOUSE])
  tt_iState &= ~0x4;
 if(tt_aV[EXCLUSIVE])
  tt_iState |= 0x8;
 if(tt_aV[DURATION] > 0)
  tt_tDurt.Timer("tt_HideInit()", tt_aV[DURATION], true);
 tt_ExtCallFncs(0, "Show")
 css.visibility = "visible";
 tt_iState |= 0x2;
 if(tt_aV[FADEIN])
  tt_Fade(0, 0, tt_aV[OPACITY], Math.round(tt_aV[FADEIN] / tt_aV[FADEINTERVAL]));
 tt_ShowIfrm();
}
function tt_ShowIfrm()
{
 if(tt_ie56)
 {
  var ifrm = tt_aElt[tt_aElt.length - 1];
  if(ifrm)
  {
   var css = ifrm.style;
   css.zIndex = tt_aElt[0].style.zIndex - 1;
   css.display = "block";
  }
 }
}
function tt_Move(e)
{
 if(e)
  tt_ovr_ = e.target || e.srcElement;
 e = e || window.event;
 if(e)
 {
  tt_musX = tt_GetEvtX(e);
  tt_musY = tt_GetEvtY(e);
 }
 if(tt_iState & 0x4)
 {
  // Prevent jam of mousemove events
  if(!tt_op && !tt_ie)
  {
   if(tt_bWait)
    return;
   tt_bWait = true;
   tt_tWaitMov.Timer("tt_bWait = false;", 1, true);
  }
  if(tt_aV[FIX])
  {
   tt_iState &= ~0x4;
   tt_PosFix();
  }
  else if(!tt_ExtCallFncs(e, "MoveBefore"))
   tt_SetTipPos(tt_Pos(0), tt_Pos(1));
  tt_ExtCallFncs([tt_musX, tt_musY], "MoveAfter")
 }
}
function tt_Pos(iDim)
{
 var iX, bJmpMod, cmdAlt, cmdOff, cx, iMax, iScrl, iMus, bJmp;
 // Map values according to dimension to calculate
 if(iDim)
 {
  bJmpMod = tt_aV[JUMPVERT];
  cmdAlt = ABOVE;
  cmdOff = OFFSETY;
  cx = tt_h;
  iMax = tt_maxPosY;
  iScrl = tt_GetScrollY();
  iMus = tt_musY;
  bJmp = tt_bJmpVert;
 }
 else
 {
  bJmpMod = tt_aV[JUMPHORZ];
  cmdAlt = LEFT;
  cmdOff = OFFSETX;
  cx = tt_w;
  iMax = tt_maxPosX;
  iScrl = tt_GetScrollX();
  iMus = tt_musX;
  bJmp = tt_bJmpHorz;
 }
 if(bJmpMod)
 {
  if(tt_aV[cmdAlt] && (!bJmp || tt_CalcPosAlt(iDim) >= iScrl + 16))
   iX = tt_PosAlt(iDim);
  else if(!tt_aV[cmdAlt] && bJmp && tt_CalcPosDef(iDim) > iMax - 16)
   iX = tt_PosAlt(iDim);
  else
   iX = tt_PosDef(iDim);
 }
 else
 {
  iX = iMus;
  if(tt_aV[cmdAlt])
   iX -= cx + tt_aV[cmdOff] - (tt_aV[SHADOW] ? tt_aV[SHADOWWIDTH] : 0);
  else
   iX += tt_aV[cmdOff];
 }
 // Prevent tip from extending past clientarea boundary
 if(iX > iMax)
  iX = bJmpMod ? tt_PosAlt(iDim) : iMax;
 // In case of insufficient space on both sides, ensure the left/upper part
 // of the tip be visible
 if(iX < iScrl)
  iX = bJmpMod ? tt_PosDef(iDim) : iScrl;
 return iX;
}
function tt_PosDef(iDim)
{
 if(iDim)
  tt_bJmpVert = tt_aV[ABOVE];
 else
  tt_bJmpHorz = tt_aV[LEFT];
 return tt_CalcPosDef(iDim);
}
function tt_PosAlt(iDim)
{
 if(iDim)
  tt_bJmpVert = !tt_aV[ABOVE];
 else
  tt_bJmpHorz = !tt_aV[LEFT];
 return tt_CalcPosAlt(iDim);
}
function tt_CalcPosDef(iDim)
{
 return iDim ? (tt_musY + tt_aV[OFFSETY]) : (tt_musX + tt_aV[OFFSETX]);
}
function tt_CalcPosAlt(iDim)
{
 var cmdOff = iDim ? OFFSETY : OFFSETX;
 var dx = tt_aV[cmdOff] - (tt_aV[SHADOW] ? tt_aV[SHADOWWIDTH] : 0);
 if(tt_aV[cmdOff] > 0 && dx <= 0)
  dx = 1;
 return((iDim ? (tt_musY - tt_h) : (tt_musX - tt_w)) - dx);
}
function tt_PosFix()
{
 var iX, iY;
 if(typeof(tt_aV[FIX][0]) == "number")
 {
  iX = tt_aV[FIX][0];
  iY = tt_aV[FIX][1];
 }
 else
 {
  if(typeof(tt_aV[FIX][0]) == "string")
   el = tt_GetElt(tt_aV[FIX][0]);
  // First slot in array is direct reference to HTML element
  else
   el = tt_aV[FIX][0];
  iX = tt_aV[FIX][1];
  iY = tt_aV[FIX][2];
  // By default, vert pos is related to bottom edge of HTML element
  if(!tt_aV[ABOVE] && el)
   iY += tt_GetDivH(el);
  for(; el; el = el.offsetParent)
  {
   iX += el.offsetLeft || 0;
   iY += el.offsetTop || 0;
  }
 }
 // For a fixed tip positioned above the mouse, use the bottom edge as anchor
 // (recommended by Christophe Rebeschini, 31.1.2008)
 if(tt_aV[ABOVE])
  iY -= tt_h;
 tt_SetTipPos(iX, iY);
}
function tt_Fade(a, now, z, n)
{
 if(n)
 {
  now += Math.round((z - now) / n);
  if((z > a) ? (now >= z) : (now <= z))
   now = z;
  else
   tt_tFade.Timer(
    "tt_Fade("
    + a + "," + now + "," + z + "," + (n - 1)
    + ")",
    tt_aV[FADEINTERVAL],
    true
   );
 }
 now ? tt_SetTipOpa(now) : tt_Hide();
}
function tt_SetTipOpa(opa)
{
 // To circumvent the opacity nesting flaws of IE, we set the opacity
 // for each sub-DIV separately, rather than for the container DIV.
 tt_SetOpa(tt_aElt[5], opa);
 if(tt_aElt[1])
  tt_SetOpa(tt_aElt[1], opa);
 if(tt_aV[SHADOW])
 {
  opa = Math.round(opa * 0.8);
  tt_SetOpa(tt_aElt[7], opa);
  tt_SetOpa(tt_aElt[8], opa);
 }
}
function tt_OnCloseBtnOver(iOver)
{
 var css = tt_aElt[4].style;
 iOver <<= 1;
 css.background = tt_aV[CLOSEBTNCOLORS][iOver];
 css.color = tt_aV[CLOSEBTNCOLORS][iOver + 1];
}
function tt_OnLClick(e)
{
 //  Ignore right-clicks
 e = e || window.event;
 if(!((e.button && e.button & 2) || (e.which && e.which == 3)))
 {
  if(tt_aV[CLICKSTICKY] && (tt_iState & 0x4))
  {
   tt_aV[STICKY] = true;
   tt_iState &= ~0x4;
  }
  else if(tt_aV[CLICKCLOSE])
   tt_HideInit();
 }
}
function tt_Int(x)
{
 var y;
 return(isNaN(y = parseInt(x)) ? 0 : y);
}
Number.prototype.Timer = function(s, iT, bUrge)
{
 if(!this.value || bUrge)
  this.value = window.setTimeout(s, iT);
}
Number.prototype.EndTimer = function()
{
 if(this.value)
 {
  window.clearTimeout(this.value);
  this.value = 0;
 }
}
function tt_GetWndCliSiz(s)
{
 var db, y = window["inner" + s], sC = "client" + s, sN = "number";
 if(typeof y == sN)
 {
  var y2;
  return(
   // Gecko or Opera with scrollbar
   // ... quirks mode
   ((db = document.body) && typeof(y2 = db[sC]) == sN && y2 &&  y2 <= y) ? y2 
   // ... strict mode
   : ((db = document.documentElement) && typeof(y2 = db[sC]) == sN && y2 && y2 <= y) ? y2
   // No scrollbar, or clientarea size == 0, or other browser (KHTML etc.)
   : y
  );
 }
 // IE
 return(
  // document.documentElement.client+s functional, returns > 0
  ((db = document.documentElement) && (y = db[sC])) ? y
  // ... not functional, in which case document.body.client+s 
  // is the clientarea size, fortunately
  : document.body[sC]
 );
}
function tt_SetOpa(el, opa)
{
 var css = el.style;
 tt_opa = opa;
 if(tt_flagOpa == 1)
 {
  if(opa < 100)
  {
   // Hacks for bugs of IE:
   // 1.) Once a CSS filter has been applied, fonts are no longer
   // anti-aliased, so we store the previous 'non-filter' to be
   // able to restore it
   if(typeof(el.filtNo) == tt_u)
    el.filtNo = css.filter;
   // 2.) A DIV cannot be made visible in a single step if an
   // opacity < 100 has been applied while the DIV was hidden
   var bVis = css.visibility != "hidden";
   // 3.) In IE6, applying an opacity < 100 has no effect if the
   //    element has no layout (position, size, zoom, ...)
   css.zoom = "100%";
   if(!bVis)
    css.visibility = "visible";
   css.filter = "alpha(opacity=" + opa + ")";
   if(!bVis)
    css.visibility = "hidden";
  }
  else if(typeof(el.filtNo) != tt_u)
   // Restore 'non-filter'
   css.filter = el.filtNo;
 }
 else
 {
  opa /= 100.0;
  switch(tt_flagOpa)
  {
  case 2:
   css.KhtmlOpacity = opa; break;
  case 3:
   css.KHTMLOpacity = opa; break;
  case 4:
   css.MozOpacity = opa; break;
  case 5:
   css.opacity = opa; break;
  }
 }
}
function tt_Err(sErr, bIfDebug)
{
 if(tt_Debug || !bIfDebug)
  alert("Tooltip Script Error Message:\n\n" + sErr);
}
//============  EXTENSION (PLUGIN) MANAGER  ===============//
function tt_ExtCmdEnum()
{
 var s;
 // Add new command(s) to the commands enum
 for(var i in config)
 {
  s = "window." + i.toString().toUpperCase();
  if(eval("typeof(" + s + ") == tt_u"))
  {
   eval(s + " = " + tt_aV.length);
   tt_aV[tt_aV.length] = null;
  }
 }
}
function tt_ExtCallFncs(arg, sFnc)
{
 var b = false;
 for(var i = tt_aExt.length; i;)
 {--i;
  var fnc = tt_aExt[i]["On" + sFnc];
  // Call the method the extension has defined for this event
  if(fnc && fnc(arg))
   b = true;
 }
 return b;
}
tt_Init();
/*
tip_followscroll.js v. 1.11
The latest version is available at
http://www.walterzorn.com
or http://www.devira.com
or http://www.walterzorn.de
Initial author: Walter Zorn
Last modified: 3.6.2008
Extension for the tooltip library wz_tooltip.js.
Lets a "sticky" tooltip keep its position inside the clientarea if the window
is scrolled.
*/
// Make sure that the core file wz_tooltip.js is included first
if(typeof config == "undefined")
 alert("Error:\nThe core tooltip script file 'wz_tooltip.js' must be included first, before the plugin files!");
// Here we define new global configuration variable(s) (as members of the
// predefined "config." class).
// From each of these config variables, wz_tooltip.js will automatically derive
// a command which can be passed to Tip() or TagToTip() in order to customize
// tooltips individually. These command names are just the config variable
// name(s) translated to uppercase,
// e.g. from config. FollowScroll a command FOLLOWSCROLL will automatically be
// created.
//=================== GLOBAL TOOLTIP CONFIGURATION ======================//
config. FollowScroll = false  // true or false - set to true if you want this to be the default behaviour
//======= END OF TOOLTIP CONFIG, DO NOT CHANGE ANYTHING BELOW ==============//
// Create a new tt_Extension object (make sure that the name of that object,
// here fscrl, is unique amongst the extensions available for
// wz_tooltips.js):
var fscrl = new tt_Extension();
// Implement extension eventhandlers on which our extension should react
fscrl.OnShow = function()
{
 if(tt_aV[FOLLOWSCROLL])
 {
  // Permit FOLLOWSCROLL only if the tooltip is sticky
  if(tt_aV[STICKY])
  {
   var x = tt_x - tt_GetScrollX(), y = tt_y - tt_GetScrollY();
   if(tt_ie)
   {
    fscrl.MoveOnScrl.offX = x;
    fscrl.MoveOnScrl.offY = y;
    fscrl.AddRemEvtFncs(tt_AddEvtFnc);
   }
   else
   {
    tt_SetTipPos(x, y);
    tt_aElt[0].style.position = "fixed";
   }
   return true;
  }
  tt_aV[FOLLOWSCROLL] = false;
 }
 return false;
};
fscrl.OnHide = function()
{
 if(tt_aV[FOLLOWSCROLL])
 {
  if(tt_ie)
   fscrl.AddRemEvtFncs(tt_RemEvtFnc);
  else
   tt_aElt[0].style.position = "absolute";
 }
};
// Helper functions (encapsulate in the class to avoid conflicts with other
// extensions)
fscrl.MoveOnScrl = function()
{
 tt_SetTipPos(fscrl.MoveOnScrl.offX + tt_GetScrollX(), fscrl.MoveOnScrl.offY + tt_GetScrollY());
};
fscrl.AddRemEvtFncs = function(PAddRem)
{
 PAddRem(window, "resize", fscrl.MoveOnScrl);
 PAddRem(window, "scroll", fscrl.MoveOnScrl);
};
/*
tip_centerwindow.js  v. 1.21
The latest version is available at
http://www.walterzorn.com
or http://www.devira.com
or http://www.walterzorn.de
Initial author: Walter Zorn
Last modified: 3.6.2008
Extension for the tooltip library wz_tooltip.js.
Centers a sticky tooltip in the window's visible clientarea,
optionally even if the window is being scrolled or resized.
*/
// Make sure that the core file wz_tooltip.js is included first
if(typeof config == "undefined")
 alert("Error:\nThe core tooltip script file 'wz_tooltip.js' must be included first, before the plugin files!");
// Here we define new global configuration variable(s) (as members of the
// predefined "config." class).
// From each of these config variables, wz_tooltip.js will automatically derive
// a command which can be passed to Tip() or TagToTip() in order to customize
// tooltips individually. These command names are just the config variable
// name(s) translated to uppercase,
// e.g. from config. CenterWindow a command CENTERWINDOW will automatically be
// created.
//===================  GLOBAL TOOLTIP CONFIGURATION  =========================//
config. CenterWindow = false // true or false - set to true if you want this to be the default behaviour
config. CenterAlways = false // true or false - recenter if window is resized or scrolled
//=======  END OF TOOLTIP CONFIG, DO NOT CHANGE ANYTHING BELOW  ==============//
// Create a new tt_Extension object (make sure that the name of that object,
// here ctrwnd, is unique amongst the extensions available for
// wz_tooltips.js):
var ctrwnd = new tt_Extension();
// Implement extension eventhandlers on which our extension should react
ctrwnd.OnLoadConfig = function()
{
 if(tt_aV[CENTERWINDOW])
 {
  // Permit CENTERWINDOW only if the tooltip is sticky
  if(tt_aV[STICKY])
  {
   if(tt_aV[CENTERALWAYS])
   {
    // IE doesn't support style.position "fixed"
    if(tt_ie)
     tt_AddEvtFnc(window, "scroll", Ctrwnd_DoCenter);
    else
     tt_aElt[0].style.position = "fixed";
    tt_AddEvtFnc(window, "resize", Ctrwnd_DoCenter);
   }
   return true;
  }
  tt_aV[CENTERWINDOW] = false;
 }
 return false;
};
// We react on the first OnMouseMove event to center the tip on that occasion
ctrwnd.OnMoveBefore = Ctrwnd_DoCenter;
ctrwnd.OnKill = function()
{
 if(tt_aV[CENTERWINDOW] && tt_aV[CENTERALWAYS])
 {
  tt_RemEvtFnc(window, "resize", Ctrwnd_DoCenter);
  if(tt_ie)
   tt_RemEvtFnc(window, "scroll", Ctrwnd_DoCenter);
  else
   tt_aElt[0].style.position = "absolute";
 }
 return false;
};
// Helper function
function Ctrwnd_DoCenter()
{
 if(tt_aV[CENTERWINDOW])
 {
  var x, y, dx, dy;
  // Here we use some functions and variables (tt_w, tt_h) which the
  // extension API of wz_tooltip.js provides for us
  if(tt_ie || !tt_aV[CENTERALWAYS])
  {
   dx = tt_GetScrollX();
   dy = tt_GetScrollY();
  }
  else
  {
   dx = 0;
   dy = 0;
  }
  // Position the tip, offset from the center by OFFSETX and OFFSETY
  x = (tt_GetClientW() - tt_w) / 2 + dx + tt_aV[OFFSETX];
  y = (tt_GetClientH() - tt_h) / 2 + dy + tt_aV[OFFSETY];
  tt_SetTipPos(x, y);
  return true;
 }
 return false;
}