﻿// JScript File
var path = "/images/";
var arrHome = new Array("beachfunatic_off.jpg", "beachfunatic_on.jpg", "lobstercove_off.jpg", "lobstercove_on.jpg");
var swap = new Array();
//create image for each array element
for (var i = 0; i < arrHome.length; i++)
{
    image_off = new Image();
    image_off.src = path + arrHome[i];
    swap[i] = image_off;

    image_on = new Image();
    image_on.src = path + arrHome[i+1];
    swap[i+1] = image_on;
}

var arrNav = new Array("history.jpg", "history_on.jpg", "contact.jpg", "contact_on.jpg", "restaurant.jpg", "restaurant_on.jpg", "mailorder.jpg", "mailorder_on.jpg", "candy.jpg", "candy_on.jpg");
var swapNav = new Array();
//create image for each array element
for (var i = 0; i < arrNav.length; i++)
{
    image_off = new Image();
    image_off.src = path + arrNav[i];
    swapNav[i] = image_off;

    image_on = new Image();
    image_on.src = path + arrNav[i+1];
    swapNav[i+1] = image_on;
}


/////////////////////////////////////////////////////////////
//Global Variables For Use With Dynamic FlyOut Menus
/////////////////////////////////////////////////////////////
var timerID = null;
var timerOn = false;
var timecount = 400;

/////////////////////////////////////////////////////////////
//Shows Dynamic Sub Menu, Need The TD ID To Get The Correct X,Y Lccation Of TD Tag
//So We Can Place The Dynamic Sub Menu Div Element In The Correct Position
/////////////////////////////////////////////////////////////
function ShowDynamicMenu(tdID, divSubMenuName) {
  var offsetTrail = document.getElementById(tdID);
  var offsetLeft = 0;
  var offsetTop = 0;

  while (offsetTrail) {
      offsetLeft += offsetTrail.offsetLeft;
      offsetTop += offsetTrail.offsetTop;
      offsetTrail = offsetTrail.offsetParent;
  }
  if (navigator.userAgent.indexOf("Mac") != -1 && 
      typeof document.body.leftMargin != "undefined") {
      offsetLeft += document.body.leftMargin;
      offsetTop += document.body.topMargin;
  }
  //Set Position/Visibility Of Dynamic Menu
	document.getElementById(divSubMenuName).style.visibility = "visible";
	document.getElementById(divSubMenuName).style.display = 'block';
  document.getElementById(divSubMenuName).style.position = 'absolute';
	document.getElementById(divSubMenuName).style.left = offsetLeft + 'px';	
	document.getElementById(divSubMenuName).style.top = (offsetTop + 53) + 'px';
}

/////////////////////////////////////////////////////////////
//Set The CSS Style Of The Static MousedOver TD Cell
/////////////////////////////////////////////////////////////
function StopTime(tdCell) {
	document.getElementById(tdCell).style.cursor = "pointer";
	if (timerOn) {
    	clearTimeout(timerID);
      timerID = null;
      timerOn = false;
	}
}

/////////////////////////////////////////////////////////////
//Sets Dynamic MenuItems Style When MousedOver
/////////////////////////////////////////////////////////////
function DynamicMenuItemStyleHover(tdCell) {
	tdCell.style.cursor = "pointer";
  tdCell.style.backgroundColor = "#ffffee";
}

/////////////////////////////////////////////////////////////
//Sets Dynamic MenuItems Style When MousedOut
/////////////////////////////////////////////////////////////
function DynamicMenuItemStyle(tdCell) {
  tdCell.style.backgroundColor = "#dce7d6";
}

/////////////////////////////////////////////////////////////
//Set The CSS Style Of The Static MousedOut TD Cell
/////////////////////////////////////////////////////////////
function StartTime(tdCell) {
	if (timerOn == false) {
    timerID=setTimeout( "HideAllDynamicMenus()" , timecount);
    timerOn = true;
	}
}

/////////////////////////////////////////////////////////////
// Navigates To Supplied URL
/////////////////////////////////////////////////////////////
function NavigateURL(URL) {
	window.location = URL;
}

/////////////////////////////////////////////////////////////
//Hides All Dynamic Menus
/////////////////////////////////////////////////////////////
function HideAllDynamicMenus() {
  HideDynamicMenu('divRestaurant');
  HideDynamicMenu('divHistory');
  HideDynamicMenu('divContact');
  HideDynamicMenu('divCandy');
}

/////////////////////////////////////////////////////////////
//Hides Single Dynamic Menu, Used By Function HideAllDynamicMenus()
/////////////////////////////////////////////////////////////
function HideDynamicMenu(divDynamicMenu) {
    if (document.getElementById(divDynamicMenu).style.display != "none")
    {
        document.getElementById(divDynamicMenu).style.display = "none"
    }
}

