function hasClass(ele,cls) {
	return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));
}
function addClass(ele,cls) {
	if (!this.hasClass(ele,cls)) ele.className += " "+cls;
}
function removeClass(ele,cls) {
	if (hasClass(ele,cls)) {
		var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
		ele.className=ele.className.replace(reg,' ');
	}
}

function openTree(el)
{
	var parent = el.parentNode;          
	var newClass = "";                          
	var oldClass = "";
    if (hasClass(parent,'hasSub')) {
		newClass = "selected";  
	    oldClass = "hasSub"; 
	}
	
 	if (hasClass(parent,'hasSub_blue')) {
		newClass = "selected blue";
		oldClass = "hasSub_blue";      
	}	
   	
	if (hasClass(parent,'selected')) {
		newClass = "hasSub";
		oldClass = "selected"; 
	}	
	
	if (hasClass(parent,'selected blue')) {
		newClass = "hasSub_blue"; 
		oldClass = "selected blue"; 
	}	
	
	
	removeClass(parent, oldClass); 
	addClass(parent, newClass);
//	return false; // probeersel
}    


function setOnClickAction()
{   
    if (document.getElementById("BigTree"))
	{
		var treeLinks = document.getElementById("BigTree").getElementsByTagName("A");
	  
	  	for (var i=0; i < treeLinks.length; i++)
		{      
		    //nextSib = treeLinks[i].nextSibling;
    		if (nextSib = treeLinks[i].nextSibling)                                               
			{   
			   
    			while (nextSib && (nextSib = nextSib.nextSibling) && (nextSib.nodeType != 1)) ;
				
			    if (nextSib && (nextSib.nodeName=="UL"))
				{                                       
		    		if (treeLinks[i].parentNode.parentNode && hasClass(treeLinks[i].parentNode.parentNode,'index')) 
						addClass(treeLinks[i].parentNode, 'hasSub_blue');
					else
						addClass(treeLinks[i].parentNode, 'hasSub');
					
			  		treeLinks[i].onclick = function() { openTree(this); return false; }
				 }   
			}		                    
					
			
		} 
	}        
}   


window.onload = function() {
    setOnClickAction();
}