/**
* Returns an XMLHttp instance to use for asynchronous
* downloading. This method will never throw an exception, but will
* return NULL if the browser does not support XmlHttp for any reason.
* @return {XMLHttpRequest|Null}
*/
/** google analytics */
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-1507143-37', 'slapeninlimburg.nl');
  ga('send', 'pageview');


function createXmlHttpRequest() {
 try {
   if (typeof ActiveXObject != 'undefined') {
     return new ActiveXObject('Microsoft.XMLHTTP');
   } else if (window["XMLHttpRequest"]) {
     return new XMLHttpRequest();
   }
 } catch (e) {
   changeStatus(e);
 }
 return null;
};

/**
* This functions wraps XMLHttpRequest open/send function.
* It lets you specify a URL and will call the callback if
* it gets a status code of 200.
* @param {String} url The URL to retrieve
* @param {Function} callback The function to call once retrieved.
*/
function downloadUrl(url, callback) {
 var status = -1;
 var request = createXmlHttpRequest();
 if (!request) {
   return false;
 }

 request.onreadystatechange = function() {
   if (request.readyState == 4) {
     try {
       status = request.status;
     } catch (e) {
       // Usually indicates request timed out in FF.
     }
     if ((status == 200) || (status == 0)) {
       callback(request.responseText, request.status);
       request.onreadystatechange = function() {};
     }
   }
 }
 request.open('GET', url, true);
 try {
   request.send(null);
 } catch (e) {
   changeStatus(e);
 }
};

/**
 * Parses the given XML string and returns the parsed document in a
 * DOM data structure. This function will return an empty DOM node if
 * XML parsing is not supported in this browser.
 * @param {string} str XML string.
 * @return {Element|Document} DOM.
 */
function xmlParse(str) {
  if (typeof ActiveXObject != 'undefined' && typeof GetObject != 'undefined') {
    var doc = new ActiveXObject('Microsoft.XMLDOM');
    doc.loadXML(str);
    return doc;
  }

  if (typeof DOMParser != 'undefined') {
    return (new DOMParser()).parseFromString(str, 'text/xml');
  }

  return createElement('div', null);
}

/**
 * Appends a JavaScript file to the page.
 * @param {string} url
 */
function downloadScript(url) {
  var script = document.createElement('script');
  script.src = url;
  document.body.appendChild(script);
}
$(document).ready(function() {
    $('.pics').cycle({
		fx: 'fade',
		speed: 3000,
		timeout: 2,
		delay:  -4000
	});
	$('.picst').cycle({
		fx: 'fade',
		speed: 3000,
		timeout: 2,
		delay:  -4000
	});
	$(".extLink").fancybox({
         'width' : 850,
         'height' : 640,
         'autoScale' : false,
         'transitionIn' : 'none',
         'transitionOut' : 'none',
         'type' : 'iframe'
     });
});

//Cufon.replace('.vmenus',{hover:true,hoverables:{a:true}});
//Cufon.replace('.vmenus', { fontFamily: 'James Fajardo' }); 

function SwitchMenu(obj){
	if(document.getElementById){
	var el = document.getElementById(obj);
	var ar = document.getElementById("cont").getElementsByTagName("DIV");
		if(el.style.display == "none"){
			for (var i=0; i<ar.length; i++){
				ar[i].style.display = "none";
			}
			el.style.display = "block";
		}else{
			el.style.display = "none";
		}
	}
}
function ChangeClass(menu, newClass) { 
	 if (document.getElementById) { 
	 	document.getElementById(menu).className = newClass;
	 } 
} 
document.onselectstart = new Function("return true");

function MM_jumpMenu(targ,selObj,restore)
{
	eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
	if (restore) selObj.selectedIndex=0;
}

function openpopupwindow(url) {
	popUpWin = window.open(url,'demoWin','toolbar=0,location=no,directories=0,status=0,menubar=0,scrollbars=1,resizable=0,width=730,height=500');

	if (navigator.appName == 'Netscape') {
	popUpWin.focus();
	}
}
function MM_swapImgRestore() 
{
	var i,x,a=document.MM_sr;
	for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d)
{
	var p,i,x;
	if(!d) d=document;
	if((p=n.indexOf("?"))>0&&parent.frames.length)
	{
		d=parent.frames[n.substring(p+1)].document;
		n=n.substring(0,p);
	}
	if(!(x=d[n])&&d.all) x=d.all[n];
	for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
	for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
	if(!x && document.getElementById) x=document.getElementById(n);
	return x;
}

