document.write("<img id='dislplayed' src = 'images/banner.jpg'>");
document.write("<table id='menu' border='0'width='800'bgcolor='#a52a2a'>");

document.write("<div class='zone' id='zone'>");
document.write("<ul class='cl1' id='cl1'>");
 
document.write("<TD width='95'>");
document.write("<li class='cl1' id='li1' onmouseover=\"show('')\" onmouseout=\"hide('id1')\">");
document.write("<a href='index.php' id='alink'>Home</a></li>");


document.write("<TD width='95'>");
document.write("<li class='cl1' id='li1' onmouseover=\"show('id3')\" onmouseout=\"hide('id3')\">About");
document.write("<ul class='cl2' id='id3' onmouseover=\"show('id3')\" onmouseout=\"hide('id3')\">");
document.write("<li class='cl4'><a class='cl2' href='about.html' id='alink' id='alink'>Info</a></li>");
document.write("<li class='cl4'><a class='cl2' href='faqs.php' id='alink' id='alink'>FAQs</a></li>");
document.write("</ul>");
document.write("</li>");

document.write("<TD width='95'>");
document.write("<li class='cl1' id='li1' onmouseover=\"show('')\" onmouseout=\"hide('')\">");
document.write("<a href='elections.html' id='alink' id='alink'>Elections</a></li>");
document.write("<ul class='cl2' id='id1' onmouseover='show('')\" onmouseout=\"hide('')\">");
document.write("</ul>");
document.write("</li>");

document.write("<TD width='95'>");
document.write("<li class='cl1' id='li1' onmouseover=\"show('')\" onmouseout=\"hide('')\">");
document.write("<a href='calendar.php' id='alink' id='alink'>Calendar</a></li>");
document.write("<ul class='cl2' id='id1' onmouseover='show('')\" onmouseout=\"hide('')\">");
document.write("</ul>");
document.write("</li>");


document.write("<TD width='150'>");
document.write("<li class='cl1' onmouseover=\"show('')\" onmouseout=\"hide('')\">");
document.write("<a href='comm.html' id='alink'>Commissioners</li>");
document.write("<ul class='cl2' id='id3' onmouseover=\"show('')\" onmouseout=\"hide('')\">");
document.write("</ul>");
document.write("</li>");



document.write("<TD width='150'>")
document.write("<li class='cl1' id='li2' onmouseover=\"show('id4')\" onmouseout=\"hide('id4')\">Departments");
document.write("<ul class='cl2' id='id4' onmouseover=\"show('id4')\" onmouseout=\"hide('id4')\">");
document.write("<li class='cl3'><a class='cl2' href='manager.html' id='alink'>Manager</a></li>");
document.write("<li class='cl3'><a class='cl2' href='assessor.html' id='alink'>Assessor</a></li>");
document.write("<li class='cl3'><a class='cl2' href='clerk.html' id='alink'>Clerks</a></li>");
document.write("<li class='cl3'><a class='cl2' href='treasurer.html' id='alink'>Treasurer</a></li>");
document.write("<li class='cl3'><a class='cl2' href='sheriff.html' id='alink'>Sheriff</a></li>");
document.write("<li class='cl3'><a class='cl2' href='detcent.html' id='alink'>Detention Center</a></li>");
document.write("<li class='cl3'><a class='cl2' href='road.html' id='alink'>Road</a></li>");
document.write("<li class='cl3'><a class='cl2' href='dwi.html' id='alink'>DWI</a></li>");
document.write("</ul>");
document.write("</li>");

document.write("<TD width='120'>");
document.write("<li class='cl1' id='li1' onmouseover=\"show('id5')\" onmouseout=\"hide('id5')\">Jobs/RFPs");
document.write("<ul class='cl2' id='id5' onmouseover=\"show('id5')\" onmouseout=\"hide('id5')\">");
document.write("<li class='cl5'><a class='cl2' href='jobs.php' id='alink' id='alink'>Jobs</a></li>");
document.write("<li class='cl5'><a class='cl2' href='rfp.php' id='alink' id='alink'>RFPs</a></li>");
document.write("</ul>");
document.write("</li>");


document.write("</ul>");
document.write("</div>");

document.write("</table>");



mainWidth=55;barHPos='center';barVPos='top';
subWidth=155;subPosn='center';
moveOnScroll=true;scrollSpeed=20;
/* end of user config area -- do not touch below this point */
/* checked with jsLint 2007 01 24 */
scrolled='document.body.scrollTop';window.onresize=menuPosn;
var zObj,barTop,p=mainWidth-subWidth;
switch(subPosn.toLowerCase()){ //submenu calc is static  
  case'left':subTab=0;break;
  case'center':subTab=(p-3)/2;break;
  case'right':subTab=p;break;
  default:subTab=parseInt(subPosn,10);}
function getWidth(oNode){return oNode.offsetWidth;}
function checkScrolled(){
  zObj.style.top=eval(scrolled)+barTop+'px';
  setTimeout('checkScrolled()',scrollSpeed);}
function show(elmnt){
  if (document.getElementById(elmnt)===null) {return;}
  document.getElementById(elmnt).style.marginLeft=subTab+'px';

  document.getElementById(elmnt).style.display="block";}
function hide(elmnt){
  if (document.getElementById(elmnt)===null) {return;}
  document.getElementById(elmnt).style.display="none";}
function menuPosn(){
  p=document.body.offsetWidth-getWidth(zObj);
  switch(barHPos.toLowerCase()){
    case'left':shift=0;break;
    case'center':shift=p/2;break;
    case'right':shift=p;break;
    default:shift=parseInt(barHPos,10);}
  zObj.style.left=shift+'px';p=self.innerHeight;
  if(!p){p=document.body.clientHeight+document.documentElement.clientHeight;}
  switch(barVPos.toLowerCase()){
    case'top':barTop=0;break;
    case'middle':barTop=p/2;break;
    case'bottom':barTop=p-25;break;
    default:shift=parseInt(barVPos,10);}
  zObj.style.top=barTop+'px';}
function menuInit(){
  zObj=document.getElementById('zone');
  menuPosn();
  x1=eval(scrolled);window.scrollBy(0,1);//test scrolled ptr
  x2=eval(scrolled);window.scrollBy(0,-1);//reset position
  if ((x2-x1)<1){scrolled='document.documentElement.scrollTop';}
  if(moveOnScroll){checkScrolled();}}
/* end JavaScript code for dropdown menu system */