function on(swap){
eval("document.all.cell" + swap + ".style.backgroundColor='#C2BE97'")
}

function off(swap){
eval("document.all.cell" + swap + ".style.backgroundColor='#D8D4A8'")
}

///////////////////////////////

function updateClock ( )
{
  var currentTime = new Date ( );

  var currentHours = currentTime.getHours ( );
  var currentMinutes = currentTime.getMinutes ( );
  var currentSeconds = currentTime.getSeconds ( );

  // Pad the minutes and seconds with leading zeros, if required
  currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
  currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;

  // Choose either "AM" or "PM" as appropriate
  var timeOfDay = ( currentHours < 12 ) ? "AM" : "PM";

  // Convert the hours component to 12-hour format if needed
  currentHours = ( currentHours > 12 ) ? currentHours - 12 : currentHours;

  // Convert an hours component of "0" to "12"
  currentHours = ( currentHours == 0 ) ? 12 : currentHours;

  // Compose the string for display
  var currentTimeString = currentHours + ":" + currentMinutes + " " + timeOfDay;

  // Update the time display
  document.getElementById("clock").firstChild.nodeValue = currentTimeString;
}

///////////////////////////////




function Address()
{	
	temp=""
	temp+="<br><div align='center'><span class='whitesmalltext'>40 SEVERANCE CIRCLE<br>CLEVELAND HEIGHTS, OH<br>44118</span><br><br><a href='http://www.facebook.com/pages/Cleveland-Heights-OH/City-of-Cleveland-Heights-Ohio/263183139796' target='new'><img src='images/facebook.gif' border='0' alt='Follow us on Facebook!' /></a><br /><br><table width='100%' border='0' cellspacing='0' cellpadding='5' bgcolor='#D8D4A8' class='maintable'><TR><td align='center' class='maintextsmall'><a href='http://www.adobe.com/products/acrobat/readstep2.html' target='_new'><img src='images/getacro.gif' border='0'></a><br><br><a href='http://www.microsoft.com/downloads/details.aspx?FamilyID=b446ae53-3759-40cf-80d5-cde4bbe07999&displaylang=en' target='_new'><img src='images/getwm.gif' border='0'></a></td></tr><TR><td align='center' class='maintextsmall'>This site uses Adobe PDF<br>and Windows Media<br>Player technologies.</td></tr></table><br><br></div>"
		document.write(temp)
}

///////////////////////////////

function BlueMenu()
{	
	temp=""
	temp+="<table width='582' border='0' cellspacing='0' cellpadding='0'><TR><td width='582' align='right' class='maintext'><a href='calendar.asp' class='maintextbluesmall'>&#160;calendar of events&#160;</a>&#160;&#124;&#160;<a href='whatsnew.asp' class='maintextbluesmall'>&#160;what's new&#160;</a>&#160;&#124;&#160;<a href='faqs.asp' class='maintextbluesmall'>&#160;FAQS&#160;</a>&#160;&#124;&#160;<a href='links.asp' class='maintextbluesmall'>&#160;links&#160;</a>&#160;&#124;&#160;<a href='sitemap.asp' class='maintextbluesmall'>&#160;sitemap&#160;</a>&#160;&#160;&#160;&#160;</td></tr></table>"
		document.write(temp)
}




///////////////////////////////


function IndexBottomMenu2()
{	
	temp=""
	temp+="<TABLE width='98%' cellpadding='0' cellspacing='0' border='0'><TR><TD align='center' valign='top'><span class='maintextsmall'>The City of Cleveland Heights - Copyright &#169; 2009 - All Rights Reserved.  <A HREF='javascript:openWindow(\"privacy.asp\")' class='maintextsmall'>Privacy Statement</a></span></TD></TR></TABLE>"
		document.write(temp)
}

///////////////////////////////

function InsideLogo()
{	
	temp=""
	temp+="<img src='images/inside_topleft.jpg' border='0' border='0' usemap='#home'><map name='home'><area coords='10,98,160,-4' href='index.asp'></map>"
		document.write(temp)
}

///////////////////////////////

function MainMenu()
{	
	temp=""
	temp+="<img src='images/spacer.gif' width='1' height='11' border='0'><hr width='100%' class='hr'>&#160;&#160;&#160;<a href='index.html' class='whitemaintext'>home</a><hr width='100%' class='hr'>&#160;&#160;&#160;<a href='citygovt.asp' class='whitemaintext'>city government</a><hr width='100%' class='hr'>&#160;&#160;&#160;<a href='citydept.asp' class='whitemaintext'>city departments</a><hr width='100%' class='hr'>&#160;&#160;&#160;<a href='relocation.asp' class='whitemaintext'>relocation</a><hr width='100%' class='hr'>&#160;&#160;&#160;<a href='artsrec.asp' class='whitemaintext'>arts & recreation</a><hr width='100%' class='hr'>&#160;&#160;&#160;<a href='commdist.asp' class='whitemaintext'>commercial districts</a><hr width='100%' class='hr'>&#160;&#160;&#160;<a href='historyarch.asp' class='whitemaintext'>history / architecture</a><hr width='100%' class='hr'>&#160;&#160;&#160;<a href='visioning.asp' class='whitemaintext'>visioning</a><hr width='100%' class='hr'>"
		document.write(temp)
}

///////////////////////////////

