//-----------------------------------------------------------------------------
// Script for all web pages for header, left navigation, and footer scripts
//-----------------------------------------------------------------------------

function popHeader(pageType)
{
	//-------------------------------------------------------------------------
	// The following code creates the name, picture, and menu row in the header
	//-------------------------------------------------------------------------
	document.write("<table width=100% cellpadding=0 cellspacing=0 border=0>");
	document.write("	<tr width=100% bgcolor=#000000>");
	document.write("		<td width=100% align=left colspan=3>");
	document.write("			<font face=Arial size=3 color=red>");
	document.write("				<b>T&nbsp;H&nbsp;E&nbsp;&nbsp;&nbsp;K&nbsp;I&nbsp;M&nbsp;&nbsp;&nbsp;G&nbsp;R&nbsp;O&nbsp;U&nbsp;P</b>");
	document.write("			</font>");
	document.write("		</td>");
	document.write("	</tr>");
	document.write("</table>");
}

function leftMenu(pageType, pageName)
{
 	//------------------------------------------------------
 	// The following code creates the left menu on the page
 	//------------------------------------------------------
 	document.write("<table border=0 cellpadding=0 cellspacing=0 width=140 bgcolor=#FFFFFF>");
 	/*
 	document.write("	<tr>");
 	document.write("		<td width=135><img src=images/Sterling-view.jpg width=135 height=100></td>");
 	document.write("	</tr>");
 	*/
 	document.write("	<tr>");
 	document.write("		<td width=135>"); 
 	document.write("			<BR>");	
 	document.write("			<font face=Arial size=1 color=black><b>");
 	document.write("			<p>");
 	//--- Home ---
 	document.write("			<a href=index.htm>");
 	if (pageName == "Home")
 	{	document.write("		<b><font color=red>&nbsp;&nbsp;HOME</font></b>");
 	}
 	else
 	{	document.write("&nbsp;&nbsp;HOME");
 	}
 	document.write("			</a><BR><BR>");

	//--- COMMERCIAL ---
	document.write("			<a href=Commercial.htm>");
	if (pageName == "Commercial")
	{	document.write("		<b><font color=red>&nbsp;&nbsp;COMMERCIAL</font></b>");
	}
	else
	{	document.write("&nbsp;&nbsp;COMMERCIAL");
	}
	document.write("			</a><BR><BR>");
 	
 	//--- RESIDENTIAL ---
 	document.write("<a href=Residential.htm>");
 	if (pageName == "Residential")
 	{	document.write("		<b><font color=red>&nbsp;&nbsp;RESIDENTIAL</font></b>");
 	}
 	else
 	{	document.write("&nbsp;&nbsp;RESIDENTIAL");
 	}
 	document.write("			</a><BR><BR>");
 	
 	//--- DEVELOPMENTS ---
 	document.write("			<a href=Developments.htm>");
 	if (pageName == "Developments")
 	{	document.write("		<b><font color=red>&nbsp;&nbsp;DEVELOPMENTS</font></b>");
 	}
 	else
 	{ 	document.write("&nbsp;&nbsp;DEVELOPMENTS");
 	}
 	document.write("			</a><BR><BR>");
 	
 	//--- RENTALS ---
 	document.write("			<a href=Rentals.htm>");
 	if (pageName == "Rentals")
 	{	document.write("		<b><font color=red>&nbsp;&nbsp;RENTALS</font></b>");
 	}
 	else
 	{	document.write("&nbsp;&nbsp;RENTALS");
 	}
 	document.write("			</a><BR><BR>");
 	
 	//--- PROPERTY MANAGEMENT ---
 	document.write("			<a href=PropertyManagement.htm>");
 	if (pageName == "PropertyManagement")
 	{	document.write("		<b><font color=red>&nbsp;&nbsp;PROPERTY MGMT</font></b>");
 	}
 	else
 	{	document.write("&nbsp;&nbsp;PROPERTY MGMT");
 	}
 	document.write("			</a><BR><BR>");
 	
 	//--- Our Team ---
 	document.write("			<a href=OurTeam.htm>");
 	if (pageName == "OurTeam")
 	{	document.write("		<b><font color=red>&nbsp;&nbsp;OUR TEAM</font></b>");
 	}
 	else
 	{	document.write("&nbsp;&nbsp;OUR TEAM");
 	}
 	document.write("			</a><BR><BR>");
 	
 	document.write("			</p>");
 	document.write("			</b></font>");
 	document.write("		</td>");
 	document.write("	</tr>");
 	document.write("	<tr>");
 	document.write("		<td width=135 bgcolor=#CCCCCC align=left>");
 	<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
 	<!-- -------------- need to insert a form here for submitting the log-in -------------- -->
 	<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
 	document.write("			<font size=1 face=Arial color=black>");
 	document.write("			<br>");
 	document.write("			&nbsp;&nbsp;&nbsp;LOGIN:");
 	document.write("			<BR>");
 	document.write("			&nbsp;&nbsp;&nbsp;<input type=text name=txtLogin size=15>");
 	document.write("			<BR>");
 	document.write("			&nbsp;&nbsp;&nbsp;PASSWORD:");
 	document.write("			<BR>");
 	document.write("			&nbsp;&nbsp;&nbsp;<input type=password name=txtPassword size=15>");
 	document.write("			<BR>");
 	document.write("			&nbsp;&nbsp;&nbsp;ENTER");
 	document.write("			<BR><BR>");
 	document.write("			&nbsp;&nbsp;&nbsp;REGISTER");
 	//document.write("			&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;ENTER");
 	//document.write("			<BR><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;REGISTER");
 	document.write("			<BR><BR>");
 	<!-- ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ -->
 	document.write("		</td>");
 	document.write("	</tr>");
 	document.write("	<tr>");
 	document.write("		<td width=135 align=center>");
 	document.write("			<img src=images/logo.jpg width=115>");
 	document.write("		</td>");
 	document.write("	</tr>");
 	document.write("</table>");
}

