<!--
/*********************************
 * author@TechSystems.com        *
 * http://www.portaldepot.net    *
 * management@portaldepot.net    *
 * (c)TechSystems.com 2005       *
 * All Rights Reserved.          *
 *********************************
 */

var menuwidth='900'; //Default menu width
var menuposition='center';  //defalt posotion
var menubgcolor='#f5deb3';  //Change menu bgcolor to your specifications.
var hideMenuDelay=300; //Menu disappear speed onMouseout (in miliseconds)

//Contents for menu1. Change contents to your hyperlinks. This is for home
var menu1=new Array();
menu1[0]='<a href="../index.htm" target="_top">Home</a>';
menu1[1]='<a href="../retreats.htm" target="_top">Retreat Center</a>';
menu1[2]='<a href="../equipping.htm" target="_top">Equipping for the Journey</a>';
menu1[3]='<a href="../wilderness.htm" target="_top">Recreational and Challenge Trips</a>';
menu1[4]='<a href="../sign_up.htm" target="_top">Sign-up Calendar</a>';
menu1[5]='<a href="../retreat/leadership.htm">Leadership/Team Training</a>';
menu1[6]='<a href="../retreat/conflict.htm">Conflict Resolution Coaching</a>';
menu1[7]='<a href="../more.htm" target="_top">More...</a>';


//Contents for menu2. Change contents to your hyperlinks.  This is for Youth
var menu2=new Array();
menu2[0]='<a href="../retreat/retreathere.htm">Retreats</a>';
menu2[1]='<a href="../trips/rec_trip.htm">Recreational Trips</a>';
menu2[2]='<a href="../trips/challenge_trip.htm">Challenge Trips</a>';
menu2[3]='<a href="../activitiesdesc/work.htm">Work Projects</a>';
menu2[4]='<a href="../retreat/leadership.htm">Leadership/Team training</a>';
menu2[5]='<a href="../retreat/conflict.htm">Conflict Resolution Coaching</a>';

//Contents for menu3. Change contents to your hyperlinks.  This is for College
var menu3=new Array();
menu3[0]='<a href="../equipping.htm" target="_top">Equipping for the Journey</a>';
menu3[1]='<a href="../sign_up.htm">Sign-up Trips Calendar</a>';
menu3[2]='<a href="../retreat/retreathere.htm">Retreats</a>';
menu3[3]='<a href="../trips/rec_trip.htm">Recreational Trips</a>';
menu3[4]='<a href="../trips/challenge_trip.htm">Challenge Trips</a>';
menu3[5]='<a href="../retreat/leadership.htm">Leadership/Team training</a>';
menu3[6]='<a href="../retreat/conflict.htm">Conflict Resolution Coaching</a>';


//Contents for menu4. This is for Families/Couples
var menu4=new Array();
menu4[0]='<a href="../sign_up.htm">Sign-up Calendar</a>';
menu4[1]='<a href="../retreat/family.htm">Reunions and Family Retreats</a>';
menu4[2]='<a href="../retreat/familycamp.htm">Family Camps</a>';
menu4[3]='<a href="../retreat/plan_couples.htm">Couples Retreat</a>';
menu4[4]='<a href="../trips/dadstrips.htm">D.A.D.S. Trips</a>';
menu4[5]='<a href="../retreat/facility.htm">Facility</a>';
menu4[6]='<a href="../retreat/conflict.htm">Conflict Resolution Coaching</a>';

//Contents for menu5.  This is for Churches
var menu5=new Array();
menu5[0]='<a href="../retreat.htm">Retreats</a>';
menu5[1]='<a href="../retreat/plan_couples.htm">Couples Retreat</a>';
menu5[2]='<a href="../retreat/familycamp.htm">Family Camps</a>';
menu5[3]='<a href="../wilderness.htm">Recreational and Challenge Trips</a>';
menu5[4]='<a href="../retreat/leadership.htm">Leadership/Team Training</a>';
menu5[5]='<a href="../retreat/conflict.htm">Conflict Resolution Coaching</a>';