function SearchField()
{	
	temp=""
	temp+="<table width='142' border='0' cellspacing='0' cellpadding='0'><form action='searchresults.asp' name='searchform' method='post'><TR><td width='142' align='center' class='whitemaintext'><img src='images/spacer.gif' hspace='1' vspace='4' border='0'><br><b>search</b><br><img src='images/spacer.gif' width='1' height='6' border='0'><br><input type='text' class='maintext2' name='searchbox' size='20' maxlength='50'><br><img src='images/spacer.gif' width='1' height='10' border='0'><br><a href='javascript:document.searchform.submit()' class=''><img src='images/go.gif' border='0' type='image'></a></form></td></tr></table>"
		document.write(temp)
}

function BlueMenu2()
{	
	temp=""
	temp+="<table width='582' border='0' cellspacing='0' cellpadding='0'><form action='searchresults.asp' name='searchform' method='post'><TR><TD width='212' class='maintext'>&#160;&#160;&#160;<b>Search:</b>&#160;&#160;<input type='text' class='maintext2' name='searchbox' size='15' maxlength='50'>&#160;&#160;&#160;<a href='javascript:document.searchform.submit()' class=''><img src='images/go2.gif' border='0' type='image'></a></TD><td width='370' align='right' class='maintext'><a href='gallery.asp' class='maintextbluesmall'>&#160;gallery&#160;</a>&#160;&#124;&#160;<a href='calendar.asp' class='maintextbluesmall'>&#160;calendar&#160;</a>&#160;&#124;&#160;<a href='whatsnew.asp' class='maintextbluesmall'>&#160;what's new&#160;</a>&#160;&#124;&#160;<a href='faqs.asp' class='maintextbluesmall'>&#160;FAQS&#160;</a>&#160;&#124;&#160;<a href='links.asp' class='maintextbluesmall'>&#160;links&#160;</a>&#160;&#124;&#160;<a href='sitemap.asp' class='maintextbluesmall'>&#160;sitemap&#160;</a>&#160;&#160;&#160;&#160;</td></tr></form></table>"
		document.write(temp)
}

///////////////////////////////

function SubNavWelcome()
{	
	temp=""
	temp+="<div align='right'><a href='joincityemail.asp' class='maintextbluesmall55'>Join the City email list</a></div><img src='images/spacer.gif' width='1' height='9' border='0'><table width='142' border='0' cellspacing='0' cellpadding='5' bgcolor='#D8D4A8' class='tabletop'><TR><td width='142' align='left' class='maintext'><b>Headline for first article will go here.</b><br><img src='images/spacer.gif' width='1' height='6' border='0'><br>this is filler copy for the first article lead on the CH web site. this will be a short, one paragraph lead with a link to the whole story.<br><img src='images/spacer.gif' width='1' height='6' border='0'><br><div align='right'>&raquo; <a href='#' class='maintext'>click for more</a></div></td></tr><TR><td width='142' align='left' class='maintext'><b>Headline for second article will go here.</b><br><img src='images/spacer.gif' width='1' height='6' border='0'><br>this is filler copy for the second article lead on the CH web site. this will be a short, one paragraph lead with a link to the whole story.<br><img src='images/spacer.gif' width='1' height='6' border='0'><br><div align='right'>&raquo; <a href='#' class='maintext'>click for more</a></div></td></tr></table>"
		document.write(temp)
}



function SubNavCityDeptWorksRefuse()
{	
	temp=""
	temp+="<DIV align='center' class='maintextsub'><a href='citydept_works_refuse_holiday.asp' class='maintextsub'>holiday schedule</a>&nbsp;&nbsp;&#124;&nbsp;&nbsp;<a href='citydept_works_refuse_information.asp' class='maintextsub'>refuse information</a>&nbsp;&nbsp;&#124;&nbsp;&nbsp;<a href='citydept_works_refuse_items.asp' class='maintextsub'>large items</a><br><a href='citydept_works_refuse_hazard.asp' class='maintextsub'>hazardous items</a>&nbsp;&nbsp;&#124;&nbsp;&nbsp;<a href='citydept_works_refuse_recycling.asp' class='maintextsub'>recycling information</a>&nbsp;&nbsp;&#124;&nbsp;&nbsp;<a href='citydept_works_refuse_waste.asp' class='maintextsub'>yard waste</a></DIV>"
		document.write(temp)
}

///////////////////////////////////////


function SubNavCityDeptSafetyPOLICE()
{	
	temp=""
	temp+="<DIV align='center' class='maintextsub'><a href='citydept_safety_police_animal.asp' class='maintextsub'>animal protective unit</a></DIV>"
		document.write(temp)
}

function SubNavCityDeptRealEstate()
{	
	temp=""
	temp+="<DIV align='center' class='maintextsub'><a href='citydept_community_realestate_heights.asp' class='maintextsub'>the heights fund</a>&nbsp;&nbsp;&#124;&nbsp;&nbsp;<a href='citydept_community_realestate_hillcrest.asp' class='maintextsub'>the hillcrest fund</a></DIV>"
		document.write(temp)
}

function SubSubNavSpecific()
{	
	temp=""
	temp+="<DIV align='center' class='maintextsub'>List:&#160;&#160;<a href='contactus_specific.asp' class='maintextsub'>A - E</a>&nbsp;&nbsp;&#124;&nbsp;&nbsp;<a href='contactus_specific2.asp' class='maintextsub'>F - O</a>&nbsp;&nbsp;&#124;&nbsp;&nbsp;<a href='contactus_specific3.asp' class='maintextsub'>P - Z</a></DIV>"
		document.write(temp)
}

