//browser detection



if (document.all) {n=0;ie=1;ns6=0;fShow="visible";fHide="hidden";}//ie
else if (document.getElementById){n=0;ie=0;ns6=1;fShow="";fHide="hidden";}//ns6
else if (document.layers) {n=1;ie=0;ns6=0;fShow="show";fHide="hide";}//ns4
//Initialize variables used in displaySubMenu function
rightX = 0;
leftY = 0;
leftX = 0;
offsetY = 86;
baseHTTP = "/";
var htmlRoot = "/";
var imgWidth = 800;
var overRideBanner = null;
var bannerAlignment = "middle";

function showCSMToolbar(){
	overRideBanner = baseHTTP + "ministries/csm/images/wcc_csmBanner.jpg"
	imgWidth="";
	bannerAlignment = "left";	
	showToolbar();
}


//menu contents
function showToolbar(){
//addItem(id, text, hint, location, alternativeLocation);
// addSubItem(idParent, text, hint, location);	
	menu = new Menu();
	// add all main menu items first then submenus
		menu.addItem("AboutUsMenu", "About Us", null,null,null);
		menu.addItem("MinistriesMenu", "Ministries", null,null,null);
		menu.addItem("ServiceTimesMenu", "Worship", null,null,null);
		menu.addItem("CurrentEventsMenu", "Events", null,null,null);
		menu.addItem("WhatsNewMenu", "Whats New",null, null,null);
		menu.addItem("ContactUsMenu", "Contact Us", null,null,null);
		

	//About Us

	// menu.addItem("AboutUsMenu", "About Us", null,null,null);
		menu.addSubItem("AboutUsMenu","What We Believe","What We Believe",baseHTTP + "aboutus/wcc_about_us_info_pg.htm");
		menu.addSubItem("AboutUsMenu","--Small Groups","--Small Groups",baseHTTP + "ministries/SMGroup.htm");
		menu.addSubItem("AboutUsMenu","--Adult Classes","--Adult Classes",baseHTTP + "services/adultclasses.htm");
		menu.addSubItem("AboutUsMenu","--Mid Week Pgms","--Mid Week Pgms",baseHTTP + "studies/midweek.htm");
		menu.addSubItem("AboutUsMenu","--Ministries","--Ministries",baseHTTP + "studies/Ministries.htm");
		menu.addSubItem("AboutUsMenu","Who We Are","Who We Are",baseHTTP + "History/wcchistory.htm");
		menu.addSubItem("AboutUsMenu","Links","Favorite Web Links",baseHTTP + "links/links.htm");
		menu.addSubItem("AboutUsMenu","Home","Return to the WCC Home Page",baseHTTP + "index.html");
	

    // ministries

	//menu.addItem("MinistriesMenu", "Ministries", null,null,null);

		menu.addSubItem("MinistriesMenu","Local","Local",null);
		menu.addSubItem("MinistriesMenu","International","International",baseHTTP + "ministries/Missions.htm");
		menu.addSubItem("MinistriesMenu","--Columbia Pics","--Columbia Pics ",baseHTTP + "ministries/Columbia_pictures.htm");
		menu.addSubItem("MinistriesMenu","--Nepal ","--Nepal",baseHTTP + "ministries/Nepal.htm");
		menu.addSubItem("MinistriesMenu","--Tanzania ","--Tanzania",baseHTTP + "ministries/Tanzania.htm");
		menu.addSubItem("MinistriesMenu","Church ","Church",baseHTTP + "ministries/Ministries.htm");
		//menu.addSubItem("MinistriesMenu","--Nominating ","Nominating Committee",baseHTTP + "ministries/Nominating_Committee.htm");
		//menu.addSubItem("MinistriesMenu","---What will it Mean ","What will it Mean",baseHTTP + "ministries/What_it_will_mean.htm");	menu.addSubItem("MinistriesMenu","--Drama ","Drama Team",baseHTTP + "ministries/Drama.htm");		
		menu.addSubItem("MinistriesMenu","--Sermons","Sermon Titles",baseHTTP + "sermons/sermons.html");	
		menu.addSubItem("MinistriesMenu","--Promise Keepers","Marion Correctional Institute Rally",baseHTTP + "ministries/mci_pk_rally.htm");
		menu.addSubItem("MinistriesMenu","--Men's Ministry","2002 Events",baseHTTP + "ministries/Mens_Ministry.htm");
		menu.addSubItem("MinistriesMenu","--Small Groups","Small Groups",baseHTTP + "ministries/SMGroup.htm");
		menu.addSubItem("MinistriesMenu","Youth ","Youth ",baseHTTP + "ministries/Teen_home.htm");	
		menu.addSubItem("MinistriesMenu","--Teen Sun.","--Teen Sun.",baseHTTP + "ministries/Teen_Sun.htm");	
		menu.addSubItem("MinistriesMenu","--Teen Wed.","--Teen Wed.",baseHTTP + "ministries/Teen_Weds.htm");	
		menu.addSubItem("MinistriesMenu","--Bible Bowl","--Bible Bowl",baseHTTP + "ministries/Bible_Bowl.htm");
		menu.addSubItem("MinistriesMenu","--Liability Release","--Liability Release",baseHTTP + "forms/liability_release_form.htm");
		menu.addSubItem("MinistriesMenu","Children ","Children ",baseHTTP + "ministries/CMHome.htm");
		//menu.addSubItem("MinistriesMenu","--VBS ","--VBS ",baseHTTP + "ministries/VBS_2001.htm");
		//menu.addSubItem("MinistriesMenu","Sports ","Sports ",null);
		//menu.addSubItem("MinistriesMenu","--Softball A ","Sports ",baseHTTP + "ministries/Softball.htm");		
		//menu.addSubItem("MinistriesMenu","--Softball B ","Sports ",baseHTTP + "ministries/SoftballB.htm");		
		//menu.addSubItem("MinistriesMenu","--Softball CoEd ","Sports ",baseHTTP + "ministries/SoftballCoEd.htm");	
		//menu.addSubItem("MinistriesMenu","--Softball CoEd B ","Sports ",baseHTTP + "ministries/SoftballCoEd_B.htm");			
		menu.addSubItem("MinistriesMenu","Home","Return to the WCC Home Page",baseHTTP + "index.html");
	
	//Service Times
	//menu.addItem("ServiceTimesMenu", "Worship", null,null,null);
		menu.addSubItem("ServiceTimesMenu","Bible Fellowship",baseHTTP +"Bible Fellowship",null);
		menu.addSubItem("ServiceTimesMenu","--Church","Church Service Times",baseHTTP +"services/services.htm");
		menu.addSubItem("ServiceTimesMenu","--Adult Classes","Adult Bible Fellowship Classes",baseHTTP +"services/adultclasses.htm");
		menu.addSubItem("ServiceTimesMenu","Small Groups","Small Groups",baseHTTP +"ministries/SMGroup.htm");
		menu.addSubItem("ServiceTimesMenu","Teen","Teen",baseHTTP +"ministries/StudentMinistry.htm");
		menu.addSubItem("ServiceTimesMenu","Children","Children",baseHTTP +"ministries/CMHome.htm");
		menu.addSubItem("ServiceTimesMenu","Home","Return to the WCC Home Page",baseHTTP + "index.html");

	//Current Events
	//menu.addItem("CurrentEventsMenu", "Events", null,null,null);
		menu.addSubItem("CurrentEventsMenu","This Week","This Weeks Events",baseHTTP +"events/events.htm");
		menu.addSubItem("CurrentEventsMenu","Special Events","Coming Attractions!",baseHTTP +"events/Special_Events/wcc_spec_events_info_pg.htm");
		menu.addSubItem("CurrentEventsMenu","Monthly Calendar","Calendar of Events",baseHTTP +"events/Calendar.htm");
		//menu.addSubItem("CurrentEventsMenu","Mid Week","Mid Week Programs",baseHTTP +"events/Mid_Week_Programs.htm");
		menu.addSubItem("CurrentEventsMenu","Home","Return to the WCC Home Page",baseHTTP + "index.html");


	//What's New
	//menu.addItem("WhatsNewMenu", "Whats New",null, null,null);
		menu.addSubItem("WhatsNewMenu","<N>PK Volunteers","Volunteer Information",baseHTTP +"ministries/pkVolunteers.htm");
		menu.addSubItem("WhatsNewMenu","<N>Mens Accountability","Sign Up Form",baseHTTP +"forms/mens-accountability.htm");
		menu.addSubItem("WhatsNewMenu","<N>Calendar","New Calendar Page",baseHTTP +"events/Calendar.htm");
		menu.addSubItem("WhatsNewMenu","Sermons","Sermons Lists",null);
		menu.addSubItem("WhatsNewMenu","--<U>-- By Date","Updated Sermons List - by Month",baseHTTP +"sermons/sermons.html?reset=1");
		menu.addSubItem("WhatsNewMenu","--<N>-- By Speaker","New Sermons List - by Speaker",baseHTTP +"sermons/sermons.html?view=spkr");
		menu.addSubItem("WhatsNewMenu","<U>T-A-F Archive","New Thinking About Faith Archive",baseHTTP + "thinkingaboutfaith/ArchiveList.htm");
		menu.addSubItem("WhatsNewMenu","<U>Mid Week Pgms","Updated MidWeek Programs",baseHTTP +"events/Mid_Week_Programs.htm");
		//menu.addSubItem("WhatsNewMenu","<N>Grace Notes","Ladies Vocal Ensemble",baseHTTP + "ministries/grace_notes.htm");
		menu.addSubItem("WhatsNewMenu","<U>Recent Updates","Recently Updated Pages",baseHTTP +"Recent_Updates.htm");
		menu.addSubItem("WhatsNewMenu","Home","Return to the WCC Home Page",baseHTTP + "index.html");
	
	//Contact Us
	//menu.addItem("ContactUsMenu", "Contact Us", null,null,null);
		menu.addSubItem("ContactUsMenu","Staff","Staff",baseHTTP + "contacts/contacts-rev020500.htm");
		menu.addSubItem("ContactUsMenu","Suggestion Form","Suggestion Form",baseHTTP + "forms/comments.html");
		
	
	menu.showMenu();
}

