// Global variables
var check = false; 
var timerID = null;
var timerOn = false;
var timecount = 750;

var activelayer = null;

var positioned = new Array();


// Browser test
var dom2 = (document.getElementById) ? true:false;
var useragent = new String(navigator.userAgent).toLowerCase();

function highlight(obj) {
	if (dom2) {
		obj.style.backgroundColor = '#999999';
	}
}

function nohighlight(obj) {
	if (dom2) {
		obj.style.backgroundColor = '#56607F';
	}
}

function showlayer(layernum){
	if (dom2) {
		if (!positioned[layernum]) {
			// Check here to see if IE 5 on Macintosh; position relative to parent in this case
			// if (useragent.indexOf("msie 5") != -1) {										// Use this one if IE5 is problem on all platforms
			if (useragent.indexOf("msie 5") != -1 && useragent.indexOf("mac") != -1) { 		// Use this one if IE5 on Mac is the only problem platform
				document.getElementById('sublayer' + layernum).style.left = document.getElementById('mainlayer' + layernum).offsetLeft - 20;
				document.getElementById('sublayer' + layernum).style.top = (document.getElementById('mainlayer' + layernum).offsetTop / 2) - 10;
			} else {
				document.getElementById('sublayer' + layernum).style.left = document.getElementById('mainlayer' + layernum).offsetLeft;
				document.getElementById('sublayer' + layernum).style.top = document.getElementById('mainlayer' + layernum).offsetTop + 22;
			}
			positioned[layernum] = true;
		}
		document.getElementById('sublayer' + layernum).style.display = 'inline';
		document.getElementById('sublayer' + layernum).style.visibility = 'visible';

		activelayer = layernum;
	}
}

function hidelayer(layernum) {
	if (dom2) {
		document.getElementById('sublayer' + layernum).style.display = 'none';
		document.getElementById('sublayer' + layernum).style.visibility = 'hidden';
	}
}

function hideactive() {
	if (activelayer != null) {
		if (activelayer != keepon) {
			nohighlight(document.getElementById('mainlayer' + activelayer));
		}
		hidelayer(activelayer);
		activelayer = null;
	}
}

function onmain(layernum) {
	hideactive();
	highlight(document.getElementById('mainlayer' + layernum));
	showlayer(layernum);
	stopTime();
}

function offmain(layernum) {
	startTime();
}

function startTime() {
	if (!timerOn) {
		timerID = setTimeout("hideactive()", timecount);
        timerOn = true;
	}
}

function stopTime() {
	if (timerOn) {	
		clearTimeout(timerID);
        timerID = null;
        timerOn = false;
	}
}