function SubSubNavordinances()
{	
	temp=""
	temp+="<DIV align='center' class='maintext'>For a complete list of Codified Ordinances, <a href='http://www.conwaygreene.com/clevelandhts.htm' target='new' class='maintextlink'>click here</a>.<br><br>List:&#160;&#160;<a href='citygovt_ordinances.asp' class='maintextsub'>A - E</a>&nbsp;&nbsp;&#124;&nbsp;&nbsp;<a href='citygovt_ordinances2.asp' class='maintextsub'>F - L</a>&nbsp;&nbsp;&#124;&nbsp;&nbsp;<a href='citygovt_ordinances3.asp' class='maintextsub'>M - R</a>&nbsp;&nbsp;&#124;&nbsp;&nbsp;<a href='citygovt_ordinances4.asp' class='maintextsub'>S - Z</a></DIV>"
		document.write(temp)
}

///////////////////////////////////////


function SubNavCityDeptFinanceIncomeTax()
{	
	temp=""
	temp+="<!--<DIV align='center' class='maintextsub2'><a href='citydept_finance_incometax_forms.asp' class='maintextsub2'>2006 income tax forms</a>&nbsp;&nbsp;&#124;&nbsp;&nbsp;<a href='http://www.citytaxtools.com/clevehts' target='_new' class='maintextsub2'>online tax preparation tool</a></DIV><DIV align='center' class='maintextsub2'><a href='https://einvoice2.ipayxepay.net/clvhts/index.jsp' target='new' class='maintextsub2'><u>PAY YOUR CITY INCOME TAXES ONLINE</u></a></DIV>-->"
		document.write(temp)
}

///////////////////////////////////////


function SubNavCityDeptWorksStreet()
{	
	temp=""
	temp+="<DIV align='center' class='maintextsub'><a href='citydept_works_street_leaf.asp' class='maintextsub'>leaf collection days</a>&nbsp;&nbsp;&#124;&nbsp;&nbsp;<a href='citydept_works_street_snow.asp' class='maintextsub'>snow removal</a></DIV>"
		document.write(temp)
}

//////////////////////////////////
function SubNavNone()
{	
	temp=""
	temp+="<div align='right'><a href='joincityemail.asp' class='maintextbluesmall55'>Join the City email list</a></div><img src='images/spacer.gif' width='1' height='9' border='0'><table width='142' border='0' cellspacing='0' cellpadding='5' class='tabletop'><TR><td width='142' align='right' class='maintext'></td></tr></table>"
		document.write(temp)
}

///////////////////////////////


function SubNavCommDist()
{	
	temp=""
	temp+="<div align='right'><a href='joincityemail.asp' class='maintextbluesmall55'>Join the City email list</a></div><img src='images/spacer.gif' width='1' height='9' border='0'><table width='142' border='0' cellspacing='0' cellpadding='5' bgcolor='#D8D4A8' class='tabletop'><TR><td width='142' align='right' class='maintext'><a href='commdist.asp' class='maintextnoline'>shop cleveland heights</a></td></tr><TR><td width='142' align='right' class='maintext'><a href='commdist_districts.asp' class='maintextnoline'>commercial districts</a></td></tr><TR><td width='142' align='right' class='maintext'><a href='commdist_severancetowncenter.asp' class='maintextnoline'>severance town center</a></td></tr><TR><td width='142' align='center' class='maintext'><br><a href='pdfs/business_directory.pdf' class='maintextnoline' target='_new'><img src='images/business_directory.jpg' border='0' align='middle' class='tablemain1' vspace='4'></a><br><a href='pdfs/business_directory.pdf' class='maintextnoline' target='_new'>Cleveland Heights Business Directory</a></td></tr></table>"
		document.write(temp)
}




function SubNavRelocationBUY()
{	
	temp=""
	temp+="<div align='right'><a href='joincityemail.asp' class='maintextbluesmall55'>Join the City email list</a></div><img src='images/spacer.gif' width='1' height='9' border='0'><table width='142' border='0' cellspacing='0' cellpadding='5' bgcolor='#D8D4A8' class='tabletop'><TR><td width='142' align='right' class='maintextnoline' id='cell1'><a onmouseover='on(1)' onmouseout='off(1)' href='relocation.asp' class='maintextnoline'>heights housing service</a></td></tr><TR><td width='142' align='right' class='tabletopbot' id='cell2'><a onmouseover='on(2)' onmouseout='off(2)' href='relocation_buying.asp' class='maintextnoline'>buying a home</a><br><img src='images/spacer.gif' width='1' height='3' border='0'></td></tr><TR><td width='142' align='right' class='maintext' id='cell3'><a onmouseover='on(3)' onmouseout='off(3)' href='relocation_rentals.asp' class='maintextnoline'>rentals</a></td></tr><TR><td width='142' align='right' class='maintext' id='cell4'><a onmouseover='on(4)' onmouseout='off(4)' href='relocation_offices.asp' class='maintextnoline'>preferred realty offices</a></td></tr><TR><td width='142' align='right' class='maintext' id='cell5'><a onmouseover='on(5)' onmouseout='off(5)' href='relocation_map.asp' class='maintextnoline'>map</a></td></tr></table>"
		document.write(temp)
}




