﻿var images_loaded = false; 

var timerID = null, timer2_ID = null;
var timer_running = false, timer2_running = false;
var delay = 5;

var menu_bullet_mouseover = 'http://www.hmceurope.org/Images/menu bullet maroon gif.gif'; 

function preload_images() 
{
 	var d = document, a = arguments; 
 	if(!d.mouseover_images) 
 		d.mouseover_images = new Array();
 	for(var i=0; i < a.length; i++) 
 	{ 
 		d.mouseover_images[i]=new Image; 
 		d.mouseover_images[i].src=a[i]; 
 	}
}

function navbar_mouseover(menu_id, img_id, img_src)
{
	if(!images_loaded)
	{
		document.getElementById("img1").$normal = document.getElementById("img1").src;
		document.getElementById("img2").$normal = document.getElementById("img2").src; 
		document.getElementById("img3").$normal = document.getElementById("img3").src;
		document.getElementById("img4").$normal = document.getElementById("img4").src;
		document.getElementById("img5").$normal = document.getElementById("img5").src;
		
		images_loaded = true; 
	}	
	
	// document.getElementById(img_id).$mouseover = img_src; 
	// document.getElementById(img_id).src = document.getElementById(img_id).$mouseover; 
		
	stop_timer(); 
	
	// first, reset all of the nav bar images to the original state... 
	document.getElementById("img2").src = document.getElementById("img2").$normal; 
	document.getElementById("img3").src = document.getElementById("img3").$normal; 
	document.getElementById("img4").src = document.getElementById("img4").$normal; 
	document.getElementById("img5").src = document.getElementById("img5").$normal; 

	// ... and set all the menus to be invisible
	document.getElementById('aboutmenu').style.visibility = "hidden";
	document.getElementById('progmenu').style.visibility = "hidden";	
	document.getElementById('prepmenu').style.visibility = "hidden";
	document.getElementById('regmenu').style.visibility = "hidden";	
	
	document.getElementById(img_id).$mouseover = img_src;
	document.getElementById(img_id).src = document.getElementById(img_id).$mouseover;
	if(menu_id)
		document.getElementById(menu_id).style.visibility = "visible"; 
}

function navbar_mouseout(menu_id, img_id, timer_called)
{
	if(img_id == "img1")
	{
		document.getElementById("img1").src = document.getElementById("img1").$normal;
		return;
	}		

	if(timer_called == false)
	{
		timer_running = true; 
		timerID = self.setTimeout("navbar_mouseout('" + menu_id.toString() + "', '" + img_id.toString() + "', true)", delay); 
	}
	else
	{
		document.getElementById(img_id).src = document.getElementById(img_id).$normal; 
		document.getElementById(menu_id).style.visibility = "hidden";
	}
}

function menu_mouseover()
{
	stop_timer(); 
}

function menu_mouseout(menu_id, img_id, timer_called)
{	
	if(timer_called == false)
	{
		timer_running = true; 
		timerID = self.setTimeout("menu_mouseout('" + menu_id.toString() + "', '" + img_id.toString() + "', true)", delay); 
	}
	else
	{
		document.getElementById(img_id).src = document.getElementById(img_id).$normal; 
		document.getElementById(menu_id).style.visibility = "hidden";
	}

}

function menuitem_mouseover(img_id)
{
	document.getElementById(img_id).$src = document.getElementById(img_id).src; 
	document.getElementById(img_id).src = menu_bullet_mouseover;
}

function menuitem_mouseout(img_id)
{
	document.getElementById(img_id).src = document.getElementById(img_id).$src; 
}

function show_submenu(menu_id)
{
	stop_timer2(); 
	
	document.getElementById('dom_menu').style.visibility = "hidden"; 
	document.getElementById('intl_menu').style.visibility = "hidden";
	
	document.getElementById(menu_id).style.visibility = "visible";
}

function hide_submenu(menu_id, timer_called)
{
	if(timer_called == false)
	{
		timer2_running = true; 
		timer2_ID = self.setTimeout("hide_submenu('" + menu_id.toString() + "', true)", delay); 
	}
	else
		document.getElementById(menu_id).style.visibility = "hidden";
}

function submenu_mouseover()
{
	stop_timer(); 
	stop_timer2(); 
}

function submenu_mouseout(menu_id, timer_called)
{	
	// document.getElementById(menu_id).style.visibility = "hidden";

	// /*
	if(timer_called == false)
	{
		timer2_running = true; 
		timer2_ID = self.setTimeout("submenu_mouseout('" + menu_id.toString() + "', true)", delay); 
	}
	else
	{
		document.getElementById(menu_id).style.visibility = "hidden"; 
		menu_mouseout('progmenu', 'img3', false); 	
	}
	// */
}

function stop_timer()
{
    if(timer_running)
        clearTimeout(timerID); 
    timer_running = false;
}

function stop_timer2()
{
    if(timer2_running)
        clearTimeout(timer2_ID); 
    timer2_running = false;
}


