// This contains two code features: changing text and showing/ hiding box.

// -- Changing text --

/*Textual Tooltip Script- © Dynamic Drive (www.dynamicdrive.com)
For full source code, installation instructions,100's more DHTML scripts,
 and Terms OfUse, visit dynamicdrive.com

Updated by Phil Leinhos for mywebconnection.net*/

function regenerate()
   {
   window.location.reload()
   }
function regenerate2()
   {
   if (document.layers)
      {
      appear()
      setTimeout("window.onresize=regenerate",450)
      }
   }

function changetext(whichcontent,boxID)
   {
   if (ie4||ng5)
      {
      cross_el=document.getElementById? document.getElementById(boxID):document.all.boxID
      cross_el.innerHTML=whichcontent
      }
   else if (ns4)
      {
      document.layers[boxID].document.write(whichcontent)
      document.layers[boxID].document.close()
      }
   }

function appear()
   {
   document.box1.visibility='hide';
   document.box2.visibility='hide';
   }

var content=new Array() //change the array below to the text associated with your links Expand or contract the array, depending on how many links you have

content[0]='&nbsp;'
content[1]='<div class="boxText1"><table border="0" width="320" cellspacing="2" cellpadding="2" class="boxText1"><tr><td width="300" valign="middle" colspan="3" align="center"><b>Town Phone Numbers</b></td></tr><tr><td width="100" valign="top"><a href=javascript:showDetail(content[3],"box2")>Town Hall</a></td><td width="100" align="left" valign="top"><a href=javascript:showDetail(content[4],"box2")>Administration</a></td><td width="100" align="left" valign="top"><a href=javascript:showDetail(content[5],"box2")>Clerk</a></td></tr><tr><td width="100" valign="top"><a href=javascript:showDetail(content[6],"box2")>Engineer</a></td><td width="100" align="left" valign="top"><a href=javascript:showDetail(content[7],"box2")>Police Dept. - Headquarters</a></td><td width="100" align="left" valign="top"><a href=javascript:showDetail(content[8],"box2")>Police Dept. - TDD</a></td></tr><tr><td width="100" valign="top"><a href=javascript:showDetail(content[9],"box2")>Fire Dept. - Emergency</a></td> <td width="100" align="left" valign="top"><a href=javascript:showDetail(content[10],"box2")>Fire Dept. - Business</a></td> <td width="100" align="left" valign = "top"><a href=javascript:showDetail(content[11],"box2")>Fire Dept. - Chief\'s Office</a></td></tr><tr><td width="100" valign="top"><a href=javascript:showDetail(content[12],"box2")>Sewer Dept. - Plant</a></td><td width="100" align="left" valign="top"><a href=javascript:showDetail(content[13],"box2")>Sewer Dept. - Project Mgt.</a></td><td width="100" align="left" valign="top"><a href=javascript:showDetail(content[14],"box2")>Composting Facility</a></td></tr><tr><td width="100" valign="top"><a href=javascript:showDetail(content[15],"box2")>Public Works</a></td><td width="100" align="left" valign="top"><a href=javascript:showDetail(content[16],"box2")>Highway Dept.</a></td><td width="100" align="left" valign="top"><a href=javascript:showDetail(content[17],"box2")>Recreation Dept.</a></td></tr><tr><td width="100" valign="top"><a href=javascript:showDetail(content[18],"box2")>Community Development</a></td><td width="100" align="left" valign="top"><a href=javascript:showDetail(content[19],"box2")>North Burial Ground</a></td><td width="100" align="left" valign="top"><a href=javascript:showDetail(content[20],"box2")>Bristol Town Beach</a></td></tr><tr><td width="100" valign="top">&nbsp;</td><td width="100" align="left" valign="top">&nbsp;</td><td width="100" align="left" valign="top">&nbsp;</td></tr></table><center><a href=javascript:hideDetail("box1");hideDetail("box2")>Close Box</a></center><br></div>';
content[2]='';
content[3]='<div style="font-family: arial, helvetica, san-serif; font-size: 9pt;"><table width="60" valign="middle" align="center" class="boxText2"><tr><td>253-7000</td></tr></table><center><a href=javascript:hideDetail("box2")>Close Box</a></center><br></div>';
content[4]='<div style="font-family: arial, helvetica, san-serif; font-size: 9pt;"><table width="60" valign="middle" align="center" class="boxText2"><tr><td>253-7000</td></tr></table><center><a href=javascript:hideDetail("box2")>Close Box</a></center><br></div>';
content[5]='<div style="font-family: arial, helvetica, san-serif; font-size: 9pt;"><table width="60" valign="middle" align="center" class="boxText2"><tr><td>253-7000</td></tr></table><center><a href=javascript:hideDetail("box2")>Close Box</a></center><br></div>';
content[6]='<div style="font-family: arial, helvetica, san-serif; font-size: 9pt;"><table width="60" valign="middle" align="center" class="boxText2"><tr><td>253-7000</td></tr></table><center><a href=javascript:hideDetail("box2")>Close Box</a></center><br></div>';
content[7]='<div style="font-family: arial,helvetica,san-serif; font-size: 9pt;"><table width="60" valign="middle" align="center" class="boxText2"><tr><td>253-6900</td></tr></table><center><a href=javascript:hideDetail("box2")>Close Box</a></center><br> </div>';
content[8]='<div style="font-family: arial,helvetica,san-serif; font-size: 9pt;"><table width="60" valign="middle" align="center" class="boxText2"><tr><td>253-5353</td></tr></table><center><a href=javascript:hideDetail("box2")>Close Box</a></center><br> </div>';
content[9]='<div style="font-family: arial,helvetica,san-serif; font-size: 9pt;"><table width="60" valign="middle" align="center" class="boxText2"><tr><td>253-6611</td></tr></table><center><a href=javascript:hideDetail("box2")>Close Box</a></center><br> </div>';
content[10]='<div style="font-family: arial,helvetica,san-serif; font-size: 9pt;"><table width="60" valign="middle" align="center" class="boxText2"><tr><td>253-6912</td></tr></table><center><a href=javascript:hideDetail("box2")>Close Box</a></center><br> </div>';
content[11]='<div style="font-family: arial,helvetica,san-serif; font-size: 9pt;"><table width="60" valign="middle" align="center" class="boxText2"><tr><td>253-2410</td></tr></table><center><a href=javascript:hideDetail("box2")>Close Box</a></center><br> </div>';
content[12]='<div style="font-family: arial,helvetica,san-serif; font-size: 9pt;"><table width="60" valign="middle" align="center" class="boxText2"><tr><td>253-8877</td></tr></table><center><a href=javascript:hideDetail("box2")>Close Box</a></center><br> </div>';
content[13]='<div style="font-family: arial,helvetica,san-serif; font-size: 9pt;"><table width="60" valign="middle" align="center" class="boxText2"><tr><td>253-7000</td></tr></table><center><a href=javascript:hideDetail("box2")>Close Box</a></center><br> </div>';
content[14]='<div style="font-family: arial,helvetica,san-serif; font-size: 9pt;"><table width="60" valign="middle" align="center" class="boxText2"><tr><td>254-2920</td></tr></table><center><a href=javascript:hideDetail("box2")>Close Box</a></center><br> </div>';
content[15]='<div style="font-family: arial,helvetica,san-serif; font-size: 9pt;"><table width="60" valign="middle" align="center" class="boxText2"><tr><td>253-4100</td></tr></table><center><a href=javascript:hideDetail("box2")>Close Box</a></center><br> </div>';
content[16]='<div style="font-family: arial,helvetica,san-serif; font-size: 9pt;"><table width="60" valign="middle" align="center" class="boxText2"><tr><td>253-4100</td></tr></table><center><a href=javascript:hideDetail("box2")>Close Box</a></center><br> </div>';
content[17]='<div style="font-family: arial,helvetica,san-serif; font-size: 9pt;"><table width="60" valign="middle" align="center" class="boxText2"><tr><td>253-9847</td></tr></table><center><a href=javascript:hideDetail("box2")>Close Box</a></center><br> </div>';
content[18]='<div style="font-family: arial,helvetica,san-serif; font-size: 9pt;"><table width="60" valign="middle" align="center" class="boxText2"><tr><td>253-7004</td></tr></table><center><a href=javascript:hideDetail("box2")>Close Box</a></center><br> </div>';
content[19]='<div style="font-family: arial,helvetica,san-serif; font-size: 9pt;"><table width="60" valign="middle" align="center" class="boxText2"><tr><td>254-5099</td></tr></table><center><a href=javascript:hideDetail("box2")>Close Box</a></center><br> </div>';
content[20]='<div style="font-family: arial,helvetica,san-serif; font-size: 9pt;"><table width="60" valign="middle" align="center" class="boxText2"><tr><td>253-1611</td></tr></table><center><a href=javascript:hideDetail("box2")>Close Box</a></center><br> </div>';

//  -- Hide and Show Boxes --

function hideDetail(boxID)
   {
   if (ng5)
      {
      document.getElementById(boxID).style.visibility = "hidden";
      }
   else if (ns4)
      {
      document.layers[boxID].visibility = "hide";
      }
   else if (ie4) document.all[boxID].visibility = "hidden";
   }

function showDetail(detailText,boxID)
   {
   changetext(detailText,boxID);
   if (ng5)
      {
      document.getElementById(boxID).style.visibility = "visible";
      }
   else if (ns4)
      {
      document.layers[boxID].visibility = "show";
      }
   else if (ie4) document.all[boxID].visibility = "visible";
   }


