/*
terms.htm
about_us.htm
history.htm
water_service.htm
sewer_service.htm

my_account.htm
frozen_pipes.htm
conservation_qa.htm
water_rates_bill_calc.htm
sewer_rates_bill_calc.htm

rates_broch.htm
sewer_rates_broch.htm
irrigation.htm
contact_us.htm
service_areas.htm
*/




function navmenu (main, sub, sup) {
	document.writeln("<div style='position:relative; height:100%; min-height:100%;'>");
	document.writeln("<table border='0' width='200px' id='table3' cellspacing='0' cellpadding='0' style='position:relative; top:0px;'>");

	// Home
	if (main == 1) {
		document.writeln("	<tr><td height='65' colspan='3' style='padding-left:33px;'><a href='water_rates.htm'>");
		document.writeln("			<img border='0' src='images/WaterRates.gif'></a></td></tr>");
		document.writeln("	<tr><td height='65' colspan='3' style='padding-left:33px;'><a href='sewer_rates.htm'>");
		document.writeln("			<img border='0' src='images/SewerRates.gif'></a></td></tr>");
	}
	{	document.writeln("	<tr><td width='24%'>&nbsp;</td>");
		document.write("		<td width='67%' class='nav' ");
		if (main == 1) { document.write("height='25'><a class='on'"); } else { document.write("height='45'><a"); }
		document.writeln(" href='index.cgi'>");
		document.writeln("					H<span style='font-variant: small-caps'>ome</span>");
		document.writeln("				</a></td>");
		document.writeln("		<td width='9%'>&nbsp;</td></tr>");
	}
	
	// About Us
	{	document.writeln("	<tr><td width='50'>&nbsp;</td>");
		document.write("		<td width='67%' class='nav' ");
		if (main == 2) { document.write("height='25'><a class='on'"); } else { document.write("height='45'><a"); }
		document.writeln(" href='about_us.cgi'>");
		document.writeln("					A<span style='font-variant: small-caps'>bout</span>");
		document.writeln("					U<span style='font-variant: small-caps'>s</span>");
		document.writeln("				</a></td>");
		document.writeln("		<td width='32'>&nbsp;</td></tr>");
	}
	if (main == 2) {
		document.writeln("	<tr><td width='24%' height='67'>&nbsp;</td>");
		document.writeln("		<td height='67' width='67%'><ul class='subnav'>");
		
		if (sub == 1) { document.writeln("	<li class='on'>Service Area Map</li>"); }
				else { document.writeln("	<li><a href='service_map.htm'>Service Area Map</a></li>"); }
		
		if (sub == 2) { document.writeln("	<li class='on'>History</li>"); }
				else { document.writeln("	<li><a href='history.cgi'>History</a></li>"); }
		
		if (sub == 3) { document.writeln("	<li class='on'>Water Service</li>"); }
				else { document.writeln("	<li><a href='water_service.cgi'>Water Service</a></li>"); }
		
		if (sub == 4) { document.writeln("	<li class='on'>Sewer Service</li>"); }
				else { document.writeln("	<li><a href='sewer_service.cgi'>Sewer Service</a></li>"); }
		
		document.writeln("		<li><a href='service_areas.cgi'>Water/Sewer Service Areas</a></li>");
		
		document.writeln("		</ul></td>");
		document.writeln("		<td width='9%' height='67'>&nbsp;</td></tr>");
	}

	// Contact Us
	{	document.writeln("	<tr><td width='24%'>&nbsp;</td>");
		document.write("		<td width='67%' class='nav' ");
		if (main == 3) { document.write("height='45'><a class='on'"); } else { document.write("height='45'><a"); }
		document.writeln(" href='contact_us.cgi'>");
		document.writeln("					C<span style='font-variant: small-caps'>ontact</span>");
		document.writeln("					U<span style='font-variant: small-caps'>s</span>");
		document.writeln("				</a></td>");
		document.writeln("		<td width='9%'>&nbsp;</td></tr>");
	}
	
	// My Account
	{	document.writeln("	<tr><td width='24%'>&nbsp;</td>");
		document.write("		<td width='67%' class='nav' ");
		if (main == 4) { document.write("height='25'><a class='on'"); } else { document.write("height='45'><a"); }
		document.writeln(" href='my_account.cgi'>");
		document.writeln("					M<span style='font-variant: small-caps'>y</span>");
		document.writeln("					A<span style='font-variant: small-caps'>ccount</span>");
		document.writeln("				</a></td>");
		document.writeln("		<td width='9%'>&nbsp;</td></tr>");
	}
	if (main == 4) {
		document.writeln("	<tr><td width='24%' height='67'>&nbsp;</td>");
		document.writeln("		<td height='67' width='67%'><ul class='subnav'>");

		if (sub == 1) { document.writeln("	<li class='on'>Account Access</li>"); }
				else { document.writeln("	<li><a href='https://billing.whud.org'>Account Access</a></li>"); }

		if (sub == 2) { document.writeln("	<li class='on'>Rates &amp; Charges</li>"); }
				else { document.writeln("	<li><a href='rates.cgi'>Rates &amp; Charges</a></li>"); }
		
		if (sub == 3) {
			document.writeln("	<li class='on'>Establishing New Service</li>");
			document.writeln("<ul class='supsubnav'>");
				if (sup == 1) { document.writeln("	<li class='on'>New Water Service</li>"); }
						else { document.writeln("	<li><a href='new_water_service.cgi'>New Water Service</a></li>"); }
				if (sup == 2) { document.writeln("	<li class='on'>Goodlettsville Sewer</li>"); }
						else { document.writeln("	<li><a href='establish_service_Gville.cgi'>Goodlettsville Sewer</a></li>"); }
				if (sup == 3) { document.writeln("	<li class='on'>Hendersonville Sewer</li>"); }
						else { document.writeln("	<li><a href='establish_service_Hville.cgi'>Hendersonville Sewer</a></li>"); }
			document.writeln("</ul>");
		} else { document.writeln("	<li><a href='new_water_service.cgi'>Establishing New Service</a></li>"); }
		
		if (sub == 4) { document.writeln("	<li class='on'>Service Termination</li>"); }
				else { document.writeln("	<li><a href='service_termination.cgi'>Service Termination</a></li>"); }
		
		if (sub == 5) { document.writeln("	<li class='on'>Water/Sewer Service Areas</li>"); }
				else { document.writeln("	<li><a href='service_areas.cgi'>Water/Sewer Service Areas</a></li>"); }

//		if (sub == 6) { document.writeln("	<li class='on'>Payment Options</li>"); }
//				else { document.writeln("	<li><a href='pmnt_options.cgi'>Payment Options</a></li>"); }
		document.writeln("					<li>Payment Options</li>");

		document.writeln("					<li><a href='redirect.cgi' target='_blank'>Bank Draft Form</a></li>");

		if (sub == 7) { document.writeln("	<li class='on'>Leak Detection</li>"); }
				else { document.writeln("	<li><a href='leak_detection.htm'>Leak Detection</a></li>"); }
		
		if (sub == 8) { document.writeln("	<li class='on'>Leak Adjustment Form</li>"); }
				else { document.writeln("	<li><a href='leak_adj_form.cgi'>Leak Adjustment Form</a></li>"); }
		
		if (sub == 9) { document.writeln("	<li class='on'>Reading Your Meter</li>"); }
				else { document.writeln("	<li><a href='read_meter.htm'>Reading Your Meter</a></li>"); }
		
		if (sub == 10) { document.writeln("	<li class='on'>Terms and Conditions</li>"); }
				else { document.writeln("	<li><a href='terms.cgi'>Terms and Conditions</a></li>"); }

		document.writeln("		</ul></td>");
		document.writeln("		<td width='9%' height='67'>&nbsp;</td></tr>");
	}

	// FAQ
	{	document.writeln("	<tr><td width='24%'>&nbsp;</td>");
		document.write("		<td width='67%' class='nav' ");
		if (main == 5) { document.write("height='25'><a class='on'"); } else { document.write("height='45'><a"); }
		document.writeln(" href='general_qa.cgi'>");
		document.writeln("					FAQ A<span style='font-variant: small-caps'>nd </span>");
		document.writeln("					L<span style='font-variant: small-caps'>inks</span>");
		document.writeln("				</a></td>");
		document.writeln("		<td width='9%'>&nbsp;</td></tr>");
	}
	if (main == 5) {
		document.writeln("	<tr><td width='24%' height='43'>&nbsp;</td>");
		document.writeln("		<td height='43' width='67%'><ul class='subnav'>");

		if (sub == 1) { document.writeln("	<li class='on'>FAQ</li>"); }
				else { document.writeln("	<li><a href='general_qa.cgi'>FAQ</a></li>"); }
		
		if (sub == 2) { document.writeln("	<li class='on'>Links</li>"); }
				else { document.writeln("	<li><a href='links.cgi'>Links</a></li>"); }
		
		document.writeln("		</ul></td>");
		document.writeln("		<td width='9%'>&nbsp;</td></tr>");
	}

	// Water Quality
	{	document.writeln("	<tr><td width='24%'>&nbsp;</td>");
		document.write("		<td width='67%' class='nav' ");
		if (main == 6) { document.write("height='50'><a class='on'"); } else { document.write("height='74'><a"); }
		document.writeln(" href='water_quality.cgi'>");
		document.writeln("					W<span style='font-variant: small-caps'>ater</span>");
		document.writeln("					Q<span style='font-variant: small-caps'>uality</span>");
		document.writeln("					A<span style='font-variant: small-caps'>nd</span><br>");
		document.writeln("					C<span style='font-variant: small-caps'>onservation</span>");
		document.writeln("				</a></td>");
		document.writeln("		<td width='9%'>&nbsp;</td></tr>");
	}
	if (main == 6) {
		document.writeln("	<tr><td width='24%'>&nbsp;</td>");
		document.writeln("		<td height='67' width='67%'><ul class='subnav'>");

		if (sub == 1) { document.writeln("	<li class='on'>Water Quality Questions</li>"); }
				else { document.writeln("	<li><a href='conservation_qa.cgi'>Water Quality Questions</a></li>"); }
		
		if (sub == 2) { document.writeln("	<li class='on'>Irrigation &amp; Backflow Prevention</li>"); }
				else { document.writeln("	<li><a href='irrigation.cgi'>Irrigation &amp; Backflow Prevention</a></li>"); }
		
		if (sub == 3) { document.writeln("	<li class='on'>Frozen Pipe Prevention</li>"); }
				else { document.writeln("	<li><a href='frozen_pipes.cgi'>Frozen Pipe Prevention</a></li>"); }

		document.writeln("		</ul></td>");
		document.writeln("		<td width='9%'>&nbsp;</td></tr>");
		
	}

	// Developer Info
	{	document.writeln("	<tr><td width='24%'>&nbsp;</td>");
		document.write("		<td width='67%' class='nav' ");
		if (main == 7) { document.write("height='38'><a class='on'"); } else { document.write("height='58'><a"); }
		document.writeln(" href='developer_forms.cgi'>");
		document.writeln("					D<span style='font-variant: small-caps'>eveloper</span>");
		document.writeln("					I<span style='font-variant: small-caps'>nformation</span>");
		document.writeln("				</font></a></td>");
		document.writeln("		<td width='9%'>&nbsp;</td></tr>");
	}
	if (main == 7) {
		document.writeln("	<tr><td width='24%' height='43'>&nbsp;</td>");
		document.writeln("		<td height='43' width='67%'><ul class='subnav'>");

		if (sub == 1) { document.writeln("	<li class='on'>Download Forms</li>"); }
				else { document.writeln("	<li><a href='developer_forms.cgi'>Download Forms</a></li>"); }
		
		if (sub == 2) { document.writeln("	<li class='on'>Contact</li>"); }
				else { document.writeln("	<li><a href='developer_contact.htm'>Contact</a></li>"); }
		
		document.writeln("		</ul></td>");
		document.writeln("		<td width='9%'>&nbsp;</td></tr>");
	}

	document.writeln("	<tr><td colspan='3' style='min-height:100%; height:100%;'>&nbsp;</td></tr>");
	document.writeln("</table>");
	document.writeln("</div>");
	if (main != 1) {
		document.write("<img border='0' src='images/interior_nav_bottom.jpg' width='200' height='98' ");
		if (BrowserDetect.browser == "Firefox")
			{ document.writeln("style='margin-top:-98px;'>"); }
		else
			{ document.writeln("style='position:absolute; bottom:0px;'>"); }
		
	}
}


var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{
			string: navigator.userAgent,
			subString: "Chrome",
			identity: "Chrome"
		},
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari",
			versionSearch: "Version"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			   string: navigator.userAgent,
			   subString: "iPhone",
			   identity: "iPhone/iPod"
	    },
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();