var activeChild = "";
function showChild(element){
	if(element){
		if (activeChild != "") {
			activeChild.style.display = "none";
		}
		if(element.getElementsByTagName("UL").length == 1){
			var child = element.getElementsByTagName("UL")[0];
			child.style.display = "block";
			child.style.zIndex = 1000;
			child.onmouseout = function(){
				this.style.display = "none";
			}
			activeChild = child;
			
		}		
	}
}

function addFunction(){
	var list = document.getElementById("mainNaviList");
	for(var i = 0; i < list.childNodes.length; i++){
		var item = list.childNodes[i];
		if(item.nodeName == "LI" && item.className != "static"){
			item.onmouseover = function(){
				showChild(this);
			}
		}
	}
}

window.onload = function(){
	addFunction();
}

function calShowPreview(linkObject, id){
	//hide all open previews
	var preview = document.getElementsByTagName("div");
	for(var i = 0; i < preview.length; i++){
		if(preview[i].className && preview[i].className == "modEventPreview"){
			preview[i].style.display = "none";	
		}
	}
	
	
	var element, cell, table;
	cell = linkObject.parentNode;
	table = cell.parentNode.parentNode;
	
	if(element = document.getElementById("modEventPreview" + id)){
		
		element.style.display = "block";
		var top = cell.offsetTop;
		var left = cell.offsetLeft;
		//console.log(left + element.offsetWidth - 700);
		if(left + element.offsetWidth > 700){
			left = left - (left + element.offsetWidth - 720);	
		}
		element.style.top = top + 10 + "px";
		element.style.left = left + 20 + "px";
		/*
		element.onmouseout = function(){
			//this.style.display = "none";		
		}
		*/
		//console.log(cell.offsetTop);
	}
}