var element = "foldoutmenu";
var browser;
var oldcolor;
var timer;
var pos;
var laatsteFoldout;
var intTeller = 0;

function setBg(sender, image) {
		sender.style.backgroundImage = image;
		document.getElementById('textvak4Blok7').style.visibility = "hidden";
}
 
function bgI(sender) {
		oldcolor = sender.style.backgroundColor;
		setBg(sender, 'url(/Site/Presentation/Design/GeneralImages/Backgrounds/menuBGBlue.png)');
		
}

function bgO(sender) {
		setBg(sender, 'url(/Site/Presentation/Design/GeneralImages/Backgrounds/menuBGGreen.png)');
		//document.getElementById('textvak4Blok7').style.visibility = "visible";
		//setTimeout('document.getElementById(textvak4Blok7).style.visibility = "visible"', 500);
		
}

function showControl()
{
	alert('ok');
	//document.getElementById(strControle).style.visibility = "visible";
}

function detectBrowser(){
        browser=navigator.appName; 
        /*alert("Browser name: "+ browser); */
}

function show(sender, position){
	clearTimeout(timer);
	if (laatsteFoldout !=null){
	document.getElementById(laatsteFoldout).style.visibility = "hidden";
	}
	
    detectBrowser();
    
    var positie;
    if (browser == "Netscape"){
        positie = 30 * position;
    }
    else{
        /* internet explorer settings */
        /* terug van 32 naar 30 aangepast omdat we geen gebruik meer maken van margins. */
        positie = 0 * position;
    }
    
    //pas de achtergrondeimage en de fontcolor van de initieel geselecteerde kleur aan.
    document.getElementById('tdInitialSelected').style.backgroundImage='url(/Site/Presentation/Design/GeneralImages/Backgrounds/menuBGGreen.png)';
    //Alleen bij de eerste hover over een menuelement   
    if(intTeller == 0)
    {
		//alert (intTeller);
		document.getElementById('tdInitialSelected2').style.color = '#374e10';
		intTeller = intTeller + 1;
    }
    
    var foldoutmenu = element+position;
       
    document.getElementById(foldoutmenu).style.visibility = "visible";
    document.getElementById(foldoutmenu).style.top = positie.toString() + "px";
    document.getElementById(foldoutmenu).style.left = "239px";
    document.getElementById(foldoutmenu).style.margin = "1px 0px 0px 0px";
    
}


function hide(sender, position){

	//setTimeout("showControl('textvak4Blok7')", 500);

	pos = position;
    laatsteFoldout = element + pos;
    timer = setTimeout('document.getElementById(element + pos).style.visibility = "hidden"',500);
    
}
function go(url) {
    location.href=url;
}