// Preload images
function ImagePath(path) {
	if (typeof(swapRoot) == "undefined")
		path = path.replace('images', '../images');
	return path;
}

navHomeOver = new Image(); navHomeOver.src = ImagePath("images/nav_home_over.gif");
navHomeOff = new Image(); navHomeOff.src = ImagePath("images/nav_home_off.gif");
navMainCalendarOver = new Image(); navMainCalendarOver.src = ImagePath("images/nav_main_calendar_over.gif");
navMainCalendarOff = new Image(); navMainCalendarOff.src = ImagePath("images/nav_main_calendar_off.gif");
navCalendarDesignOver = new Image(); navCalendarDesignOver.src = ImagePath("images/nav_calendars_design_over.gif");
navCalendarDesignOff = new Image(); navCalendarDesignOff.src = ImagePath("images/nav_calendars_design_off.gif");
navCalendarDepartmentOver = new Image(); navCalendarDepartmentOver.src = ImagePath("images/nav_calendars_department_over.gif");
navCalendarDepartmentOff = new Image(); navCalendarDepartmentOff.src = ImagePath("images/nav_calendars_department_off.gif");
navCalendarEmailOver = new Image(); navCalendarEmailOver.src = ImagePath("images/nav_calendar_email_over.gif");
navCalendarEmailOff = new Image(); navCalendarEmailOff.src = ImagePath("images/nav_calendar_email_off.gif");
navEventSubmissionOver = new Image(); navEventSubmissionOver.src = ImagePath("images/event_submission_over.gif");
navEventSubmissionOff = new Image(); navEventSubmissionOff.src = ImagePath("images/event_submission.gif");

function ImgOver(element, image) { var imgs = element.getElementsByTagName("img"); imgs[0].src = image.src; }
function ImgOff(element, image) { var imgs = element.getElementsByTagName("img"); imgs[0].src = image.src; }

function ShowSubNav(caller, image, menuID) {
	ImgOver(caller, image);
	
	caller.parentNode.style.zIndex = "100";
	
	var menu = document.getElementById(menuID);
	var iframeShim = document.getElementById(menuID + "_shim");
	menu.style.display = "block";
}

function HideSubNav(caller, image) {
	ImgOff(caller, image);
	
	caller.parentNode.style.zIndex = "11";
	
	document.getElementById("sub_department").style.display = "none";
	document.getElementById("sub_design").style.display = "none";
}

function SubDepartmentOver(caller) {
	var link = document.getElementById("link_department");
	ShowSubNav(link, navCalendarDepartmentOver, "sub_department");
	
	caller.getElementsByTagName("a")[0].setAttribute("class", "hover");
	caller.parentNode.getElementsByTagName("dd")[0].style.display = "block";
}
function SubDepartmentOff(caller) {
	var link = document.getElementById("link_department");
	HideSubNav(link, navCalendarDepartmentOff);
	
	caller.getElementsByTagName("a")[0].setAttribute("class", "");
	caller.parentNode.getElementsByTagName("dd")[0].style.display = "none";
}

function SubDesignOver(caller) {
	var link = document.getElementById("link_design");
	ShowSubNav(link, navCalendarDesignOver, "sub_design");
	
	caller.getElementsByTagName("a")[0].setAttribute("class", "hover");
	var dds = caller.parentNode.getElementsByTagName("dd");
	if (dds.length > 0) dds[0].style.display = "block";
}
function SubDesignOff(caller) {
	var link = document.getElementById("link_design");
	HideSubNav(link, navCalendarDesignOff);
	
	caller.getElementsByTagName("a")[0].setAttribute("class", "");
	var dds = caller.parentNode.getElementsByTagName("dd");
	if (dds.length > 0) dds[0].style.display = "none";
}