// JavaScript Document
// Javascript html - navigation
// This content is hidden in a Javascript Script for creating the Nav ID as an editable area (for current page selection), and keeping the Nav at one area for updating.

var pageHtml="";

function createNav(){
	
	/////////////////
	//Home
	/////////////////
	pageHtml+="<div id=\"home\">";
		pageHtml+="<h1 id=\"lnk01\"><a href=\"index.htm\">Home</a></h1>";
		pageHtml+="</div>";
	/////////////////
	//About
	/////////////////
	pageHtml+="<div id=\"about\" onmouseover=\"javascript:showAbout()\" onmouseout=\"javascript:hideAbout()\"><div id=\"aboutLock\"><img src=\"Images/lock.gif\" alt=\"lock list\" onclick=\"javascript:lockAbout()\" /></div>";
		pageHtml+="<h1 id=\"lnk02\"><a href=\"aboutUs.html\">About Us</a></h1>";
		pageHtml+="<div id=\"about2\">";
			pageHtml+="<hr color=\"#990000\" />";
			pageHtml+="<span id=\"lnk03\"><a href=\"ourMissionAndValues.html\">Our Mission | Values</a></span><br />";
			pageHtml+="<span id=\"lnk04\"><a href=\"ourStaff.html\">Our Staff</a></span><br />";
			pageHtml+="<span id=\"lnk05\"><a href=\"whyCome.html\">Why Come?</a></span><br />";
			pageHtml+="<span id=\"lnk06\"><a href=\"FAQ.html\">FAQ</a></span><br />";
			pageHtml+="<span id=\"lnk07\"><a href=\"trainingProgram.html\">Training Program</a></span><br />";
			pageHtml+="<span id=\"lnk08\"><a href=\"employment.html\">Employment</a></span><br />";
			pageHtml+="<span id=\"lnk09\"><a href=\"newsletters.html\">Newsletters | Articles</a></span> ";
			pageHtml+="<hr color=\"#990000\" /></div>";
		pageHtml+="</div>";
	/////////////////
	//Services
	/////////////////
	pageHtml+="<div id=\"services\" onmouseover=\"javascript:showServices()\" onmouseout=\"javascript:hideServices()\"><div id=\"servicesLock\"><img src=\"Images/lock.gif\" alt=\"lock list\" onclick=\"javascript:lockServices()\" /></div>";
		pageHtml+="<h1 id=\"lnk10\"><a href=\"services.html\">Services</a>";
		pageHtml+="</h1>";
		pageHtml+="<div id=\"services2\">";
			pageHtml+="<hr color=\"#990000\" />";
			//For Your Needs
			pageHtml+="<div id=\"needs\">";
				pageHtml+="<span id=\"lnk11\"><a href=\"forYourNeeds.html\"><STRONG>For Your Needs</STRONG></a></span>";
				pageHtml+="<div id=\"needs2\"><hr color=\"#CC9966\" style=\"margin-top:0px;\" />";
				pageHtml+="<span id=\"lnk12\"><a href=\"yourChurch.html\"> • Your Church</a></span><br />";
				pageHtml+="<span id=\"lnk13\"><a href=\"yourSchool.html\"> • Your School</a></span><br />";
				pageHtml+="<span id=\"lnk14\"><a href=\"yourBusinessOrganization.html\"> • Your Business | Org</a></span><br /><br />";
				pageHtml+="</div></div>";
			//Community Calendar
			pageHtml+="<div id=\"calendar\">";
				pageHtml+="<span id=\"lnk15\"><a href=\"communityCalendar.html\"><STRONG>Community Calendar</STRONG></a></span>";
				pageHtml+="<div id=\"calendar2\"><hr color=\"#CC9966\" style=\"margin-top:0px;\" />";
				pageHtml+="<span id=\"lnk16\"><a href=\"new_website_forms/registerforevent.htm\"> • Register for Event</a></span><br /><br />";				
				pageHtml+="</div></div>";
			//Speaker Bureau
			pageHtml+="<div id=\"speaker\">";
				pageHtml+="<span id=\"lnk18\"><a href=\"speakerBureau.html\"><STRONG>Speaker Bureau</STRONG></a></span>";
				pageHtml+="<div id=\"speaker2\"><hr color=\"#CC9966\" style=\"margin-top:0px;\" />";
				pageHtml+="<span id=\"lnk19\"><a href=\"bySpeaker.html\"> • By Speaker</a></span><br />";
				pageHtml+="<span id=\"lnk20\"><a href=\"byTopic.html\"> • By Topic</a></span><br /><br />";
				pageHtml+="</div></div>";
				
				pageHtml+="<hr color=\"#990000\" /></div>";
		pageHtml+="</div>";
	/////////////////
	//Self Help
	/////////////////
	pageHtml+="<div id=\"selfHelp\" onmouseover=\"javascript:showSelfHelp()\" onmouseout=\"javascript:hideSelfHelp()\"><div id=\"selfHelpLock\"><img src=\"Images/lock.gif\" alt=\"lock list\" onclick=\"javascript:lockSelfHelp()\" /></div>";
		pageHtml+="<h1 id=\"lnk24\"><a href=\"selfHelp.html\">Self Help</a></h1>";
			pageHtml+="<div id=\"selfHelp2\">";
			pageHtml+="<hr color=\"#990000\" />";
			pageHtml+="<span id=\"lnk25\"><a href=\"recommendedBooks.html\">Recommended Books</a></span><br />";
			pageHtml+="<span id=\"lnk26\"><a href=\"helpfulLinks.html\">Helpful Links</a></span>";
			pageHtml+="<hr color=\"#990000\" /></div>";
		pageHtml+="</div>";
	/////////////////
	//Give
	/////////////////
	pageHtml+="<div id=\"give\" onmouseover=\"javascript:showGive()\" onmouseout=\"javascript:hideGive()\"><div id=\"giveLock\"><img src=\"Images/lock.gif\" alt=\"lock list\" onclick=\"javascript:lockGive()\" /></div>";
		pageHtml+="<h1 id=\"lnk27\"><a href=\"give.html\">Give</a>  </h1>";
		pageHtml+="<div id=\"give2\">";
			pageHtml+="<hr color=\"#990000\" />";
			pageHtml+="<a href=\"https://app.etapestry.com/hosted/ChicagoChristianCounseling/OnlineDonation.html\" target=\”_blank\”>Online</a><br />";
			pageHtml+="<a href=\"http://www.barnabasfoundation.com/\" target=\"_blank\">Planned Giving</a><br />";
			pageHtml+="<a href=\"files/StephenFundBrochure.pdf\">Stephen Fund</a><br />";
			pageHtml+="<span id=\"lnk32\"><a href=\"wishlist.html\">Wish List</a></span><br />";
			pageHtml+="<span id=\"lnk29\"><a href=\"volunteer.html\">Volunteer</a></span><br />";
			pageHtml+="<a href=\"http://www.goodsearch.com/toolbar/chicago-christian-counseling-center-cccc\" target=\"_blank\">GoodSearch/Shop</a>";
			pageHtml+="<hr color=\"#990000\" /></div>";
		pageHtml+="</div>";
	/////////////////
	//Forms
	/////////////////
	pageHtml+="<div id=\"forms\">";
		pageHtml+="<h1 id=\"lnk30\"><a href=\"forms.html\">Forms</a></h1>";
		pageHtml+="</div>";
	/////////////////
	//Locations
	/////////////////
	pageHtml+="<div id=\"locations\">";
		pageHtml+="<h1 id=\"lnk31\"><a href=\"locations.html\">Locations</a></h1>";
		pageHtml+="</div>";
	/////////////////
	/////////////////
	
	document.getElementById("nav").innerHTML=pageHtml;
	}