function topNav(){
	document.write('<div class="topNav">')
	document.write('<a href="index.html?1" id="index" class="index">Home</a>')
	document.write('<a href="whoAreWe.html?2" id="whoAreWe" class="whoAreWe">Who Are We?</a>') 
	//document.write('<a href="ourPeople.html?3">Our People</a>')
	document.write('<a href="benefits.html?4" id="benefits" class="benefits">Benefits Of Leasing</a>')
	document.write('<a href="qa.html?5" id="qa" class="qa">Questions & Answers</a>')
	//document.write('<span><a href="application.html?6">Application</a></span>')
	document.write('<a href="contact.html?7" id="contactus" class="contactus">Contact Us</a>')
	document.write('<a href="calculator.html?8" id="calculator" class="calculator">Calculator</a>')
	document.write('<a href="documents/pdfs/CLS_lease_application.pdf" target="_blank" class="application">Download Fillable App</a>')
	//document.write('<a href="#" id="menu_parent">Other</a>')
		//document.write('<div id="menu_child" class="menu_child">')
		//document.write('<a href="sample.html" class="topButton">sample</a>')
		//document.write('</div>')
	//document.write('</div>')
	
	//document.write('<script type="text/javascript">')
	//document.write('at_attach("menu_parent", "menu_child", "hover", "y", "pointer");')
	//document.write('</script>')
	
	//function call to change selected bar color
	setNavColor(window.location.search.substring(1));
}

function btmNav(){
	document.write('<div class="bottomNav">')
	document.write('<strong class="linkSpacer"> :: </strong><a href="index.html?1">Home</a>') 
	document.write('<strong class="linkSpacer"> :: </strong><a href="whoAreWe.html?2">Who Are We?</a> ')
	//document.write('<strong class="linkSpacer"> :: </strong><a href="ourPeople.html?3">Our People</a> ')
	document.write('<strong class="linkSpacer"> :: </strong><a href="benefits.html?4">Benefits Of Leasing</a>')
	document.write('<strong class="linkSpacer"> :: </strong><a href="qa.html?5">Questions & Answers</a>')
	//document.write('<strong class="linkSpacer"> :: </strong><a href="application.html?6">Application</a>')
	document.write('<strong class="linkSpacer"> :: </strong><a href="contact.html?7">Contact Us</a>')
	document.write('<strong class="linkSpacer"> :: </strong><br>')
	document.write('<strong class="linkSpacer"> :: </strong><a href="calculator.html?8">Calculator</a>')
	document.write('<strong class="linkSpacer"> :: </strong><a href="documents/pdfs/CLS_lease_application.pdf" target="_blank">Download Fillable App</a>')
	document.write('<strong class="linkSpacer"> :: </strong>')
	document.write('</div>')
}


function setNavColor(selectedPage){
	var page = "";
	switch (selectedPage) {
		case '1': 
			page = 'index';
			break;
		case '2': 
			page = 'whoAreWe';
			break;
		case '3': 
			page = '';
			break;
		case '4': 
			page = 'benefits';
			break;
		case '5': 
			page = 'qa';
			break;
		case '6': 
			page = '';
			break;
		case '7': 
			page = 'contactus';
			break;
		case '8': 
			page = 'calculator';
			break;
			
		default:
			page = 'index';
	}
	
	document.getElementById(page).className = "selectedPage";
}