document.getElementById('navbar').innerHTML += "<div id='home' class='nav-tab' onclick='document.location.href=\"http://www.arcconline.org/\";'>Home</div>";
document.getElementById('navbar').innerHTML += "<div id='aboutus' class='nav-tab' onmouseover='toggleMenuOpen(this);' onmouseout='toggleMenuClose(this);'>About Us</div>";
document.getElementById('navbar').innerHTML += "<div id='housechurches' class='nav-tab' onmouseover='toggleMenuOpen(this);' onmouseout='toggleMenuClose(this);'>House Churches</div>";
document.getElementById('navbar').innerHTML += "<div id='ministries' class='nav-tab' onmouseover='toggleMenuOpen(this);' onmouseout='toggleMenuClose(this);'>Ministries</div>";
document.getElementById('navbar').innerHTML += "<div id='interactive' class='nav-tab' onmouseover='toggleMenuOpen(this);' onmouseout='toggleMenuClose(this);'>Interactive</div>";
document.getElementById('navbar').innerHTML += "<div id='contact' class='nav-tab' onclick='location.href=\"http://www.arcconline.org/contact.html\";'>Contact</div>";
document.getElementById('navbar').style.height = document.getElementById('home').offsetHeight + "px";

var aboutus = [
  ['where','Where are we?','where.php',false],
  ['who','Who are we?','javascript:void(0);',true],
  ['history','Where have we been?','history.php',false],
  ['present','Where are we now?','present.php',false],
  ['future','Where are we going?','future.php',false],
  ['yourpart','What is your part?','yourpart.php',false],
  ['staff','Take me to your leader','javascript:void(0);',true],
  ['sunday','Sunday Mornings @ ARCC','sunday.php',false]];
createMenu('aboutus',aboutus);
var aboutus_sub_who = [
  ['purpose','Identity and Purpose','purpose.php',false],
  ['beliefs','Statement of Beliefs','beliefs.php',false],
  ['constitution','Church Constitution','constitution.php',false]];
createMenu('aboutus_sub_who',aboutus_sub_who);
var aboutus_sub_staff = [
  ['pastors','Pastors','pastors.php',false],
  ['support','Support','support.php',false],
  ['diaconate','Diaconate','diaconate.php',false],
  ['other','Other Ministry Leaders','other.php',false]];
createMenu('aboutus_sub_staff',aboutus_sub_staff);
var housechurches = [
  ['what','What Are They?','what.php',false],
  ['locations','Where and When Are They?','locations.php',false]];
createMenu('housechurches',housechurches);
var ministries = [
  ['children','Children','children.php',false],
  ['youth','Youth','youth.php',false],
  ['adult','Adult','javascript:void(0);',true],
  ['music','Music Ministry','music.php',false],
  ['biblestudies','Bible Studies','biblestudies.php',false],
  ['missions','Missions','missions.php',false],
  ['counseling','Counseling','counseling.php',false],
  ['recovery','Recovery','recovery.php',false],
  ['teammates','Teammates','teammates.php',false]];
createMenu('ministries',ministries);
var ministries_sub_adult = [
  ['men','Men','ironman.php',false],
  ['women','Women','women.php',false],
  ['college','College and Career','access.php',false],
  ['professional','Professional','ambasadors.php',false],
  ['senior','Senior','crusaders.php',false]];
createMenu('ministries_sub_adult',ministries_sub_adult);
/*
var events = [
  ['seminars','Seminars','javascript:void(0);',false],
  ['service','Service Projects','javascript:void(0);',false],
  ['seasonal','Seasonal Services','javascript:void(0);',false]];
createMenu('events',events);
*/
var interactive = [
  ['javascript:void(0);','Church Calendar','javascript:void(0);',false],
  /* ['churchcalendar','Church Calendar','churchcalendar.php',false], */
  ['communitycalendar','Community Calendar','communitycalendar.php',false],
  ['javascript:void(0);','Unrehearsed','javascript:void(0);',false],
  ['emailgroups','Email Groups','emailgroups.php',false],
  ['javascript:void(0);','Family Album','javascript:void(0);',false],
  ['offthebench','Off The Bench','offthebench.php',false],
  ['newsletters','Newsletters w/ Church Calendar','newsletters.php',false],
  ['javascript:void(0);','Roundtable Forum','javascript:void(0);',false],
  ['teachings','Teachings','teachings.php',false],
  ['javascript:void(0);','Staff Blog','javascript:void(0);',false]];
createMenu('interactive',interactive);

