<!-- Browser Check -->
iens6=document.all||document.getElementById
ns4=document.layers

var cell_image = "url('images/button_bg.gif')"

<!--GLOBAL VARIABLES-->
var thename
var theobj
var thetext
var winHeight
var winWidth
var boxPosition
var headerColor
var tableColor
var timerID
var seconds=0
var x=0
var y=0
var offsetx = 1
var offsety = 0
var menu_open = 0
var open_menu = ""
var timer_off = 0

<!--END GLOBAL VARIABLES-->

if(ns4) {
        document.captureEvents(Event.MOUSEMOVE)
}
document.onmousemove=getXY

<!--GLOBAL FUNCTIONS-->

function setObj(inwidth,inheight,content,oL,oT) {
        clearTimeout(timerID)
        winWidth=inwidth
        winHeight=inheight
        thetext=""

        water_system = "  <table width='"+(winWidth-2)+"' height='"+(winHeight-2)+"' border='0' cellpadding='4' cellspacing='0' onmouseover='ontoMenu()' onmouseout='offMenu()'>";
        water_system+= "    <tr>";
        water_system+= "      <td width='100%' bgcolor='#D6DBEB' valign='top' style=\"background-image: url('images/menu_bg.gif'); background-repeat: repeat-x; background-position: bottom; background-position: bottom 100%;\">";
        water_system+= "        <table border=\"0\" width=\"100%\" cellspacing=\"1\" cellpadding=\"4\" bgcolor=\"#808080\">";
        water_system+= "                <tr><td onmouseover=\"document.body.style.cursor='hand', this.style.backgroundColor='#FFFFFF', this.style.fontWeight='normal', this.style.backgroundImage=''\" onmouseout=\"document.body.style.cursor='default', this.style.backgroundColor='', this.style.fontWeight='normal', this.style.backgroundImage=cell_image\" bgcolor=\"#FFFFFF\" style=\"background-image: url('images/button_bg.gif'); background-repeat: repeat-x\"><font face=\"Verdana\" size=\"1\"><a href=\"index.php?id=1106\" class=\"two\">About - Water System</a></font></td></tr>";
        water_system+= "                <tr><td onmouseover=\"document.body.style.cursor='hand', this.style.backgroundColor='#FFFFFF', this.style.fontWeight='normal', this.style.backgroundImage=''\" onmouseout=\"document.body.style.cursor='default', this.style.backgroundColor='', this.style.fontWeight='normal', this.style.backgroundImage=cell_image\" bgcolor=\"#FFFFFF\" style=\"background-image: url('images/button_bg.gif'); background-repeat: repeat-x\"><font face=\"Verdana\" size=\"1\"><a href=\"index.php?id=1107\" class=\"two\">Annual Consumer Confidence Reports</a></font></td></tr>";
        water_system+= "        </table>";
        water_system+= "      </td>";
        water_system+= "    </tr>";
        water_system+= "  </table>";

        wastewater_system = "  <table width='"+(winWidth-2)+"' height='"+(winHeight-2)+"' border='0' cellpadding='4' cellspacing='0' onmouseover='ontoMenu()' onmouseout='offMenu()'>";
        wastewater_system+= "    <tr>";
        wastewater_system+= "      <td width='100%' bgcolor='#D6DBEB' valign='top' style=\"background-image: url('images/menu_bg.gif'); background-repeat: repeat-x; background-position: bottom; background-position: bottom 100%;\">";
        wastewater_system+= "        <table border=\"0\" width=\"100%\" cellspacing=\"1\" cellpadding=\"4\" bgcolor=\"#808080\">";
        wastewater_system+= "                <tr><td onmouseover=\"document.body.style.cursor='hand', this.style.backgroundColor='#FFFFFF', this.style.fontWeight='normal', this.style.backgroundImage=''\" onmouseout=\"document.body.style.cursor='default', this.style.backgroundColor='', this.style.fontWeight='normal', this.style.backgroundImage=cell_image\" bgcolor=\"#FFFFFF\" style=\"background-image: url('images/button_bg.gif'); background-repeat: repeat-x\"><font face=\"Verdana\" size=\"1\"><a href=\"index.php?id=1108\" class=\"two\">About - Wastewater System</a></font></td></tr>";
        wastewater_system+= "                <tr><td onmouseover=\"document.body.style.cursor='hand', this.style.backgroundColor='#FFFFFF', this.style.fontWeight='normal', this.style.backgroundImage=''\" onmouseout=\"document.body.style.cursor='default', this.style.backgroundColor='', this.style.fontWeight='normal', this.style.backgroundImage=cell_image\" bgcolor=\"#FFFFFF\" style=\"background-image: url('images/button_bg.gif'); background-repeat: repeat-x\"><font face=\"Verdana\" size=\"1\"><a target=\"_blank\" href=\"files/Files/PDF/pretreatment_survey.pdf\" class=\"two\">Pretreatment Survey</a></font></td></tr>";
        wastewater_system+= "                <tr><td onmouseover=\"document.body.style.cursor='hand', this.style.backgroundColor='#FFFFFF', this.style.fontWeight='normal', this.style.backgroundImage=''\" onmouseout=\"document.body.style.cursor='default', this.style.backgroundColor='', this.style.fontWeight='normal', this.style.backgroundImage=cell_image\" bgcolor=\"#FFFFFF\" style=\"background-image: url('images/button_bg.gif'); background-repeat: repeat-x\"><font face=\"Verdana\" size=\"1\"><a target=\"_blank\" href=\"files/Files/PDF/discharge_application.pdf\" class=\"two\">Discharge Application</a></font></td></tr>";
        wastewater_system+= "        </table>";
        wastewater_system+= "      </td>";
        wastewater_system+= "    </tr>";
        wastewater_system+= "  </table>";        

        customer_service = "  <table width='"+(winWidth-2)+"' height='"+(winHeight-2)+"' border='0' cellpadding='4' cellspacing='0' onmouseover='ontoMenu()' onmouseout='offMenu()'>";
        customer_service+= "    <tr>";
        customer_service+= "      <td width='100%' bgcolor='#D6DBEB' valign='top' style=\"background-image: url('images/menu_bg.gif'); background-repeat: repeat-x; background-position: bottom; background-position: bottom 100%;\">";
        customer_service+= "                <table border=\"0\" width=\"100%\" cellspacing=\"1\" cellpadding=\"4\" bgcolor=\"#808080\">";
        customer_service+= "                        <tr><td onmouseover=\"document.body.style.cursor='hand', this.style.backgroundColor='#FFFFFF', this.style.fontWeight='normal', this.style.backgroundImage=''\" onmouseout=\"document.body.style.cursor='default', this.style.backgroundColor='', this.style.fontWeight='normal', this.style.backgroundImage=cell_image\" bgcolor=\"#FFFFFF\" style=\"background-image: url('images/button_bg.gif'); background-repeat: repeat-x\"><font size=\"1\" face=\"Verdana\"><a href=\"index.php?id=1111\" class=\"two\">Application for Service</a></font></td></tr>";
        customer_service+= "                        <tr><td onmouseover=\"document.body.style.cursor='hand', this.style.backgroundColor='#FFFFFF', this.style.fontWeight='normal', this.style.backgroundImage=''\" onmouseout=\"document.body.style.cursor='default', this.style.backgroundColor='', this.style.fontWeight='normal', this.style.backgroundImage=cell_image\" bgcolor=\"#FFFFFF\" style=\"background-image: url('images/button_bg.gif'); background-repeat: repeat-x\"><font size=\"1\" face=\"Verdana\"><a href=\"index.php?id=1114\" class=\"two\">Billing</a></font></td></tr>";
        customer_service+= "                        <tr><td onmouseover=\"document.body.style.cursor='hand', this.style.backgroundColor='#FFFFFF', this.style.fontWeight='normal', this.style.backgroundImage=''\" onmouseout=\"document.body.style.cursor='default', this.style.backgroundColor='', this.style.fontWeight='normal', this.style.backgroundImage=cell_image\" bgcolor=\"#FFFFFF\" style=\"background-image: url('images/button_bg.gif'); background-repeat: repeat-x\"><font size=\"1\" face=\"Verdana\"><a href=\"index.php?id=1115\" class=\"two\">Payment Options</a></font></td></tr>";
        customer_service+= "                        <tr><td onmouseover=\"document.body.style.cursor='hand', this.style.backgroundColor='#FFFFFF', this.style.fontWeight='normal', this.style.backgroundImage=''\" onmouseout=\"document.body.style.cursor='default', this.style.backgroundColor='', this.style.fontWeight='normal', this.style.backgroundImage=cell_image\" bgcolor=\"#FFFFFF\" style=\"background-image: url('images/button_bg.gif'); background-repeat: repeat-x\"><font size=\"1\" face=\"Verdana\"><a href=\"index.php?id=1116\" class=\"two\">Special Programs</a></font></td></tr>";
        customer_service+= "                        <tr><td onmouseover=\"document.body.style.cursor='hand', this.style.backgroundColor='#FFFFFF', this.style.fontWeight='normal', this.style.backgroundImage=''\" onmouseout=\"document.body.style.cursor='default', this.style.backgroundColor='', this.style.fontWeight='normal', this.style.backgroundImage=cell_image\" bgcolor=\"#FFFFFF\" style=\"background-image: url('images/button_bg.gif'); background-repeat: repeat-x\"><font size=\"1\" face=\"Verdana\"><a href=\"index.php?id=1117\" class=\"two\">Connection Fees</a></font></td></tr>";
        customer_service+= "                </table>";
        customer_service+= "      </td>";
        customer_service+= "    </tr>";
        customer_service+= "  </table>";

        if (content == "water_system") { thetext = water_system; }
        if (content == "wastewater_system") { thetext = wastewater_system; }
        if (content == "customer_service") { thetext = customer_service; }

        x=oL+offsetx
        y=oT+offsety
        
        if(window.pageYOffset)      { y=y-window.pageYOffset;      } else
        if(document.body.scrollTop) { y=y-document.body.scrollTop; }

        if(iens6){
                thename = "viewer"
                theobj=document.getElementById? document.getElementById(thename):document.all.thename
                theobj.style.width=winWidth
                theobj.style.height=winHeight
                theobj.style.left=x
                        if(iens6&&document.all) {
                        theobj.style.top=document.body.scrollTop+y
                                theobj.innerHTML = ""
                                theobj.insertAdjacentHTML("BeforeEnd","<table cellspacing=0 width="+winWidth+" height="+winHeight+" border=0 bgcolor=#000000><tr><td width=100% valign=top><font type='times' size='2' style='color:black;font-weight:normal'>"+thetext+"</font></td></tr></table>")
                        }
                        if(iens6&&!document.all) {
                        theobj.style.top=window.pageYOffset+y
                                theobj.innerHTML = ""
                                theobj.innerHTML="<table cellspacing=0 width="+winWidth+" height="+winHeight+" border=0 bgcolor=#000000><tr><td width=100% valign=top><font type='times' size='2' style='color:black;font-weight:normal'>"+thetext+"</font></td></tr></table>"
                        }
        }
        if(ns4){
                thename = "nsviewer"
                theobj = eval("document."+thename)
                theobj.left=x
                theobj.top=y
                theobj.width=winWidth
                theobj.clip.width=winWidth
                theobj.height=winHeight
                theobj.clip.height=winHeight
                theobj.document.write("<table cellspacing=0 width="+winWidth+" height="+winHeight+" border=0 bgcolor=#000000><tr><td width=100% valign=top><font type='times' size='2' style='color:black;font-weight:normal'>"+thetext+"</font></td></tr></table>")
                theobj.document.close()
        }

        if (((iens6) && (theobj.style.visibility=="visible")) || ((ns4) && (theobj.visibility=="visible"))) {
        
          if (menu_open == 1) {
          
                        if (open_menu == content) {
                        
                                if (timer_off == 0) {

                                  stopIt()
                                  menu_open = 0
                                  open_menu = ""
                                  
                                }  
                          
                        } else {

              viewIt()  
                          menu_open = 1
              open_menu = content
              
            }  
            
          } else { 

            stopIt()
            menu_open = 0
            open_menu = ""
            
          }  

        } else {

          viewIt()
          menu_open = 1
          open_menu = content

        }
}