function SubNavHistoryArcHOUSE()
{	
	temp=""
	temp+="<div align='right'><a href='joincityemail.asp' class='maintextbluesmall55'>Join the City email list</a></div><img src='images/spacer.gif' width='1' height='9' border='0'><table width='142' border='0' cellspacing='0' cellpadding='5' bgcolor='#D8D4A8' class='tabletop'><TR><td align='center'><table width='138' border='0' cellspacing='0' cellpadding='0' bgcolor='#D8D4A8'><TR><td width='138' height='25' align='right' class='maintextnoline' id='cell1'><a onmouseover='on(1)' onmouseout='off(1)' href='historyarch_landmarks.asp' class='maintextnoline'>landmarks</a>&#160;</TD></TR><TR><td width='138' height='25' align='right' id='cell2'><a onmouseover='on(2)' onmouseout='off(2)' href='historyarch_center.asp' class='maintextnoline'>historical center</a>&#160;</td></tr><TR><td height='25' width='138' align='right' class='tabletopbot' id='cell3'><a onmouseover='on(3)' onmouseout='off(3)' href='historyarch_house.asp' class='maintextnoline'>your old house</a>&#160;<br><img src='images/spacer.gif' width='1' height='3' border='0'></td></tr><TR><td height='25' width='138' align='right' id='cell4'><a onmouseover='on(4)' onmouseout='off(4)' href='historyarch_bungalows.asp' class='maintextnoline'>bungalows</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell5'><a onmouseover='on(5)' onmouseout='off(5)' href='historyarch_doubles.asp' class='maintextnoline'>seeing doubles</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell6'><a onmouseover='on(6)' onmouseout='off(6)' href='historyarch_apts.asp' class='maintextnoline'>grand apartments</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell7'><a onmouseover='on(7)' onmouseout='off(7)' href='historyarch_streetcar.asp' class='maintextnoline'>streetcar suburb</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell8'><a onmouseover='on(8)' onmouseout='off(8)' href='historyarch_mayfield.asp' class='maintextnoline'>old mayfield heights</a>&#160;</td></tr><TR><td width='138' height='40' align='right' class='maintextnoline' id='cell9'><a onmouseover='on(9)' onmouseout='off(9)' href='historyarch_severanceestates.asp' class='maintextnoline'>severance family&#160;<br>estates</a>&#160;</TD></TR><TR><td width='138' height='25' align='right' class='maintextnoline' id='cell10'><a onmouseover='on(10)' onmouseout='off(10)' href='historyarch_demingsforesthill.asp' class='maintextnoline'>deming's forest hill</a>&#160;</TD></TR><TR><td width='138' height='25' align='right' class='maintextnoline' id='cell11'><a onmouseover='on(11)' onmouseout='off(11)' href='historyarch_historicvideos.asp' class='maintextnoline'>historic videos</a>&#160;</TD></TR></table></td></tr></table></td></tr></table>"
		document.write(temp)
}

////////////////////////


function SubNavHistoryArcBUNGALOWS()
{	
	temp=""
	temp+="<div align='right'><a href='joincityemail.asp' class='maintextbluesmall55'>Join the City email list</a></div><img src='images/spacer.gif' width='1' height='9' border='0'><table width='142' border='0' cellspacing='0' cellpadding='5' bgcolor='#D8D4A8' class='tabletop'><TR><td align='center'><table width='138' border='0' cellspacing='0' cellpadding='0' bgcolor='#D8D4A8'><TR><td width='138' height='25' align='right' class='maintextnoline' id='cell1'><a onmouseover='on(1)' onmouseout='off(1)' href='historyarch_landmarks.asp' class='maintextnoline'>landmarks</a>&#160;</TD></TR><TR><td width='138' height='25' align='right' id='cell2'><a onmouseover='on(2)' onmouseout='off(2)' href='historyarch_center.asp' class='maintextnoline'>historical center</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell3'><a onmouseover='on(3)' onmouseout='off(3)' href='historyarch_house.asp' class='maintextnoline'>your old house</a>&#160;</td></tr><TR><td height='25' width='138' align='right' class='tabletopbot' id='cell4'><a onmouseover='on(4)' onmouseout='off(4)' href='historyarch_bungalows.asp' class='maintextnoline'>bungalows</a>&#160;<br><img src='images/spacer.gif' width='1' height='3' border='0'></td></tr><TR><td height='25' width='138' align='right' id='cell5'><a onmouseover='on(5)' onmouseout='off(5)' href='historyarch_doubles.asp' class='maintextnoline'>seeing doubles</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell6'><a onmouseover='on(6)' onmouseout='off(6)' href='historyarch_apts.asp' class='maintextnoline'>grand apartments</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell7'><a onmouseover='on(7)' onmouseout='off(7)' href='historyarch_streetcar.asp' class='maintextnoline'>streetcar suburb</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell8'><a onmouseover='on(8)' onmouseout='off(8)' href='historyarch_mayfield.asp' class='maintextnoline'>old mayfield heights</a>&#160;</td></tr><TR><td width='138' height='40' align='right' class='maintextnoline' id='cell9'><a onmouseover='on(9)' onmouseout='off(9)' href='historyarch_severanceestates.asp' class='maintextnoline'>severance family&#160;<br>estates</a>&#160;</TD></TR><TR><td width='138' height='25' align='right' class='maintextnoline' id='cell10'><a onmouseover='on(10)' onmouseout='off(10)' href='historyarch_demingsforesthill.asp' class='maintextnoline'>deming's forest hill</a>&#160;</TD></TR><TR><td width='138' height='25' align='right' class='maintextnoline' id='cell11'><a onmouseover='on(11)' onmouseout='off(11)' href='historyarch_historicvideos.asp' class='maintextnoline'>historic videos</a>&#160;</TD></TR></table></td></tr></table></td></tr></table></td></tr></table>"
		document.write(temp)
}

////////////////////////