//create the menu
function Menu(){
	this.addItem    = addItem;
	this.addSubItem = addSubItem;
	this.showMenu   = showMenu;
	this.bgColor     = "#d3d3d3";	
	this.mainPaneBorder = 0;
	this.subMenuPaneBorder = 0;
	this.subMenuPaneWidth = 125;
	this.menuSpan = 0;
	this.imgWidth = imgWidth;
	this.menuImage = baseHTTP+ "images/wcc_menubar.jpg";
	this.menuElementImage = baseHTTP + "images/wcc_menubarfield.jpg";
	if (overRideBanner !=null){
	  this.bannerImage = overRideBanner;
	}else{
		this.bannerImage = baseHTTP + "images/wcc_banner_img.jpg";
	}
	lastMenu = null;
	
	HTMLstr = "";
	// setup needed styles
	HTMLstr += "<style>"
	HTMLstr += "all.clsMenuItemNS{font: bold x-small Verdana; color: #c0c0c0; text-decoration: none;}";
	HTMLstr += ".clsMenuItemIE{text-decoration: none; font: bold xx-small Verdana; color: #c0c0c0; cursor: hand;}";
	HTMLstr += ".clsMenuItemNS6{text-decoration: none; font: bold x-small Verdana; color: #c0c0c0; cursor: hand;}";
	HTMLstr += "A.clsMenuItemIE:hover {color: #FFFF00;}";
	HTMLstr += "A.clsMenuItemNS:hover {color: #FFFF00;}";
	HTMLstr += "A.clsMenuItemNS6:hover {color: #FFFF00;}";
	HTMLstr += "</style>";
	HTMLstr += "<!-- MENU PANE DECLARATION BEGINS -->\n";
	HTMLstr += "\n";
	HTMLstr += "<table width='100%' cellpadding='0' cellspacing='0' border='0'>\n";
	HTMLstr += "<tr>";
	HTMLstr += "<td colSpan='REPLACE WITH COLSPAN' align='" + bannerAlignment + "' >";
//	HTMLstr += "<IMG border=0 height=84 src='" + this.bannerImage + "' style='HEIGHT: 81px; WIDTH: 813px' width=800 ></td>";
	HTMLstr += "<IMG border=0 height=84 src='" + this.bannerImage + "' style='HEIGHT: 81px;'";
	if (this.imgWidth != ""){
	  HTMLstr += " width=" + this.imgWidth;
	  }
	HTMLstr +=  "></td>";
       HTMLstr += "</tr><tr>"
	HTMLstr += "<table width='100%' background='"+this.menuImage+"' border='"+this.mainPaneBorder+"'>\n";
	//HTMLstr += "<div id='MainTable' style='position:absolute;left: 0; top: 90'>\n";
	HTMLstr += "<div align='Center' id='MainTable' style='width=800;'>\n";
	if (n) HTMLstr += "<td>&nbsp;";
	HTMLstr += "<!-- MAIN MENU STARTS -->\n";
	HTMLstr += "<!-- MAIN_MENU -->\n";
	HTMLstr += "<!-- MAIN MENU ENDS -->\n";
	if (n) HTMLstr += "</td>";
	HTMLstr += "</tr>\n";
	HTMLstr += "</table>\n";
	HTMLstr += "\n";
	HTMLstr += "<!-- SUB MENU STARTS -->\n";
	HTMLstr += "<!-- SUB_MENU -->\n";
	HTMLstr += "<!-- SUB MENU ENDS -->\n";
	HTMLstr += "\n";
 	HTMLstr+= "</div></tr></table>\n";
	HTMLstr += "<!-- MENU PANE DECALARATION ENDS -->\n";
}