function MM_swapImage()
{
	var i,j=0,x,a=MM_swapImage.arguments;
	document.MM_sr=new Array;
	for(i=0;i<(a.length-2);i+=3)
	if ((x=MM_findObj(a[i]))!=null)
	{
		document.MM_sr[j++]=x;
		if(!x.oSrc) x.oSrc=x.src;
		x.src=a[i+2];
	}
}
    //<![CDATA[
  	var map;
  	var gicons = [];
  	var infowindow = new google.maps.InfoWindow(
  	{ 
   	 maxWidth: 300 
  	});

	gicons["meerdere"] = new google.maps.MarkerImage("Diversen.png",     
      new google.maps.Size(14, 29),      
      new google.maps.Point(0,0),      
      new google.maps.Point(6, 20));
    gicons["benb"] = new google.maps.MarkerImage("benb.png",     
      new google.maps.Size(14, 29),      
      new google.maps.Point(0,0),      
      new google.maps.Point(6, 20));
    gicons["app"] = new google.maps.MarkerImage("app.png",     
      new google.maps.Size(14, 29),      
      new google.maps.Point(0,0),      
      new google.maps.Point(6, 20));
     gicons["camping"] = new google.maps.MarkerImage("Camping.png",     
      new google.maps.Size(14, 29),      
      new google.maps.Point(0,0),      
      new google.maps.Point(6, 20));
    gicons["hotel"] = new google.maps.MarkerImage("Hotel.png",     
      new google.maps.Size(14, 29),      
      new google.maps.Point(0,0),      
      new google.maps.Point(6, 20));
     gicons["woning"] = new google.maps.MarkerImage("Vakantiewoning.png",     
      new google.maps.Size(14, 29),      
      new google.maps.Point(0,0),      
      new google.maps.Point(6, 20));
    gicons["groep"] = new google.maps.MarkerImage("groep.png",     
      new google.maps.Size(14, 29),      
      new google.maps.Point(0,0),      
      new google.maps.Point(6, 20));
        
	var iconShadow = new google.maps.MarkerImage('shadow.png',
      // The shadow image is larger in the horizontal dimension
      // while the position and offset are the same as for the main image.
      new google.maps.Size(22, 20),
      new google.maps.Point(0,0),
      new google.maps.Point(6, 20));


  function initialize() {
    var myLatlng = new google.maps.LatLng(51.4516446, 6.0523973);
    var myOptions = {
      zoom: 11,
      center: myLatlng,
      mapTypeControl: true,
      mapTypeControlOptions: {
        style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
      },
      zoomControl: true,
      zoomControlOptions: {
        style: google.maps.ZoomControlStyle.SMALL
      },      
      mapTypeId: google.maps.MapTypeId.ROADMAP      
    }
    var noPoi = [
	{
    featureType: "poi",
    stylers: [
      { visibility: "off" }
    ]   
  	}
	];

        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    map.setOptions({styles: noPoi});
     downloadUrl("/xml/outputleden.xml?nocache=20240427120437000000", function(doc) {
  var xml = xmlParse(doc);
  var markers = xml.documentElement.getElementsByTagName("marker");
      for (var i = 0; i < markers.length; i++) {
	      var name = markers[i].getAttribute("name");
	      var address = markers[i].getAttribute("address");
          var postcode = markers[i].getAttribute("postcode");
          var woonplaats = markers[i].getAttribute("woonplaats");
          var telefoon = markers[i].getAttribute("telefoon");
          var website = markers[i].getAttribute("website");
          var type = markers[i].getAttribute("type");
          var lat = parseFloat(markers[i].getAttribute("lat"));
          var lng = parseFloat(markers[i].getAttribute("lng"));
          var point = new google.maps.LatLng(lat,lng);          
          
          var html = "<div id=\"infoWindow\"><b>" + name + "</b> <br/>" + address + "<br/>" + postcode +  " " + woonplaats  + "<br/> T  " + telefoon + "<br/><a title='" + website + "' href='http://" + website + "' target=_blank><b>Website</b></a>"+
'<p style="padding:0" align="left"><br /><b>Routeplanner:</b> <span style="font-size: 8pt">(geef een adres in)</span><br />'+
'<form id="route_form" action="http://maps.google.nl/maps" target="_blank">'+
'<input type="hidden" name="f" value="d" /><input type="hidden" name="hl" value="nl" /><input type="hidden" name="sll" value /><input type="hidden" name="sspn" value /><input type="hidden" id="d_daddr" name="daddr" value="' + lat + ',' + lng + '" />'+
'<input id="route_input" type="text" name="saddr" tabindex="6" size="26" style="width: 175px; margin-right: 5px;" />'+
'<input style="font-size: 8pt; margin-bottom: 5px" type="submit" name="btnG" tabindex="8" value="Toon Route" /></p>'+
'</div>';
          
          // create the marker
          var marker = createMarker(point,name,html,type);

       }

     });
  }

  function createMarker(latlng,name,html,type) {
    var contentString = html;
    var marker = new google.maps.Marker({
        position: latlng,
        icon: gicons[type],
        shadow: iconShadow,
        map: map,
        title: name,
        zIndex: Math.round(latlng.lat()*-100000)<<5
        });
       
    google.maps.event.addListener(marker, 'click', function() {
        infowindow.setContent(contentString); 
        infowindow.open(map,marker);
        });
}
   //]]>