function createMenu(menuName,menuArray) {
var shortMenuName = '';
if(menuName.indexOf('_') > 0) shortMenuName = menuName.substring(0,menuName.indexOf('_'));
  else shortMenuName = menuName;
var submenu = "<div id='"+menuName+"_sub' class='nav-menu text-left' style='display: none;' onmouseover='toggleMenuOpen(this);' onmouseout='toggleMenuClose(this);'>";
for(i=0; i<menuArray.length; i++) {
  if(menuArray[i][3]) { 
    submenu += "<div id='"+menuName+"_sub_"+menuArray[i][0]+"' class='nav-menu-item text-left' onmouseover='toggleMenuOpen(this);' onmouseout='toggleMenuClose(this);'>"+menuArray[i][1]+"</div>";
  } else {
    if(menuArray[i][2] == 'javascript:void(0);') { 
      submenu += "<div id='"+menuName+"_sub_"+menuArray[i][0]+"' class='nav-menu-item text-left' onmouseover='document.getElementById(\"comingsoon\").style.display = \"block\";' onmouseout='document.getElementById(\"comingsoon\").style.display = \"none\";'>"+menuArray[i][1]+"</div>";
    } else {
      submenu += "<div id='"+menuName+"_sub_"+menuArray[i][0]+"' class='nav-menu-item text-left' onclick='document.location.href=\"http://www.arcconline.org/"+shortMenuName+"/"+menuArray[i][2]+"\";'>"+menuArray[i][1]+"</div>"; 
    }
  }
}
submenu += "</div>";
document.write(submenu);
}
function createSectionLinks(menuName,menuArray) {
  var ul = document.createElement('ul');
  for(i=0; i<menuArray.length; i++) {
    var li = document.createElement('li');
    if(!menuArray[i][3]) {
      var a = document.createElement('a');
      a.setAttribute('href',menuArray[i][2]);
      var txt = document.createTextNode(menuArray[i][1]);
      a.appendChild(txt);
      li.appendChild(a);
    } else {
      li.innerHTML = menuArray[i][1];
      li.appendChild(addSubMenu(eval(menuName + "_sub_" + menuArray[i][0])));
    }
    ul.appendChild(li);
  }
  document.getElementById('sectionlinks').appendChild(ul);
  var footerdiv = document.createElement('div');
  footerdiv.setAttribute('id','sectionlinksfooter');
  document.getElementById('sectionlinks').appendChild(footerdiv);
}
function addSubMenu(mnu) {
  var ul = document.createElement('ul');
  for(j=0; j < mnu.length; j++) {
    var li = document.createElement('li');
    var a = document.createElement('a');
    a.setAttribute('href',mnu[j][2]);
    a.innerHTML = mnu[j][1];
    li.appendChild(a);
    ul.appendChild(li);
  }
  return ul;
}

var ie6 = false;
var notIE = false;
if(navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.indexOf('MSIE 7')<0) ie6 = true;
if(navigator.appName != "Microsoft Internet Explorer") notIE = true;
var subMenuHeight, subMenuWidth;

function toggleMenuOpen(mnu) {
  var oLeft = 0, oTop = 0;
  if(mnu.id.indexOf('_') < 0 && document.getElementById(mnu.id+"_sub")) {
    document.getElementById(mnu.id+"_sub").style.display = 'block';
    oLeft = mnu.offsetLeft + document.getElementById('navbar').offsetLeft;
    oTop = parseInt(document.getElementById('content').offsetTop);
    document.getElementById(mnu.id+"_sub").style.left = oLeft + "px";
    document.getElementById(mnu.id+"_sub").style.top = (oTop - 1) + "px";
    subMenuHeight = document.getElementById(mnu.id+"_sub").offsetHeight / document.getElementById(mnu.id+"_sub").childNodes.length;
    subMenuWidth = document.getElementById(mnu.id+"_sub").offsetWidth;
  } else if(mnu.id.indexOf('_') > 0 && mnu.id.indexOf('_') == mnu.id.lastIndexOf('_')) {
    mnu.style.display = 'block';
  } else if(mnu.id.indexOf('_') > 0 && mnu.id.indexOf('_') != mnu.id.lastIndexOf('_') && document.getElementById(mnu.id+"_sub")) {
    document.getElementById(mnu.id+"_sub").style.display = 'block';
    var parentMenu = mnu.id.substring(0,(mnu.id.indexOf('_')));
    var itemIndex = -1;
    var i = 1;
    do {
      if(mnu.id == (parentMenu +"_sub_"+ eval(parentMenu)[i][0])) itemIndex = i;
      i++;
    } while(itemIndex<0);
    oLeft = subMenuWidth - 1 +
      parseInt(document.getElementById(mnu.id.substring(0,mnu.id.indexOf('_')+4)).style.left);
    oTop = (subMenuHeight*itemIndex) +
      document.getElementById('content').offsetTop;
    document.getElementById(mnu.id+"_sub").style.left = oLeft + "px";
    document.getElementById(mnu.id+"_sub").style.top = oTop + "px";
  } else if(mnu.id.indexOf('_') > 0 && mnu.id.indexOf('_') != mnu.id.lastIndexOf('_') && !document.getElementById(mnu.id+"_sub")) {
    mnu.style.display = 'block';
    document.getElementById(mnu.id.substring(0,(mnu.id.indexOf('_')+4))).style.display = 'block';
  }
}
function toggleMenuClose(mnu) {
  if(mnu.id.indexOf('_') < 0 && document.getElementById(mnu.id+"_sub")) {
    document.getElementById(mnu.id+"_sub").style.display = 'none';
  } else if(mnu.id.indexOf('_') > 0 && mnu.id.indexOf('_') == mnu.id.lastIndexOf('_')) {
    mnu.style.display = 'none';
  } else if(mnu.id.indexOf('_') != mnu.id.lastIndexOf('_')) {
    if(document.getElementById(mnu.id+"_sub")) {
      document.getElementById(mnu.id+"_sub").style.display = 'none';
    } else {
      mnu.style.display = 'none';
      document.getElementById(mnu.id.substring(0,(mnu.id.indexOf('_')+4))).style.display = 'none';
    }
  }
}

var mousex = 0;
var mousey = 0;
document.write("<div id='comingsoon' style='display: none;'>Coming Soon!</div>");
document.onmousemove = trackMouse;
function trackMouse(e) {
  if(notIE) {
    mousex = e.pageX;
    mousey = e.pageY;
  } else {
    mousex = event.clientX;
    mousey = event.clientY;
  }
  document.getElementById('comingsoon').style.left = (mousex + 15) + "px";
  document.getElementById('comingsoon').style.top = (mousey - 5) + "px";
}