//add drop-down container
function addItem(idItem, text, hint, location, altLocation){
	var Lookup = "<!-- ITEM "+idItem+" -->";
	if (HTMLstr.indexOf(Lookup) != -1){
		alert(idParent + " already exist");
		return;
	}
	var MENUitem = "";
	MENUitem += "\n<!-- ITEM "+idItem+" -->\n";
	this.menuSpan += 1;
	if (n){
		MENUitem += "<ilayer name="+idItem+">";
		MENUitem += "<a href='.' class=clsMenuItemNS onmouseover=\"displaySubMenu('"+idItem+"')\" onclick=\"return false;\">";
		MENUitem += "|&nbsp;";
		MENUitem += text;
		MENUitem += "</a>";
		MENUitem += "</ilayer>";
	}
	else{//IE or NS6
		MENUitem += "<td>\n";
		//MENUitem += "<div id='"+idItem+"' style='position:absolute;left: 103;top: 90; font: "+this.menuFont+";'>\n";
		MENUitem += "<div id='"+idItem+"' style='font: "+this.menuFont+";'>\n";
		MENUitem += "<a ";
		
		if(ie)
			MENUitem += "class=clsMenuItemIE ";
		if(ns6)
			MENUitem += "class=clsMenuItemNS6 ";
			
		if (hint != null)
			MENUitem += "title='"+hint+"' ";
		if (location != null){
			MENUitem += "href='"+location+"' ";
			MENUitem += "onmouseover=\"hideAll()\" ";
		}
		else{
			if (altLocation != null)
				MENUitem += "href='"+altLocation+"' ";
			else
				MENUitem += "href='.' ";
			MENUitem += "onmouseover=\"displaySubMenu('"+idItem+"')\" ";
			MENUitem += "onclick=\"return false;\" "
		}
		MENUitem += ">";
		MENUitem += text;
		MENUitem += "</a>\n";
		MENUitem += "</div>\n";
		MENUitem += "</td>\n";
	}
	MENUitem += "<!-- END OF ITEM "+idItem+" -->\n\n";
	MENUitem += "<!-- MAIN_MENU -->\n";

	HTMLstr = HTMLstr.replace("<!-- MAIN_MENU -->\n", MENUitem);
}

