var buttons,lists;
var heights = new Array(); 
var openList = "GEEN";
var speed = 500;
var closedHeight = 1;
window.addEvent('domready', function() 
{
	if(navigator.appName == "Netscape") // firefox
	{
		 closedHeight = 0;
	}
    buttons = $$('li.toggler');
    lists = $$('ul.element');
    for(i=0;i<buttons.length;i++)
    {  
        heights[i] = lists[i].offsetHeight;        
         
		document.getElementById(lists[i].id).style.overflow = 'hidden';
        if(navigator.appName != "Netscape") // IE
        {     
			setTimeout("document.getElementById('"+lists[i].id+"').style.display = 'none'",1);
		}
        new Fx.Style(lists[i].id, 'height').set(closedHeight);  
    }
});

function openMenu(tabId)
{
	if(navigator.appName == "Netscape") // firefox
	{ 
		closedHeight=0;
		closedHeight = 0;
		listId = "List_"+tabId; 
		buttonId = "Button_"+tabId;    
	   
		if(openList != "GEEN" && openList != listId)
		{        
			for(i=0;i<lists.length;i++) // al eerder geopende list sluiten
			{
				if(lists[i].id == listId)
				{
					new Fx.Style(openList, 'height').start(heights[i],closedHeight);
				}
			} 
		}
		else if(openList == listId)
		{		
			for(i=0;i<lists.length;i++) // al eerder geopende list sluiten
			{
				if(lists[i].id == listId)
				{
					new Fx.Style(openList, 'height').start(heights[i],closedHeight);
					openList = "GEEN";
					return;
				}
			} 	
		}
		for(i=0;i<lists.length;i++) // aangeklikte list openen
		{
			if(lists[i].id == listId)
			{	
				new Fx.Style(listId, 'height').start(closedHeight,heights[i]); 
				openList =  listId;
			}
		} 
    }else{ // ie
		
		listId		= "List_"+tabId;
		buttonId	= "Button_"+tabId;
	   
		if(openList != "GEEN" && openList != listId)
		{
			for(i=0;i<lists.length;i++) // al eerder geopende list sluiten
			{
				if(lists[i].id == openList)
				{
					new Fx.Style(openList, 'height').start(heights[i],closedHeight); 
					setTimeout("document.getElementById('"+lists[i].id+"').style.display = 'none';",500);
				}
				
				//document.getElementById(lists[i].id).style.display = 'none'
			} 
		}
		else if(openList == listId) // zelfde list aangeklikt, list sluiten
		{		
			for(i=0;i<lists.length;i++) // al eerder geopende list sluiten
			{
				if(lists[i].id == listId)
				{
					new Fx.Style(openList, 'height').start(heights[i],closedHeight); 
					setTimeout("document.getElementById('"+lists[i].id+"').style.display = 'none';",500);
					openList = "GEEN";
					return;
				}
			} 	
		}
		
		
		for(i=0;i<lists.length;i++) // aangeklikte list openen
		{
			if(lists[i].id == listId)
			{ 
				setTimeout("document.getElementById('"+lists[i].id+"').style.display = 'inline';",100);
				new Fx.Style(listId, 'height').start(closedHeight,heights[i]); 
				openList =  listId;
			}
		} 
    
    }
    
}

function hoverMenu(id, hasChildren)
{
    document.getElementById(id).className = (hasChildren) ? "SubMainItemOver" : "SubMenuItemOver";
}

function leaveMenu(id, hasChildren)
{
	document.getElementById(id).className = (hasChildren) ? "SubMainItem" : "SubMenuItem";
}