var focussed_hoofdmenu;

/* MAIN MENU */

var menu_id_array    = new Array();
var focussed_menu;
var focussed_submenu;

function clearMenuTimeout()
{
  clearTimeout(timeout_menu);
  clearTimeout(timeout_submenu);
}

function focusMenu(object_id)
{   
	var object = document.getElementById("menu_" + object_id);
	
  if(object != null)
  {
    if(object_id == focussed_hoofdmenu)
		{
			object.className = "pearle_header_menu_item_mouseover_selected";
		}
		else
		{
			object.className = "pearle_header_menu_item_mouseover";
		}
		
		object.style.backgroundImage = "url(" + image_url[2] + ")";
  }
}

/*
function focusSubMenu(object_id)
{
  var object = document.getElementById("submenu_" + object_id);
  
  if(object != null)
  {
    object.style.visibility = "visible";
  }
}
*/

function focusSubMenu(object_id)
{
  var object = document.getElementById("submenu_" + object_id);
  
  if(object != null)
  {
    object.style.display = "block";
  }
}

var timeout_menu    = null;
var timeout_submenu = null;

var previous_menu   = null;
var focussed_menu   = null;

function toonMenu(object_id, delay)
{
	clearMenuTimeout();
	
	for(var i = 0; i < menu_id_array.length; i++)
	{
		if(menu_id_array[i] == object_id && menu_id_array[i] != focussed_menu)
		{
			focusMenu(menu_id_array[i]);
			
			if(delay > 0)
			{
				timeout_submenu = setTimeout('toonSubMenu(' + menu_id_array[i] + ');', delay);
			}
			else
			{
				toonSubMenu(menu_id_array[i]);
			}
		}
		else if(menu_id_array[i] != object_id && menu_id_array[i] == previous_menu && menu_id_array[i] != focussed_menu)
		{
			unfocusMenu(menu_id_array[i]);
		}
	}
	
	previous_menu = object_id;
}

function toonSubMenu(object_id)
{
  clearMenuTimeout();
	
	focussed_menu = object_id;

  for(var i = 0; i < menu_id_array.length; i++)
  {
    if(menu_id_array[i] == object_id)
    {     
      focusMenu(menu_id_array[i]);
				
			focusSubMenu(menu_id_array[i]);
    }
    else if(menu_id_array[i] != object_id)
    {
			unfocusMenu(menu_id_array[i]);
				
			unfocusSubMenu(menu_id_array[i]);
    }
  }
}

function unfocusMenu(object_id)
{
  var object = document.getElementById("menu_" + object_id);
  
  if(object != null)
  {
    if(object_id == focussed_hoofdmenu)
		{
			object.className = "pearle_header_menu_item_selected";
		}
		else
		{
			object.className = "pearle_header_menu_item";
		}
		
		object.style.backgroundImage = "url()";
	}
}

function unfocusSubMenu(object_id)
{
  var object = document.getElementById("submenu_" + object_id);
  
  if(object != null)
  {
    object.style.visibility = "hidden";
  }
}