//Contents for menu6.  This is for Details
var menu6=new Array();
menu6[0]='<a href="../details/prices.htm">Prices</a>';
menu6[1]='<a href="../details/paperwork.htm">Forms</a>';
menu6[2]='<a href="../details/about_us.htm">Contact Us</a>';
menu6[3]='<a href="../details/schedule.htm">Schedule . . .</a>';
menu6[4]='<a href="../details/catering.htm">Catered Meals</a>';
menu6[5]='<a href="../details/mapto.htm">Maps</a>';
menu6[6]='<a href="../details/sights.htm">Local Sights</a>';
menu6[7]='<a href="../details/pets.htm">Pets</a>';
menu6[8]='<a href="../articles/modesty.htm">Modesty Policy</a>';
menu6[9]='<a href="../details/about_us.htm">About Us...</a>';


//You can add any number of menues you just have to follow the schema above and
//add a coordinated menue item in the main HTML menue bar for each new menue.
//Also in the "function populateMenu(menu)" below, you have to add,
//else if (menu == "menu4"){dropMenuObj.innerHTML = menu4.join("");} statements,
//for each additional popUp menue.
//Also in the "function hideMenu()" below you have to add the
//menuItem4 = document.getElementById("m4"); and the
//menuItem4.style.color="#000080"; statements, for each additional popUp menue.


var dropMenuObj = document.getElementById("popUpMenu"); 
document.write('<div id="popUpMenu" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearHideMenu()" onMouseout="delayHideMenu()"></div>');

function dropMenu(offsetX, offsetY,obj, menu, width){
dropMenuObj = document.getElementById("popUpMenu");

populateMenu(menu);
viewMenu(width);

if (menu){

//You can change the number 12 below to fine tune your x position, if you have to.
popUpMenu.style.left = getPos(obj,'Left') - 12;

//You can change the number 6 below to fine tune your y position, if you have to.
popUpMenu.style.top = getPos(obj,'Top') + obj.offsetHeight + 6;
popUpMenu.style.textAlign = "left"}
}

function populateMenu(menu){
if (menu == "menu1"){
dropMenuObj.innerHTML = menu1.join("");}
else if (menu == "menu2"){
dropMenuObj.innerHTML = menu2.join("");}
else if (menu == "menu3"){
dropMenuObj.innerHTML = menu3.join("");}
else if (menu == "menu4"){
dropMenuObj.innerHTML = menu4.join("");}
else if (menu == "menu5"){
dropMenuObj.innerHTML = menu5.join("");}
else if (menu == "menu6"){
dropMenuObj.innerHTML = menu6.join("");}
}

function viewMenu(width){
dropMenuObj = document.getElementById("popUpMenu");
dropMenuObj.style.width=width;
dropMenuObj.style.visibility="visible";
}

function getPos(obj,sPos){
var iPos = 0;
while (obj != null) {
iPos += obj["offset" + sPos];
obj = obj.offsetParent;}
return iPos;
}

function delayHideMenu(){
delayhide=setTimeout("hideMenu()",hideMenuDelay)
}

function hideMenu(){
dropMenuObj = document.getElementById("popUpMenu");
dropMenuObj.style.visibility="hidden";
menuItem1 = document.getElementById("m1");
menuItem1.style.color="#2c2c2c";
menuItem2 = document.getElementById("m2");
menuItem2.style.color="#2c2c2c";
menuItem3 = document.getElementById("m3");
menuItem3.style.color="#2c2c2c";
menuItem4 = document.getElementById("m4");
menuItem4.style.color="#2c2c2c";
menuItem5 = document.getElementById("m5");
menuItem5.style.color="#2c2c2c";
menuItem6 = document.getElementById("m6");
menuItem6.style.color="#2c2c2c";
}

function clearHideMenu(){
if (typeof delayhide!="undefined"){
clearTimeout(delayhide);}
}