function SubNavHistoryArcDOUBLES()
{	
	temp=""
	temp+="<div align='right'><a href='joincityemail.asp' class='maintextbluesmall55'>Join the City email list</a></div><img src='images/spacer.gif' width='1' height='9' border='0'><table width='142' border='0' cellspacing='0' cellpadding='5' bgcolor='#D8D4A8' class='tabletop'><TR><td align='center'><table width='138' border='0' cellspacing='0' cellpadding='0' bgcolor='#D8D4A8'><TR><td width='138' height='25' align='right' class='maintextnoline' id='cell1'><a onmouseover='on(1)' onmouseout='off(1)' href='historyarch_landmarks.asp' class='maintextnoline'>landmarks</a>&#160;</TD></TR><TR><td width='138' height='25' align='right' id='cell2'><a onmouseover='on(2)' onmouseout='off(2)' href='historyarch_center.asp' class='maintextnoline'>historical center</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell3'><a onmouseover='on(3)' onmouseout='off(3)' href='historyarch_house.asp' class='maintextnoline'>your old house</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell4'><a onmouseover='on(4)' onmouseout='off(4)' href='historyarch_bungalows.asp' class='maintextnoline'>bungalows</a>&#160;</td></tr><TR><td height='25' width='138' align='right' class='tabletopbot' id='cell5'><a onmouseover='on(5)' onmouseout='off(5)' href='historyarch_doubles.asp' class='maintextnoline'>seeing doubles</a>&#160;<br><img src='images/spacer.gif' width='1' height='3' border='0'></td></tr><TR><td height='25' width='138' align='right' id='cell6'><a onmouseover='on(6)' onmouseout='off(6)' href='historyarch_apts.asp' class='maintextnoline'>grand apartments</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell7'><a onmouseover='on(7)' onmouseout='off(7)' href='historyarch_streetcar.asp' class='maintextnoline'>streetcar suburb</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell8'><a onmouseover='on(8)' onmouseout='off(8)' href='historyarch_mayfield.asp' class='maintextnoline'>old mayfield heights</a>&#160;</td></tr><TR><td width='138' height='40' align='right' class='maintextnoline' id='cell9'><a onmouseover='on(9)' onmouseout='off(9)' href='historyarch_severanceestates.asp' class='maintextnoline'>severance family&#160;<br>estates</a>&#160;</TD></TR></table></td></tr><TR><td width='138' height='25' align='right' class='maintextnoline' id='cell10'><a onmouseover='on(10)' onmouseout='off(10)' href='historyarch_demingsforesthill.asp' class='maintextnoline'>deming's forest hill</a>&#160;</TD></TR><TR><td width='138' height='25' align='right' class='maintextnoline' id='cell11'><a onmouseover='on(11)' onmouseout='off(11)' href='historyarch_historicvideos.asp' class='maintextnoline'>historic videos</a>&#160;</TD></TR></table></td></tr></table></td></tr></table>"
		document.write(temp)
}


function SubNavHistoryArcAPTS()
{	
	temp=""
	temp+="<div align='right'><a href='joincityemail.asp' class='maintextbluesmall55'>Join the City email list</a></div><img src='images/spacer.gif' width='1' height='9' border='0'><table width='142' border='0' cellspacing='0' cellpadding='5' bgcolor='#D8D4A8' class='tabletop'><TR><td align='center'><table width='138' border='0' cellspacing='0' cellpadding='0' bgcolor='#D8D4A8'><TR><td width='138' height='25' align='right' class='maintextnoline' id='cell1'><a onmouseover='on(1)' onmouseout='off(1)' href='historyarch_landmarks.asp' class='maintextnoline'>landmarks</a>&#160;</TD></TR><TR><td width='138' height='25' align='right' id='cell2'><a onmouseover='on(2)' onmouseout='off(2)' href='historyarch_center.asp' class='maintextnoline'>historical center</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell3'><a onmouseover='on(3)' onmouseout='off(3)' href='historyarch_house.asp' class='maintextnoline'>your old house</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell4'><a onmouseover='on(4)' onmouseout='off(4)' href='historyarch_bungalows.asp' class='maintextnoline'>bungalows</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell5'><a onmouseover='on(5)' onmouseout='off(5)' href='historyarch_doubles.asp' class='maintextnoline'>seeing doubles</a>&#160;</td></tr><TR><td height='25' width='138' align='right' class='tabletopbot' id='cell6'><a onmouseover='on(6)' onmouseout='off(6)' href='historyarch_apts.asp' class='maintextnoline'>grand apartments</a>&#160;<br><img src='images/spacer.gif' width='1' height='3' border='0'></td></tr><TR><td height='25' width='138' align='right' id='cell7'><a onmouseover='on(7)' onmouseout='off(7)' href='historyarch_streetcar.asp' class='maintextnoline'>streetcar suburb</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell8'><a onmouseover='on(8)' onmouseout='off(8)' href='historyarch_mayfield.asp' class='maintextnoline'>old mayfield heights</a>&#160;</td></tr><TR><td width='138' height='40' align='right' class='maintextnoline' id='cell9'><a onmouseover='on(9)' onmouseout='off(9)' href='historyarch_severanceestates.asp' class='maintextnoline'>severance family&#160;<br>estates</a>&#160;</TD></TR><TR><td width='138' height='25' align='right' class='maintextnoline' id='cell10'><a onmouseover='on(10)' onmouseout='off(10)' href='historyarch_demingsforesthill.asp' class='maintextnoline'>deming's forest hill</a>&#160;</TD></TR><TR><td width='138' height='25' align='right' class='maintextnoline' id='cell11'><a onmouseover='on(11)' onmouseout='off(11)' href='historyarch_historicvideos.asp' class='maintextnoline'>historic videos</a>&#160;</TD></TR></table></td></tr></table></td></tr></table></td></tr></table>"
		document.write(temp)
}