function quickFind(pageType)
{
	//-------------------------------------------------------
	// The following code creates the quickFind menu
	//-------------------------------------------------------
	document.write("<br>");
	document.write("<table border=0 cellspacing=0 cellpadding=0 width=100%>");
	document.write("	<tr>");
	document.write("		<td width=5>&nbsp;</td>");
	document.write("		<td width=100%>");
	document.write("			<font face=Arial size=4 color=red><b>Quick Find</b></font>");
	document.write("		</td>");
	document.write("	</tr>");
	document.write("	<tr>");
	document.write("		<td width=5>&nbsp;</td>");
	document.write("		<td width=100%>");
	document.write("			<font face=Arial size=1 color=black><b><a href=AreaInformation.htm>Find Area Information</a></b></font>");
	document.write("		</td>");
	document.write("	</tr>");
	document.write("	<tr>");
	document.write("		<td width=5>&nbsp;</td>");
	document.write("		<td width=100%>");
	document.write("			<font face=Arial size=1 color=black><b><a href=exemptions/index.htm>Find Exemptions</a></b></font>");
	document.write("		</td>");
	document.write("	</tr>");
	document.write("	<tr>");
	document.write("		<td width=5>&nbsp;</td>");
	document.write("		<td width=100%>");
	document.write("			<font face=Arial size=1 color=black><b><a href=FinancialTools.htm>Find Financial Tools</a></b></font>");
	document.write("		</td>");
	document.write("	</tr>");
	document.write("	<tr>");
	document.write("		<td width=5>&nbsp;</td>");
	document.write("		<td width=100%>");
	document.write("			<font face=Arial size=1 color=black><b><a href=DesignBuild.htm>Find Design/Build</a></b></font>");
	document.write("		</td>");
	document.write("	</tr>");
	document.write("</table>");
}

function footer(pageType)
{
	//-------------------------------------------------------
	// The following code creates the menu bar in the header
	//-------------------------------------------------------
	document.write("<table width=100% cellpadding=0 cellspacing=0 border=0>");
	document.write("	<tr width=100% bgcolor=#CCCCCC>");
	document.write("		<td width=2 height=5 bgcolor=#CCCCCC></td>");
	document.write("	</tr>");
	document.write("	<tr width=100% bgcolor=#000000>");
	document.write("		<td width=2 height=5></td>");
	document.write("	</tr>");
	document.write("	<tr width=100% bgcolor=#000000>");
	document.write("		<td align=center>");
	document.write("			<font color=#CCCCFF size=1 face=Arial>1720 W. Chanute&nbsp;&nbsp;*&nbsp;&nbsp;");
	document.write("				Peoria,IL 61615&nbsp;&nbsp;");
	document.write("				*&nbsp;&nbsp;(309) 208-2898<br>");
	document.write("			</font>");
	document.write("		</td>");
	document.write("</table>");
}