//////////////////////////////////////////////////////////////////////////////////////
// script om png's in IE 5.5-7 goed te tonen - Marion de Groot 23 februari 2007		//
//																					//
// De functies om achtergrondpngtjes correct te tonen zijn in principe generiek:	//
// function initshowPNGbg(), showPNGbg() en filteren(el, s)							//
// je moet alleen zorgen dat verzamel_PNGbg() de gewenste elementen verzamelt;		//
// De functies hoveren() en uitgehoverd() zijn specifiek voor ons menu - dat komt	//
// omdat css psuedo-classes (bv ':hover') niet te scripten zijn met JavaScript		//
//////////////////////////////////////////////////////////////////////////////////////
 

var achtergrondurl ="";
 
function verzamel_PNGbg(){ 
// maak array van de menu elementen met PNG background		
		var verzameling = new Array(); 
		var a = document.getElementById('menuitems');
		verzameling[0]= a;
		var b = a.getElementsByTagName('a');
		for(var teller=0;teller<b.length;teller++){
		 	verzameling[(teller+1)]=b[teller];
		}
		if(document.getElementById('bottom')){
			var c = document.getElementById('bottom');
		}
		else{
			var c = document.getElementById('bottom2');
		}
		verzameling[(teller+1)]=c;
		return verzameling;
}

function filteren(el, s){		
	if (document.body.filters) {			
		el.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+s+",sizingMethod='crop')";		
		// De volgende if is specifiek gericht op de niet actieve menu-items
		// twee eventhandlers om a:hover na te bootsen
		if(!el.className && el.tagName=='A'){										
			el.onmouseover = hoveren; 
			el.onmouseout = uitgehoverd; 
		}
	}
}

function initshowPNGbg(){
	if(document.getElementById('menuitems')){
		var el_metPNGbg = verzamel_PNGbg();		
		// Fix van IE 5.5 tot 7, 7 zou het goed moeten doen
	 	var version = navigator.appVersion.split("MSIE");
		version = parseFloat(version[1]);		
		if ((version >= 5.5) && (version < 7.0)) {
	  		for(var i=0;i<el_metPNGbg.length;i++){
				var el = el_metPNGbg[i];
				showPNGbg(el);			
			}
		}
	}
}

function showPNGbg(el){	
	var bgImg = el.style.backgroundImage || el.currentStyle.backgroundImage;		
	if(bgImg.match(/^url[("']+(.*\.png)[)"']+$/i)){	
		var s = RegExp.$1;					
		el.style.width = el.offsetWidth+'px';
		el.style.height = el.offsetHeight+'px';				
		el.style.background = 'none';	
		el.style.position = 'relative';	
		el.style.cursor ='pointer';
		achtergrondurl = s;							
		filteren(el, s);				
	}
}

function hoveren(){	
	this.className = "ie5"; // schakelt de a:hover uit	
	var bgurl = achtergrondurl.split('/');
	bgurl.pop();
	bgurl.push('menulink-back.png');
	var hoverbg = bgurl.join('/');
	this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+hoverbg+",sizingMethod='crop')";		
}

function uitgehoverd() {	
	var bgurl = achtergrondurl.split('/');
	bgurl.pop();
	bgurl.push('menu-back.png');
	var bg = bgurl.join('/');	
	this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src="+bg+",sizingMethod='crop')";		
}

if(window.attachEvent)window.attachEvent("onload",initshowPNGbg);