function menu() {
	var sfEls = document.getElementById("nav").getElementsByTagName("LI");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" sfhover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace("sfhover", "");
		}
	}	
}

window.onload = function() {
	menu();
	
	if(document.getElementById('tabs')) {
		var tabView = new YAHOO.widget.TabView('tabs');
	    var tab1 = tabView.getTab(1); 
	     
	    function handleClick(e) {   
	        load();
	    } 
	     
	    tab1.addListener('click', handleClick); 
	}
	MM_swapImage('hetweer','','http://portal.telegraafnet.nl/weeranimatie/weeranimatie.gen.gif',0);
}

/**
 * Kavel informatie ophalen volgens id
 */
function show_kavelinfo(id){
	
	/**
	 * AJAX callback object
	 *
	 * success: wordt uitgevoerd na succesvolle request
	 * failure: uitgevoerd na gefaalde request
	 * timeout: aantal milliseconden waarna een timeout moet worden gegeven
	 */
	 
	var callback = {
		success: function(oSuccess) {
			/**
			 * XML data ophalen
			 */
			var kavel 			= oSuccess.responseXML.getElementsByTagName('kavel')[0];
			var kavel_id 		= kavel.getElementsByTagName('id')[0].firstChild.nodeValue;
			var kavel_naam 		= kavel.getElementsByTagName('naam')[0].firstChild.nodeValue;
			var kavel_type		= kavel.getElementsByTagName('type')[0].firstChild.nodeValue;
			var kavel_image		= kavel.getElementsByTagName('image')[0].firstChild.nodeValue;
			var kavel_descr		= kavel.getElementsByTagName('descr')[0].firstChild.nodeValue;

			/**
			 * Target elementen
			 */
			var container 		= document.getElementById('meer_info_p');
			 
			var categorie		= document.getElementById('categorie_p');
			var image 			= document.getElementById('image');
			var beschrijving	= document.getElementById('beschrijving');

			
			/**
			 * Waardes toewijzen
			 */
			categorie.innerHTML		= kavel_type+': '+ kavel_naam;
			//beschrijving.innerHTML 	= kavel_descr;
			image.innerHTML			=  kavel_image + kavel_descr + '<br><br><a href="/index2.php?pid=11&taalkeuze=1&r_kavel=' +kavel_id +'">Informeer naar beschikbaarheid</a>';

		},
		
		failure: function(oFailure) {
			// als het fout gaat
		},
		
		timeout: 2000
	};
	
	// Ajax request maken
	 
	YAHOO.util.Connect.asyncRequest('GET', '/xml/chalets.xml.php?id='+id, callback);
	 
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  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) { //v4.01
  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 && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  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];}
}