function SubNavHistoryArcSTREETCAR()
{	
	temp=""
	temp+="<div align='right'><a href='joincityemail.asp' class='maintextbluesmall55'>Join the City email list</a></div><img src='images/spacer.gif' width='1' height='9' border='0'><table width='142' border='0' cellspacing='0' cellpadding='5' bgcolor='#D8D4A8' class='tabletop'><TR><td align='center'><table width='138' border='0' cellspacing='0' cellpadding='0' bgcolor='#D8D4A8'><TR><td width='138' height='25' align='right' class='maintextnoline' id='cell1'><a onmouseover='on(1)' onmouseout='off(1)' href='historyarch_landmarks.asp' class='maintextnoline'>landmarks</a>&#160;</TD></TR><TR><td width='138' height='25' align='right' id='cell2'><a onmouseover='on(2)' onmouseout='off(2)' href='historyarch_center.asp' class='maintextnoline'>historical center</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell3'><a onmouseover='on(3)' onmouseout='off(3)' href='historyarch_house.asp' class='maintextnoline'>your old house</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell4'><a onmouseover='on(4)' onmouseout='off(4)' href='historyarch_bungalows.asp' class='maintextnoline'>bungalows</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell5'><a onmouseover='on(5)' onmouseout='off(5)' href='historyarch_doubles.asp' class='maintextnoline'>seeing doubles</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell6'><a onmouseover='on(6)' onmouseout='off(6)' href='historyarch_apts.asp' class='maintextnoline'>grand apartments</a>&#160;</td></tr><TR><td height='25' width='138' align='right' class='tabletopbot' id='cell7'><a onmouseover='on(7)' onmouseout='off(7)' href='historyarch_streetcar.asp' class='maintextnoline'>streetcar suburb</a>&#160;<br><img src='images/spacer.gif' width='1' height='3' border='0'></td></tr><TR><td height='25' width='138' align='right' id='cell8'><a onmouseover='on(8)' onmouseout='off(8)' href='historyarch_mayfield.asp' class='maintextnoline'>old mayfield heights</a>&#160;</td></tr><TR><td width='138' height='40' align='right' class='maintextnoline' id='cell9'><a onmouseover='on(9)' onmouseout='off(9)' href='historyarch_severanceestates.asp' class='maintextnoline'>severance family&#160;<br>estates</a>&#160;</TD></TR><TR><td width='138' height='25' align='right' class='maintextnoline' id='cell10'><a onmouseover='on(10)' onmouseout='off(10)' href='historyarch_demingsforesthill.asp' class='maintextnoline'>deming's forest hill</a>&#160;</TD></TR><TR><td width='138' height='25' align='right' class='maintextnoline' id='cell11'><a onmouseover='on(11)' onmouseout='off(11)' href='historyarch_historicvideos.asp' class='maintextnoline'>historic videos</a>&#160;</TD></TR></table></td></tr></table></td></tr></table></td></tr></table>"
		document.write(temp)
}

function SubNavHistoryArcMAYFIELDHEIGHTS()
{	
	temp=""
	temp+="<div align='right'><a href='joincityemail.asp' class='maintextbluesmall55'>Join the City email list</a></div><img src='images/spacer.gif' width='1' height='9' border='0'><table width='142' border='0' cellspacing='0' cellpadding='5' bgcolor='#D8D4A8' class='tabletop'><TR><td align='center'><table width='138' border='0' cellspacing='0' cellpadding='0' bgcolor='#D8D4A8'><TR><td width='138' height='25' align='right' class='maintextnoline' id='cell1'><a onmouseover='on(1)' onmouseout='off(1)' href='historyarch_landmarks.asp' class='maintextnoline'>landmarks</a>&#160;</TD></TR><TR><td width='138' height='25' align='right' id='cell2'><a onmouseover='on(2)' onmouseout='off(2)' href='historyarch_center.asp' class='maintextnoline'>historical center</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell3'><a onmouseover='on(3)' onmouseout='off(3)' href='historyarch_house.asp' class='maintextnoline'>your old house</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell4'><a onmouseover='on(4)' onmouseout='off(4)' href='historyarch_bungalows.asp' class='maintextnoline'>bungalows</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell5'><a onmouseover='on(5)' onmouseout='off(5)' href='historyarch_doubles.asp' class='maintextnoline'>seeing doubles</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell6'><a onmouseover='on(6)' onmouseout='off(6)' href='historyarch_apts.asp' class='maintextnoline'>grand apartments</a>&#160;</td></tr><TR><td height='25' width='138' align='right' id='cell7'><a onmouseover='on(7)' onmouseout='off(7)' href='historyarch_streetcar.asp' class='maintextnoline'>streetcar suburb</a>&#160;</td></tr><TR><td height='25' width='138' align='right' class='tabletopbot' id='cell8'><a onmouseover='on(8)' onmouseout='off(8)' href='historyarch_mayfield.asp' class='maintextnoline'>old mayfield heights</a>&#160;</td></tr><TR><td width='138' height='40' align='right' class='maintextnoline' id='cell9'><a onmouseover='on(9)' onmouseout='off(9)' href='historyarch_severanceestates.asp' class='maintextnoline'>severance family&#160;<br>estates</a>&#160;</TD></TR><TR><td width='138' height='25' align='right' class='maintextnoline' id='cell10'><a onmouseover='on(10)' onmouseout='off(10)' href='historyarch_demingsforesthill.asp' class='maintextnoline'>deming's forest hill</a>&#160;</TD></TR><TR><td width='138' height='25' align='right' class='maintextnoline' id='cell11'><a onmouseover='on(11)' onmouseout='off(11)' href='historyarch_historicvideos.asp' class='maintextnoline'>historic videos</a>&#160;</TD></TR></table></td></tr></table></td></tr></table></td></tr></table>"
		document.write(temp)
}
////////////////////////
///////////////////////////////