//add sub-menu items to applicable drop-down containor
function addSubItem(idParent, text, hint, location){
	var MENUitem = "";
	Lookup = "<!-- ITEM "+idParent+" -->";
	if (HTMLstr.indexOf(Lookup) == -1){
		alert(idParent + " not found");
		return;
	}
	Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->";
	if (HTMLstr.indexOf(Lookup) == -1){
		if (n){
			MENUitem += "\n";
			MENUitem += "<layer id='"+idParent+"submenu' visibility=hide background='"+this.menuElementImage+"'>\n";
			MENUitem += "<table border='"+this.subMenuPaneBorder+"' background='"+this.menuElementImage+"' width="+this.subMenuPaneWidth+">\n";
			MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
			MENUitem += "</table>\n";
			MENUitem += "</layer>\n";
			MENUitem += "\n";
		}
		else{//IE or NS6
			MENUitem += "\n";
			//MENUitem += "<div id='"+idParent+"submenu' style='position:absolute; top: 86px; background-color: '"+this.bgColor+"'; visibility: hidden; width: "+this.subMenuPaneWidth+";'>\n";
			MENUitem += "<div id='"+idParent+"submenu' style='position:absolute; left: 103; top: 94; background: "+this.menuElementImage+"; visibility: hidden; width: "+this.subMenuPaneWidth+"; '>\n";
			//MENUitem += "<div id='"+idParent+"submenu' style='background-color: "+this.bgColor+"; visibility: hidden; width: "+this.subMenuPaneWidth+"; '>\n";
			
			MENUitem += "<table border='"+this.subMenuPaneBorder+"' background='"+this.menuElementImage+"' width="+this.subMenuPaneWidth+">\n";
			MENUitem += "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
			MENUitem += "</table>\n";
			MENUitem += "</div>\n";
			MENUitem += "\n";
			//alert(idParent + ":: submenu text::"+ MENUitem);
//			
		}
		MENUitem += "<!-- SUB_MENU -->\n";
		HTMLstr = HTMLstr.replace("<!-- SUB_MENU -->\n", MENUitem);
	}

	Lookup = "<!-- NEXT ITEM OF SUB MENU "+ idParent +" -->\n";
	if (location == null)
	    HREF = "";
	else
		HREF = "' href='" + location;
		
	if (n)  MENUitem = "<tr><td><a class=clsMenuItemNS title='"+hint + HREF + "'>"+text+"</a><br></td></tr>\n";
	else //IE or NS6
		if(ie)
			MENUitem = "<tr><td><a class=clsMenuItemIE title='"+ hint + HREF + "'>"+text+"</a><br></td></tr>\n";
		if(ns6)
			MENUitem = "<tr><td><a class=clsMenuItemNS6 title='"+ hint+ HREF + "'>"+text+"</a><br></td></tr>\n";
	MENUitem += Lookup;
	HTMLstr = HTMLstr.replace(Lookup, MENUitem);

}

