// JavaScript Document

function HoverMenu (id, state) {
	HoveredMenu = document.getElementById (id);
	HoveredMenu.src = state ? "/images/website/arrow_down_green.gif" : "/images/website/arrow_down_blue.gif";
}

function hover (ele, state) {
	ele.style.backgroundColor = state ? "#f2f4f7" : "";
}

var closeTimer, activeMenu, activeEle;
var startLeft = 147;

version=0
if (navigator.appVersion.indexOf("MSIE")!=-1){
temp=navigator.appVersion.split("MSIE")
version=parseFloat(temp[1])
}

if (version<=6.0) 
var startLeft = 47;

if(navigator.userAgent.indexOf("Firefox")!=-1){
var versionindex=navigator.userAgent.indexOf("Firefox")+8
if (parseInt(navigator.userAgent.charAt(versionindex))>=1)
var startLeft = 147;
}

function hover_menu (ele, state) {
	if (state && closeTimer)
		clearTimeout (closeTimer);
	
	if (!state)
		timedClose();
}

function openMenu (id, ele) {
	activeEle = ele;

	if (closeTimer)
		clearTimeout (closeTimer);

	if (activeMenu)
		activeMenu.style.visibility = "hidden";

	if (id) {
		activeMenu = document.getElementById (id);
		activeMenu.style.left = (startLeft + activeEle.offsetLeft) + 'px';
		activeMenu.style.visibility = "visible";
	}
}

function timedClose () {
	if (closeTimer)
		clearTimeout (closeTimer);
	closeTimer = setTimeout ("_timedClose()", 1000);
}

function showSub(id) {
  if (document.getElementById(id).style.display == "block")
    document.getElementById(id).style.display = "none";
  else
    document.getElementById(id).style.display = "block";
}

function _timedClose () {
	if (activeMenu) {
		activeMenu.style.visibility = "hidden";
		activeMenu = null;
	}
	if (activeEle) {
		activeEle.style.backgroundColor = "transparent";
		activeEle = null;
	}
}