// JavaScript Document
// Rollover menu Stormcatch Webprojects BV

var currMenu;
var currSubMenu;
var timerMenu;
var timerSubMenu;

function swapMenu(id, action, submenu){
	
	var newMenu;
	var hideMenu;
	var test = document.getElementById("test");	
	
	if (timerMenu){
		clearTimeout(timerMenu);	
	}
	if (timerSubMenu){
		clearTimeout(timerSubMenu);
	}
	
	if (submenu == 'sub'){
		if (currSubMenu){
			if (currSubMenu == id){
				if (action == 'on'){
					newMenu = id;	
					hideMenu = currSubMenu;
				}else if (action == 'hide'){
					hideMenu = id;	
				}else{
					timerSubMenu = setTimeout('swapMenu("' + id + '", "hide", "sub")', 500);	
				}
			}else{
				if (action == 'on'){
					timerSubMenu = setTimeout('swapMenu("' + currSubMenu + '", "hide", "sub")', 500);
					newMenu = id;
					hideMenu = currSubMenu;
				}else if (action == 'hide'){
					hideMenu = id;	
				}else{
					timerSubMenu = setTimeout('swapMenu("' + id + '", "hide", "sub")', 500);		
				}
			}
		}else{
			if (action == 'on'){
				newMenu = id;
			}else if (action == 'hide'){
				hideMenu = id;	
			}else{
				timerSubMenu = setTimeout('swapMenu("' + id + '", "hide", "sub")', 500);		
			}
		}
	}else{
		if (currMenu){
			if (currMenu == id){
				if (action == 'on'){
					newMenu = id;	
					hideMenu = currMenu;
				}else if (action == 'hide'){
					hideMenu = id;	
				}else{
					timerMenu = setTimeout('swapMenu("' + id + '", "hide", "")', 500);	
				}
			}else{
				if (action == 'on'){
					timerMenu = setTimeout('swapMenu("' + currMenu + '", "hide", "")', 500);
					newMenu = id;
					hideMenu = currMenu;
				}else if (action == 'hide'){
					hideMenu = id;	
				}else{
					timerMenu = setTimeout('swapMenu("' + id + '", "hide", "")', 500);	
				}
			}
		}else{
			if (action == 'on'){
				newMenu = id;
			}else if (action == 'hide'){
				hideMenu = id;	
			}else{
				timerMenu = setTimeout('swapMenu("' + id + '", "hide", "")', 500);		
			}
		}
	}
	
	if (hideMenu){
		var element = document.getElementById(hideMenu);
		var button  = document.getElementById(hideMenu+'Button');
		if (element){
			element.style.display = 'none';
		}
		if (button){
			button.className = '';	
		}
	}
	
	if (newMenu){
		var element = document.getElementById(newMenu);
		var button  = document.getElementById(newMenu+'Button');
		if (element){
			element.style.display = 'block';
			if (submenu == 'sub'){
				currSubMenu = newMenu;
			}else{
				currMenu = newMenu;	
			}
		}
		if (button){
			button.className = 'active';	
		}
	}
}