//write out main menu bar
function showMenu(){
	HTMLstr = HTMLstr.replace("REPLACE WITH COLSPAN", this.menuSpan);
	//set page to hide menus on a mouse click or on mouseout of menu containor
	if (ns6)
	{
		document.body.onclick=hideAll;
		document.body.onmousemove=updateIt;
	}
	else if (ie)
	{
		document.body.onclick=hideAll;
		document.body.onscroll=hideAll;
		document.body.onmousemove=updateIt;
	}
	else if (n)
	{
		document.onmousedown=hideAll;
		window.captureEvents(Event.MOUSEMOVE);
		window.onmousemove=updateIt;
	}

	document.writeln(HTMLstr);
}

//show submenu, and then calculate its x and y coordinates
function displaySubMenu(idMainMenu){
	var menu;
	var submenu;
	if (n){
		submenu = document.layers[idMainMenu+"submenu"];
		if (lastMenu != null && lastMenu != submenu) hideAll();
		submenu.left = document.layers[idMainMenu].pageX;
		submenu.top  = 120; //document.layers[idMainMenu].pageY + document.layers[idMainMenu].clip.height;
		submenu.visibility = fShow;
		submenu.zIndex=10
		leftX  = document.layers[idMainMenu+"submenu"].left;
		rightX = leftX + document.layers[idMainMenu+"submenu"].clip.width;
		leftY  = document.layers[idMainMenu+"submenu"].top+document.layers[idMainMenu+"submenu"].clip.height + offsetY;
	} else if (ns6) {
	
	menu = document.getElementById(idMainMenu);		
		submenu = document.getElementById(idMainMenu+"submenu");
		if (lastMenu != null && lastMenu != submenu) hideAll();
		submenu.style.left = calculateSumOffset(menu, 'offsetLeft');
		submenu.style.top  = 107;//document.getElementById(idMainMenu).offsetHeight + offsetY+10;
		submenu.style.visibility = fShow;
		leftX  = calculateSumOffset(menu, 'offsetLeft');
		rightX =leftX + document.getElementById(idMainMenu+"submenu").offsetWidth;
//		leftY  = document.getElementById(idMainMenu+"submenu").top + window.pageYOffset + 4 + offsetY;
		leftY  = document.getElementById(idMainMenu+"submenu").offsetHeight + window.pageYOffset + 12 + offsetY;
	
	} else if (ie) { 
		
		menu = eval(idMainMenu);
		submenu = eval(idMainMenu+"submenu.style");
		if (lastMenu != null && lastMenu != submenu) hideAll();			
		submenu.left = calculateSumOffset(menu, 'offsetLeft');
		//alert(idMainMenu + ":: submenu.left = "+ submenu.left);
		submenu.top  = 120; //document.all[idMainMenu].offsetHeight + 4;
		submenu.visibility = fShow;
		leftX  = document.all[idMainMenu+"submenu"].style.posLeft;
		rightX = leftX + document.all[idMainMenu+"submenu"].offsetWidth;
		leftY  = document.all[idMainMenu+"submenu"].style.posTop+document.all[idMainMenu+"submenu"].offsetHeight + 4;
	}
	lastMenu = submenu;
}

//hide the submenu
function hideAll(){
	if (ns6){
		if (lastMenu != null) 
			{lastMenu.style.visibility = fHide;}
	}else{
		if (lastMenu != null) 
			{lastMenu.visibility = fHide;}
	}		
}

//used to calculate position of a submenu
function calculateSumOffset(idItem, offsetName){
	var totalOffset = 0;
	var item = eval('idItem');
	do{
		totalOffset += eval('item.'+offsetName);
		item = eval('item.offsetParent');
	} while (item != null);
	return totalOffset;
}

//close menu on mouse out of menu containor
function updateIt(e){
	if (ns6){
		var x = e.pageX;
		var y = e.pageY;
		if (x > rightX || x < leftX) hideAll();
		else if (y > leftY) hideAll();
	}
	 else if (ie){
		var x = window.event.clientX;
		var y = window.event.clientY;
		if (x > rightX || x < leftX) hideAll();
		else if (y > leftY) hideAll();
	}
	else if (n){
		var x = e.pageX;
		var y = e.pageY;
		if (x > rightX || x < leftX) hideAll();
		else if (y > leftY) hideAll();
	}
}