//+++++++++++++++++++++++++
// time and date function
//+++++++++++++++++++++++++

function initArray() {
 for(i=0;i<initArray.arguments.length; i++)
  this[i] = initArray.arguments[i];
}
var isnMonths=new initArray("January","February","March","April","May","June","July","August","September","October","November","December");
var isnDays= new initArray("(SUN)","(MON)","(TUE)","(WED)","(THU)","(FRI)","(SAT)","(SUN)");
today=new Date();
hrs=today.getHours();
min=today.getMinutes();
sec=today.getSeconds();
clckh=""+((hrs>12)?hrs-12:hrs); 
clckm=((min<10)?"0":"")+min;
clcks=((sec<10)?"0":"")+sec;
clck=(hrs>=12)?"p.m.":"a.m.";

var stnr="";
var ns="0123456789";
var a="";




	//REQUIRES onUnload="closeWindow()" IN THE BODY TAG///////////////////////////////////////////////
var isClicked=false
var newWindow=null

function openWindow(swap1,swap2){
if((isClicked)&&(newWindow.closed==false)){
	newWindow.close()
	}
newWindow=window.open(swap1,'',swap2)
isClicked=true
}


function closeWindow(){
if(newWindow){
	newWindow.close()
	}
}




///open window function
var isClicked=0
var newWindow=null
function openWindow(swap1,swap2)
{
if((isClicked>0)&&(newWindow.closed==false))
        {
        newWindow.close();
        }
newWindow=window.open(swap1,'',swap2);
isClicked++
}
function closeWindow()
{
if(newWindow)
        {
        newWindow.close()
        }
}



/////////////////////////////////////////////////////////////////////////////////////////////////

function valLogin(){
if(document.summary.username.value==""){
	alert("Please fill in this field as it is required.")
	document.summary.username.focus()
	}
else if(document.summary.password.value==""){
	alert("Please fill in this field as it is required.")
	document.summary.password.focus()
	}
else{document.summary.submit()}
}











////////////

//FORM VALIDATION///////////////////////////////////////////////////////////////////////////////////////

// "t-" = TEXTBOX OR TEXTAREA
// "s-" = SELECT BOX (DROP-DOWN MENU)
// "r-" = RADIO BUTTONS
// "n-" = NUMBER in TEXTBOX
// "#"  = NUMBER WITH SPECIFIC LENGTH   example name : #-9socnum
// "e-" = EMAIL

var validateCounter
var myElement

function validate(swap){
myform=swap
mySwitch=false
counter=0
formTemp=""



for(validateCounter=0;validateCounter<myform.length;validateCounter++){
	if(myform.elements[validateCounter].name.charAt(1)=="-"){
    	myElement=myform.elements[validateCounter].name
        if(myElement.charAt(0)=="t"){emptyField()}
        else if(myElement.charAt(0)=="s"){validateSelect()}
        else if(myElement.charAt(0)=="r"){validateRadio()}
        else if(myElement.charAt(0)=="n"){validateNumber()}
        else if(myElement.charAt(0)=="#"){validateNumLen()}
        else if(myElement.charAt(0)=="e"){validateEmail()}
        }
	if(mySwitch){break}
    }
	
if(!mySwitch){myform.submit()}
}



//VALIDATE THERE'S SOMETHING IN TEXTFIELD//////////////////////////////////////////////////////////////

function emptyField(){
mySwitch=false
var space
space=false

for(var a=0;a<myform.elements[validateCounter].value.length;a++){
	if(myform.elements[validateCounter].value.charAt(a)==" "){
		space=true
		}
	else{
		mySwitch=true
		}
	}
	
if(space && !mySwitch){
	mySwitch=true
	}
else{
	mySwitch=false
	}
	
if(mySwitch || myform.elements[validateCounter].value==""){
	if(formBytes[myElement]!=null){
		alert(formBytes[myElement])
		mySwitch=true
		}
	else{alert("Please fill in this field as it is required.")}
		myform.elements[validateCounter].value=""
        myform.elements[validateCounter].focus()
        mySwitch=true
        }
else{mySwitch=false}
}


//SELECT / DROPDOWN MENUS///////////////////////////////////////////////////////////////////////////////

function validateSelect(){
mySwitch=false

if(myform.elements[validateCounter].selectedIndex==0){
	if(formBytes[myElement]!=null){
		alert(formBytes[myElement])
		}
	else{
		alert("Please make a selection from this dropdown menu as it is required.")
		}
	myform.elements[validateCounter].focus()
	mySwitch=true
	}
}






//RADIO BUTTONS//////////////////////////////////////////////////////////////////////////////////////

function validateRadio(){
mySwitch=false
counter=0

while(myform.elements[validateCounter+counter].name==myElement){
	if(myform.elements[validateCounter+counter].checked){
		mySwitch=true
		}
	counter++
	}

if(!mySwitch){
	if(formBytes[myElement]!=null){
		alert(formBytes[myElement])
		}
	else{
		alert("Please select one of the following options as it is required.")
		}
	myform.elements[validateCounter].focus()
	mySwitch=true
	}
else{
    validateCounter=validateCounter+(counter-1)
	mySwitch=false
    }
counter=0
}


