/*-----------------------------------------

	Script:     navRollovers.js
	Project:    TI Site Redesign
	Job:        WIN80031
	
-------------------------------------------*/

// Set variables for main_nav names and sub_nav names
var sections = ["left_fleuron", "entertainment","stay","play","dine","promo","passport", "right_fleuron"];
var subSections = ["","EventCal","GetHere","Tour","Meetings","EmailDeals","AboutUs"];
var flyOutSection = "";
var subOutSection = "";
var menuPos = [-100, -100, -100, -100, -100];
//*******************
var emailPos = -230;
//*******************
var timedAction = null;
//
// Switch out images for rollovers
function navRollOver(id) {
	resetNav();
  document.getElementById("dd"+id).style.visibility = "visible";
	flyOutSection = id;
	document["nav" + id].src = "/images/nav_" + sections[id] + "_active.jpg"
	document["nav" + (id - 1)].src = "/images/nav_" + sections[id] + "_GL.jpg";
	document["nav" + (id + 1)].src = "/images/nav_" + sections[id] + "_GR.jpg";
	
	if((id - 1) != 0) {
		document["subNav" + (id - 1)].src = "/images/nav_" + sections[id] + "_subGL.jpg";
	}
	
	document["subNav" + (id)].src = "/images/nav_" + sections[id] + "_subG.jpg";

	if((id + 1) != 7) {
		document["subNav" + (id + 1)].src = "/images/nav_" + sections[id] + "_subGR.jpg";
	}
	timedAction = null;
}
//
function navRollOut(){
	executeRollOut();
	//setTimeout(doAction, 1000);
	//timedAction = executeRollOut;
}
function doAction(){
	if(timedAction != null){
		timedAction();	
	}
}
// Reset images back to current
function executeRollOut() {
	if(flyOutSection != null && flyOutSection != ""){
		document.getElementById("dd"+flyOutSection).style.visibility = "hidden";	
	}
	flyOutSection = "";
	for(var i = 0; i <= 7; i++) {	
		if(i == current) {
			document["nav" + i].src = "/images/nav_" + sections[i] + "_active.jpg";
		} else if(i == current - 1) {
			document["nav" + i].src = "/images/nav_" + sections[current] + "_GL.jpg";
		} else if(i == current + 1) {
			document["nav" + i].src = "/images/nav_" + sections[current] + "_GR.jpg";
		} else {
			document["nav" + i].src = "/images/nav_" + sections[i] + ".jpg";
		}
	}
	
	for(i = 1; i <= 6; i++) {
			if(i == current) { 
			document["subNav" + i].src = "/images/nav_" + sections[i] + "_subG.jpg";
		} else if(i == current - 1) {
			document["subNav" + i].src = "/images/nav_" + sections[current] + "_subGL.jpg";
		} else if(i == current + 1) {
			document["subNav" + i].src = "/images/nav_" + sections[current] + "_subGR.jpg";
		} else {
			document["subNav" + i].src = "/images/sub_nav" + subSections[i] + ".jpg";
		}
	}
	
}
//
// Reset all images back to normal
function resetNav() {
	for(var i = 0; i <= 7; i++) {	
		document["nav" + i].src = "/images/nav_" + sections[i] + ".jpg";
	}
	
	for(i = 1; i <= 6; i++) {
		document["subNav" + i].src = "/images/sub_nav" + subSections[i] + ".jpg";
	}
}
//
// Roll over for sub nav
function subNavRollOver(id) {
	document["subNav" + id].src = "/images/sub_nav" + subSections[id] + "_hover.jpg";
	subOutSection = id;
}
function subNavRollOut(){
	executeSubRollOut();
	//setTimeout(doSubAction, 1000);
	//subTimedAction = executeSubRollOut;
}
//
//**********************************
function showEmail(){
	document.getElementById("email_me").style.visibility = "visible";
}
function closeEmail() {
	document.getElementById("email_me").style.visibility = "hidden";
}
//**********************************
// Sub nav roll out keeping current highlighted
function executeSubRollOut() {
for(i = 1; i <= 6; i++) {
		if(i == current) {
			document["subNav" + i].src = "/images/nav_" + sections[i] + "_subG.jpg";
		} else if(i == current - 1) {
			document["subNav" + i].src = "/images/nav_" + sections[current] + "_subGL.jpg";
		} else if(i == current + 1) {
			document["subNav" + i].src = "/images/nav_" + sections[current] + "_subGR.jpg";
		} else {
			document["subNav" + i].src = "/images/sub_nav" + subSections[i] + ".jpg";
		}
	}
}
function motionClock(){
	var dds = ["dd1","dd2","dd3","dd4","dd5","dd6"];
	var current = "dd"+flyOutSection;
	for(var i = 0; i<dds.length; i++){
		var panel = document.getElementById(dds[i]);
		if(current == dds[i]){
			menuPos[i] = 88;
			//menuPos[i] += (88-menuPos[i])/2;
		}else{
			menuPos[i] = -100;
			//menuPos[i] += (-100-menuPos[i])/10;
		}
		panel.style.top = menuPos[i]+"px";
	}
	var emailPanel = document.getElementById("email_me");
	//*********************************
	if(subOutSection == 5) {
		emailPos += (30-emailPos)/2;
	}else{
		emailPos += (-230-emailPos)/10;
	}
	emailPanel.style.top = emailPos+"px";
}

//this must be run onload to be sure the DOM has been loaded
function initMotionClock() {
  //setInterval(motionClock, 50);
}