var menuCloseDelay = 200;
var menuName = new Array(), menuTimeout = new Array(), menuOpen = new Array(), menuTitleOn = new Array();

menuName[0] = "aboutUs";
menuName[1] = "churchLife";
menuName[2] = "contactUs";
menuTimeout[0] = menuTimeout[1] = menuTimeout[2] = -1;
menuOpen[0] = menuOpen[1] = menuOpen[2] = false;
menuTitleOn[0] = menuTitleOn[1] = menuTitleOn[2] = false;

function menuStart() {
  preloadImages();
  alignMenus();
}

function alignMenus() {
  // -- If the browser is Internet Explorer, push down the popup menus
  var isIE = (document.all);
  if (isIE) {
    for (var i = 0; i < menuName.length; i++)
      document.getElementById(menuName[i] + "Menu").style.top = "27px";
  }
}

function onMenu(menuIndex) {
  if (!menuOpen[menuIndex]) clearTimeout(menuTimeout[menuIndex]);
  menuOpen[menuIndex] = menuTitleOn[menuIndex] = true;
  document.getElementById(menuName[menuIndex] + "Button").src = "images/Menu" + menuName[menuIndex] + "O.gif";
  document.getElementById(menuName[menuIndex] + "Menu").style.visibility = "visible";
  document.getElementById(menuName[menuIndex] + "Menu").style.zIndex = 11;
}

function offMenu(menuIndex) {
  menuOpen[menuIndex] = false;
  menuTimeout[menuIndex] = setTimeout("closeMenu(" + menuIndex + ")", menuCloseDelay);
  document.getElementById(menuName[menuIndex] + "Menu").style.zIndex = 10;
}

function closeMenu(menuIndex) {
  clearTimeout(menuTimeout[menuIndex]);
  menuTitleOn[menuIndex] = false;
  document.getElementById(menuName[menuIndex] + "Button").src = "images/Menu" + menuName[menuIndex] + ".jpg";
  document.getElementById(menuName[menuIndex] + "Menu").style.visibility = "hidden";
}

function clickedMenuItem(menuIndex) {
  clearTimeout(menuTimeout[menuIndex]);
  document.getElementById(menuName[menuIndex] + "Menu").style.visibility = "hidden";
}

function preloadImages() {
  var image1 = new Image();
  var image2 = new Image();
  var image3 = new Image();
  var image4 = new Image();
  var image5 = new Image();
  var image6 = new Image();
  var image7 = new Image();
  var image8 = new Image();

  image1.src="images/MenuAboutUsO.gif";
  image2.src="images/MenuAboutUsT.gif";
  image3.src="images/MenuChurchLifeO.gif";
  image4.src="images/MenuChurchLifeT.gif";
  image5.src="images/MenuContacttUsO.gif";
  image6.src="images/MenuContacttUsT.gif";
  image7.src="images/MenuM.gif";
  image8.src="images/MenuB.gif";
}