var mainmenuout = '#FFFFCC'; //color that the main category changes back to on MOUSEOUT
var mainmenuover = '#99CCFF'; // color that the main category changes to on MOUSEOVER		
var old_index = 0;
var hide = 'hidden';
var show = 'visible';	
	
function layer(value){
	if(document.all != null){
		return document.all(value);
	}
	else{
		return document.getElementById(value);
	}
}		
		
var timeout_id;		
var IE = document.all?true:false;		
var tempX = 0;
var tempY = 0;		
function getMouseXY(e){
	if (IE){ // grab the x-y pos.s if browser is IE
		tempY = event.clientY + document.body.scrollTop - event.offsetY;
	}
	else{  // grab the x-y pos.s if browser is NS
		tempY = e.pageY;
	}  
	return true;
}		
		
function clear_timeouts(){
	if(timeout_id != null)
		self.clearTimeout(timeout_id);
	}	
		
function popupon(index){			
	if(timeout_id != null){
		self.clearTimeout(timeout_id);
	}			
	layer('div' + old_index).style.backgroundColor = mainmenuout;
	layer('pop' + old_index).style.visibility = hide;
	layer('pop' + index).style.top = layer('div' + index).offsetTop;
	layer('pop' + index).style.left = layer('div' + index).offsetLeft + 125;
	if(document.body.clientHeight != null){
		if(layer('pop' + index).clientHeight + parseInt(layer('pop' + index).style.top.substring(0, layer('pop' + index).style.top.length - 2)) > document.body.clientHeight + document.body.scrollTop){
			layer('pop' + index).style.top = document.body.clientHeight + document.body.scrollTop - layer('pop' + index).clientHeight - 10;
		}
	}
	else{//alert(layer('pop' + index).style.top + "," + (layer('pop' + index).offsetHeight + parseInt(layer('pop' + index).style.top.substring(0, layer('pop' + index).style.top.length - 2))) + "," + (window.innerHeight + window.pageYOffset));
		if(layer('pop' + index).offsetHeight + parseInt(layer('pop' + index).style.top.substring(0, layer('pop' + index).style.top.length - 2)) > window.innerHeight + window.pageYOffset){
			layer('pop' + index).style.top = window.innerHeight + window.pageYOffset - layer('pop' + index).offsetHeight - 10;
		}
	}
	layer('pop' + index).style.visibility = show;
	layer('div' + index).style.backgroundColor = mainmenuover;
	old_index = index;
}		

function popupoff(){
	timeout_id = setTimeout("layer('pop' + old_index).style.visibility = hide;layer('div' + old_index).style.backgroundColor = mainmenuout;", 500);
}		
	if(document.all == null){
		document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT | Event.MOUSEMOVE);
			//document.OnMouseOver = popupon;
			//document.OnMouseOver = popupoff;
			//document.onMouseMove = getMouseXY;
	}