//VALIDATE NUMBER////////////////////////////////////////////////////////////////////////////////////////////

function validateNumber(){
emptyField()
if(!mySwitch && isNaN(myform.elements[validateCounter].value)){
	alert("Please fill this field in using ONLY valid numerals.")
	myform.elements[validateCounter].value=""
	myform.elements[validateCounter].focus()
	mySwitch=true
	}
}


//VALIDATE NUMBER////////////////////////////////////////////////////////////////////////////////////////////

function validateNumLen(){
emptyField()
if(!mySwitch){validateNumber()}
if(!mySwitch){
	counter=2
	var num=""
	while(!isNaN(myform.elements[validateCounter].name.charAt(counter))){
		num=num+myform.elements[validateCounter].name.charAt(counter)
		counter=counter+1
		}
		
	num=parseInt(num)
	if(!charCount(num)){
		if(num==1){
			alert("This field requires " + num + " numeral to be valid.")
			}
		else{
			alert("This field requires " + num + " numerals to be valid.")
			}
		myform.elements[validateCounter].value=""
		myform.elements[validateCounter].focus()
		mySwitch=true
		}
	}
}




//COUNT THE CHARACTERS////////////////////////////////////////////////////////////////////////////////

function charCount(swap){
if(myform.elements[validateCounter].value.length==swap){
	return true
	}
}



//EMAIL//////////////////////////////////////////////////////////////////////////////////////////////

function validateEmail(){
emptyField()
if(!charCheck("@") && !mySwitch){
	alert("Certain characters required for a valid email address are missing in this field.")
	myform.elements[validateCounter].focus()
	myform.elements[validateCounter].value=""
	mySwitch=true
	}
else if(!charCheck(".") && !mySwitch){
	alert("Certain characters required for a valid email address are missing in this field.")
	myform.elements[validateCounter].focus()
	myform.elements[validateCounter].value=""
	mySwitch=true
	}
}




//VALIDATE SPECIFIC CHARACTERS///////////////////////////////////////////////////////////////////

function charCheck(swap){
formTemp=myform.elements[validateCounter].value

for(var i=0;i<formTemp.length;i++){
	if(formTemp.charAt(i)==swap){
		return true
		}
	}
}



//////
//validate function
//////////

function noEntry() {
mt=document.contact.eventType.value;
if ((mt.length<1)||(mt.substring(0,6)=="******")) {
alert("You must include your event type");
document.contact.eventType.value="Complete This Entry";
document.contact.eventType.focus();
return false;
}
else { return true; }
}

//////
//validate function register
//////////

function noEntryR() {
mt=document.register.storelocation.value;
if ((mt.length<1)||(mt.substring(0,6)=="******")) {
alert("You must include a store location");
document.register.storelocation.value="Complete This Entry";
document.register.storelocation.focus();
return false;
}
else { return true; }
}

/////////////
//reset function
////////

function resetform(){
	document.contact.reset()
}

////////////


///////////////
//open window function
///////////////

var isClicked=0
var newWindow=null
function openWindow(swap1,swap2)
{
if((isClicked>0)&&(newWindow.closed==false))
        {
        newWindow.close();
        }
newWindow=window.open(swap1,'',swap2);
isClicked++
}
function closeWindow()
{
if(newWindow)
        {
        newWindow.close()
        }
}




//MODIFY ACCORDINGLY FOR WEBSPEED

// An adaptation of Dorcht's function for setting a cookie.
function setCookie(name, value, expires, path, domain, secure) {
  document.cookie = name + "=" + escape(value) + 
  ((expires == null) ? "" : "; expires=" + expires.toGMTString()) +
  ((path == null) ? "" : "; path=" + path) +
  ((domain == null) ? "" : "; domain=" + domain) +
  ((secure == null) ? "" : "; secure");
}

// An adaptation of Dorcht's function for deleting a cookie.
function delCookie (name,path,domain) {
  if (getCookie(name)) {
    document.cookie = name + "=" +
    ((path == null) ? "" : "; path=" + path) +
    ((domain == null) ? "" : "; domain=" + domain) +
    "; expires=Thu, 01-Jan-70 00:00:01 GMT";
  }
}

// popup window script
var isClicked=0
var newWindow=null

function openWindow2()
{
if((isClicked>0)&&(newWindow.closed==false))
	{
	newWindow.close();
	}
newWindow=window.open('difference.html','','width=600,height=400,top=25,left=150,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,copyhistory=no,resizable=yes');
isClicked++
}


function closeWindow2()
{
if(newWindow)
	{
	newWindow.close()
	}
}

///////////////////
//rollover script
//////////////////

//ALL ROLLOVERS REQUIRE A NAMING PROTOCOL SUFFIXING IMAGE NAMES WITH "_ON" AND "_OFF"///////////////

function rollOn(number,type){
document[preload[number]].src="images/"+preload[number]+"_on."+type
}

function rollOff(number,type){
document[preload[number]].src="images/"+preload[number]+"_off."+type
}


var preload = new Array("artsrecreation","citydepts","citygovt","comdistricts","historyarch","home","relocation","visioning","contactus","publications","employment", "ordinances","pets","tips")
var jpgpreload = new Array() 
var gifpreload = new Array() 

for(var a=0;a<preload.length;a++){
	gifpreload[a] = new Image() 
	gifpreload[a].src = 'images/' + preload[a] + '_on.gif'

//	jpgpreload[a] = new Image() 
//	jpgpreload[a].src = 'images/' + preload[a] + '_on.jpg'	
	}
	
///////////////////////////////