function viewIt() {
                if(iens6) {
                        theobj.style.visibility="visible"
                }
                if(ns4) {
                        theobj.visibility = "visible"
                }
}

function stopIt() {
        if(theobj) {
                if(iens6) {
                theobj.innerHTML = ""
                theobj.style.visibility="hidden"
                }
                if(ns4) {
                theobj.document.write("")
                theobj.document.close()
                theobj.visibility="hidden"
                }
        }

        if (document.body.style.cursor=='hand') {
          document.body.style.cursor='default';
        }
        
        timer_off = 0
        
}

function timer(sec) {

        if (timer_off == 0) {

        seconds=parseInt(sec)
        
        if (seconds>0) {

                seconds--
                timerID=setTimeout("timer(seconds)",1000)

        } else {

                stopIt()
                menu_open = 0
                open_menu = ""

        }
        
    }

}

function ontoMenu() {

  timer_off = 1

}

function offMenu() {

  timer_off = 0
  timer(2)
  
}

function getXY(e) {
        if (ns4) {
                x=0
                y=0
                x=e.pageX;
                y=e.pageY;
        }
        if (iens6&&document.all) {
                x=0
                y=0
                x=event.x;
                y=event.y;
        }
        if (iens6&&!document.all) {
                x=0
                y=0
                x=e.pageX;
                y=e.pageY;
        }
}

<!--END GLOBAL FUNCTIONS-->

if (iens6){
document.write("<div id='viewer' style='background-color:#cccccc;marginleft:0;visibility:hidden;position:absolute;width:0;height:0;z-index:1;overflow:hidden'></div>")
}
if (ns4){
        hideobj = eval("document.nsviewer")
        hideobj.visibility="hidden"
}
