var timeoutID;
var isMac = (navigator.appVersion.indexOf("Mac")!=-1)?true:false;
var isIE = (navigator.appName.indexOf("Microsoft Internet Explorer")!=-1)?true:false;

function open_menu(id){
	clearTimeout(timeoutID);
	for(var i=1;i<=8;i++){
		if(i==id)continue;
		document.getElementById("mro"+i).style.display = "none";
		document.getElementById("menu"+i).style.display = "none";
		}
	document.getElementById("mro"+id).style.display = "block";
	document.getElementById("menu"+id).style.display = "block";
	}

function set_menu_timeout(id){
	timeoutID = setTimeout("close_menu("+id+")",500);
	}
	
function close_menu(id){
	clearTimeout(timeoutID);
	document.getElementById("mro"+id).style.display = "none";
	document.getElementById("menu"+id).style.display = "none";
	}

function add_menu_highlight(obj){
	obj.parentNode.style.backgroundColor = "#00acd5";
	obj.style.color = "#fff";
	}

function remove_menu_highlight(obj){
	obj.parentNode.style.backgroundColor = "";
	if(obj.parentNode.className == "divider"){
		obj.style.color = "#00acd5";
		}
	}

function hide_flash(){
	document.getElementById("animation").style.display = "none";
	}

function add_highlight(id){
	document.getElementById(id).src = "../images/arrow_"+id+"_2.gif";
	}
	
function rem_highlight(id){
	document.getElementById(id).src = "../images/arrow_"+id+"_1.gif";
	}

function preload_images(){
	var imgs = [];
	for(var i=0;i<arguments.length;i++){
		imgs[i] = new Image();
		imgs[i].src = arguments[i];
		}
	}

mac_ie_menu_width_hack = function(){
	/*
	To fix the auto width div bug in IE5 Mac
	*/
	if(isIE&&isMac){
		root = document.getElementById("container");
		for (var i=0;i<root.childNodes.length;i++){
			node = root.childNodes[i];
			if(node.className == "menu"){
				node.style.width = "126px";
				}
			}
		}
	}
	
window.onload = mac_ie_menu_width_hack;preload_images('../images/arrow_fwd_2.gif','../images/arrow_back_2.gif','../images/r1.gif','../images/r2.gif','../images/r3.gif','../images/r4.gif','../images/r5.gif','../images/r6.gif','../images/r7.gif','../images/r8.gif');
