/*
function openDiv(id)
{
	if (document.getElementById(id + '_s').style.display == 'none') {
	document.getElementById(id + '_a').style.color = '#a34d92';
	document.getElementById(id + '_i').src = 'images/arrow_down.jpg';
	document.getElementById(id + '_s').style.display = 'block';
	} else {
	document.getElementById(id + '_a').style.color = '#ffffff';
	document.getElementById(id + '_i').src = 'images/arrow_right.jpg';
	document.getElementById(id + '_s').style.display = 'none';
	}
}
*/

var openMenu;
var openItem = false;  

function initMenu(){

    openMenu = true;

    var li = document.getElementById('left_text').getElementsByTagName('li');
    var i = li.length;
    
    
    while(i--){
        var ul = li[i].getElementsByTagName('ul');
        if (ul.length){
            li[i].ul = ul[0];
            li[i].onclick = function(){
                
                if (this.ul.style.display == 'none') {
                    this.ul.style.display = 'block';
                    this.style.backgroundImage = 'url(../images/arrow_down.jpg)';  
                }else {
                    this.ul.style.display = 'none';
                    this.style.backgroundImage = 'url(../images/arrow_right_purple.jpg)'; 
                }
            
            }
        }
        
        // eventueel bestaande openen   
        if (li[i].className == 'selected'){
            
            if (openMenu){
                openMenu.style.display = 'none';      
            }
            li[i].parentNode.style.display = 'block';
            openMenu = li[i].parentNode;
            openItem = true;
        }

        if (i == 0 && !openItem){
            var ul = li[i].getElementsByTagName('ul');
            if (ul.length){
                ul[0].style.display = 'block';
                openMenu = ul[0]; 
            } 
        } 
            
    }
}


initMenu();
