var activeSub = "";
var activeNav = null;
var stuck = "";
var offTimer = null;


function navOver(td, sub) {

	hideSub(activeSub);
	changeNavBG(td);
	subOver(sub);

}

function navOut() {
	
	subOut();
	
}

function subOver(overSub) {

	clearTimeout(offTimer);
	showSub(overSub);

}

function subOut() {

	if(activeSub != "") {
		offTimer = setTimeout("hideSub(activeSub)", 400);
	}

}

function showSub(sub) {
	document.getElementById(sub).style.visibility = "visible";
	document.getElementById(sub+"_bg").style.visibility = "visible";
	activeSub = sub;
}





function hideSub(sub) {
	
	if(sub != "") {
		document.getElementById(sub).style.visibility = "hidden";
		document.getElementById(sub+"_bg").style.visibility = "hidden";
		activeSub = "";
	}
	
	if(activeNav != null) {
		changeNavBGback(activeNav);
		activeNav = null;
	}

}


function changeBG(td) {

	td.className = "subOver";

}

function changeBGback(td) {

	td.className = "sub";

}

function changeNavBG(td) {

	if(activeNav != null) {
		changeImages(activeNav, 'images/'+activeNav+'.gif');
	}

	changeImages(td, 'images/'+td+'-over.gif');
	activeNav = td;

}

function changeNavBGback(td) {

	changeImages(td, 'images/'+td+'.gif');

}


function stick(nav) {
	changeImages(nav, "images/" + nav + "-over.gif");
	stuck = nav;
	
}







//	createSubNav(id, width, left, top, link, href, link href, ..., );

function createSubNav() {

	var args = createSubNav.arguments;
	var id = args[0];
	var w = args[1];
	var l = args[2];
	var t = args[3];

	document.write("\
					\
					\
					\
					<!------------------------------------ Sub Nav ------------------------>\
					<div id=\""+id+"\" style=\"position:absolute; left:"+l+"px; top:"+t+"px; width:"+w+"px; z-index:2; visibility:hidden;\">\
						<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"subTable\" width=\""+w+"\">\
							<tr>\
								<td rowspan=\"20\" onmouseover=\"subOver('"+id+"');\" onmouseout=\"subOut();\"><img src=\"images/spacer.gif\" width=\"6\" height=\"5\"></td>\
								<td onmouseover=\"subOver('"+id+"');\" onmouseout=\"subOut();\"><img src=\"images/spacer.gif\" width=\"3\" height=\"6\"></td>\
								<td rowspan=\"20\" onmouseover=\"subOver('"+id+"');\" onmouseout=\"subOut();\"><img src=\"images/spacer.gif\" width=\"6\" height=\"5\"></td>\
							</tr>\
					");
					
	for(var i=4; i<args.length; i+=2) {
		var label = args[i];
		var href = args[i+1];
		
		if(href.indexOf("http://") == -1) {
			href = "window.location.href='" + href + "';";
		} else {
			href = "window.open('" + href + "', 'nav_popup');";
		}
		
		document.write("\
							<tr>\
								<td class=\"sub\" nowrap onmouseover=\"changeBG(this); subOver('"+id+"');\" onmouseout=\"changeBGback(this); subOut();\" onclick=\""+href+"\">\
									"+label+"\
								</td>\
							</tr>\
							<tr>\
								<td onmouseover=\"subOver('"+id+"');\" onmouseout=\"subOut();\"><img src=\"images/spacer.gif\" width=\"5\" height=\"2\"></td>\
							</tr>\
						");
	}
	
	document.write("\
							<tr>\
								<td onmouseover=\"subOver('accomodations_sub');\" onmouseout=\"subOut();\"><img src=\"images/spacer.gif\" width=\"5\" height=\"4\"></td>\
							</tr>\
						</table>\
					</div>\
					<div id=\""+id+"_bg\" style=\"position:absolute; left:"+l+"px; top:"+t+"px; width:"+w+"px; z-index:1; visibility:hidden;\">\
						<table border=\"0\" cellpadding=\"0\" cellspacing=\"0\" class=\"subTableBG\" width=\""+w+"\">\
							<tr>\
								<td rowspan=\"20\"><img src=\"images/spacer.gif\" width=\"6\" height=\"5\"></td>\
								<td><img src=\"images/spacer.gif\" width=\"3\" height=\"6\"></td>\
								<td rowspan=\"20\"><img src=\"images/spacer.gif\" width=\"6\" height=\"5\"></td>\
							</tr>\
					");
					
	for(var i=4; i<args.length; i+=2) {
		var label = args[i];
		var href = args[i+1];
		
		document.write("\
							<tr>\
								<td class=\"sub\" nowrap>\
									"+label+"\
								</td>\
							</tr>\
							<tr>\
								<td><img src=\"images/spacer.gif\" width=\"5\" height=\"2\"></td>\
							</tr>\
						");
	}
	
	document.write("\
							<tr>\
								<td><img src=\"images/spacer.gif\" width=\"5\" height=\"4\"></td>\
							</tr>\
						</table>\
					</div>\
					<!------------------------------------ Sub Nav ------------------------>\
				");

}