var _id1 = null;
var _id2 = null;
var _id3 = null;
var _alid = null;
var _timerid = 0;

function findElement(id) {
	if (document.getElementById) {
		element = document.getElementById(id);
	}
	return element;
}

function showElement(element) {
	if (element) {
		element.style.visibility = "visible";
		return true;
	}
	return false;
}

function hideElement(element) {
	if (element) {
		element.style.visibility = "hidden";
		return true;
	}
	return false;
}

function swapImage(id, isOver) {
	var src = isOver ? 'nav_' + id + '_mo.gif' : 'nav_' + id + '.gif';

	var element = findElement('img_' + id);
	if (element) {
		element.src = '/images/' + src;
	}
}
	
function MO1(id) {
	stopSnapbackTimer();
	unsetActiveLink();
	hideElement(findElement(_id1));
	swapImage(_id1, false);
	hideElement(findElement(_id2));
	showElement(findElement(id));
	swapImage(id, true);
	setActiveLink(id);
	_id1 = id;				
	_id2 = null;
}

function MO2(id, expand) {
	stopSnapbackTimer();
	if (expand == null) {
		expand = true;
	}
	unsetActiveLink();
	hideElement(findElement(_id2));
	if (expand) {
		showElement(findElement(id));
	}
	setActiveLink(id);
	_id2 = id;
}

function MO3(id) {
	stopSnapbackTimer();
	_id3 = id;
	setActiveLink(_id3);
}

function setActiveLink(id) {
	if (id == _alid) {
		return;
	}
	unsetActiveLink();
	var element = findElement('A|' + id);
	if (element) {
		element.style.color = "#646464";
		_alid = id;
	}
}

function unsetActiveLink() {
	var element = findElement('A|' + _alid);
	if (element) {
		element.style.color = "#226699";
	}
	_alid = null;
}

function setActiveMenuCookie(id) {
	document.cookie = "ActiveMenu=" + id;
}

function getActiveMenuCookie() {
	var arr = document.cookie.split(';');
	for (var i = 0; i < arr.length; i++) {
		var tok = arr[i].split('=');
		if (tok[0].indexOf('ActiveMenu') > -1) {
			return tok[1];
		}
	}
	return null;
}

function showActiveMenu() {
	var val = null;
	if (typeof _defaultMenu != 'undefined') {
		val = _defaultMenu;
	}
	if (val == null) {
		var val = getActiveMenuCookie();
	}
	if (val == null) {
		return;
	}
	var arr = val.split('|');
	var id = '';
	for (var i = 0; i < arr.length; i++) {
		if (i > 0) {
			id += '|'
		}
		id += arr[i];
		if (i == 0) {
			MO1(id);
		}
		if (i == 1) {
			MO2(id, false);
		}
		// if (i == 2) {
		// 	MO3(id);
		// }
	}
}

function onLoad() {	
	showActiveMenu();
}

function startSnapbackTimer() {
	_timerid = setTimeout("doSnapback()", 2000);
}

function stopSnapbackTimer() {
	clearTimeout(_timerid);	
}

function doSnapback() {
	showActiveMenu();
	stopSnapbackTimer();
}