
<!--


//Swipe Menu : 1.0 FX Menu : 1.0
function Is() {
  agent       = navigator.userAgent.toLowerCase();
  this.major  = parseInt(navigator.appVersion);
  this.minor  = parseFloat(navigator.appVersion);
  this.ns     = ((agent.indexOf('mozilla')   != -1) &&
                (agent.indexOf('spoofer')    == -1) &&
                (agent.indexOf('compatible') == -1) &&
                (agent.indexOf('opera')      == -1) &&
                (agent.indexOf('webtv')      == -1) &&
                (agent.indexOf('hotjava')    == -1) &&
      (agent.indexOf("msie")  == -1));
  this.ns2    = (this.ns && (this.major      ==  2));
  this.ns3    = (this.ns && (this.major      ==  3));
  this.ns4    = (this.ns && (this.major      ==  4));
  this.ns6    = (this.ns && (this.major      >=  5));
  this.ie     = ((agent.indexOf("msie")      != -1) &&
                (agent.indexOf("opera")      == -1));
  this.ie3    = (this.ie && (this.major      <   4));
  this.ie4    = (this.ie && (this.major      ==  4) &&
                (agent.indexOf("msie 4")     != -1));
  this.ie5    = (this.ie && (this.major      ==  4) &&
                (agent.indexOf("msie 5")     != -1) &&
                (agent.indexOf("msie 5.5")   == -1) &&
                (agent.indexOf("mac")        == -1));
  this.iem5   = (this.ie && (this.major      ==  4) &&
                (agent.indexOf("msie 5.")    != -1) &&
                (agent.indexOf("mac")        != -1));
  this.ie55   = (this.ie && (this.major      ==  4) &&
                (agent.indexOf("msie 5.5")   != -1));  
  this.ie6    = (this.ie && (this.major      ==  4) &&
                (agent.indexOf("msie 6")     != -1 || agent.indexOf("msie 7") != -1 || agent.indexOf("msie 8") != -1 ));
  this.moz = (agent.indexOf("gecko")!= -1)
  this.nsdom  = (this.ns4  || this.ns6);
  this.win = (agent.indexOf("win") != -1);
  this.iestrict = (this.win && this.ie6 && document.compatMode == "CSS1Compat");
  this.macstrict = (this.ie5 && this.iemac && document.doctype && document.doctype.name.indexOf(".dtd") != -1);
 this.strict = (this.iestrict || this.macstrict);
  this.iemac =(this.iem5);
  this.iewin = ((this.ie5 && !this.iemac || this.ie55 || this.ie6) && this.win);
  this.dom = (this.iewin || this.ns6 || this.moz);
}
var is = new Is();
var css_px = (is.ns4 || is.ie4) ?"" : "px";

function menuObj(obj, par, nst, p) {
    page = new Object();
    page.width = (is.ns6 || is.ns4 || is.moz) ? innerWidth : document.body.clientWidth;
    page.height = (is.ns6 || is.ns4 || is.moz) ? innerHeight : document.body.clientHeight;
    if (!is.ns4) {
        this.lyr = (is.dom || is.iemac) ? document.getElementById(obj) : document.all[obj];
    } else {
        this.lyr = (!nst) ? document.layers[obj] : document.layers[nst].document.layers[obj];
    }
    this.sty = (!is.ns4) ? this.lyr.style : this.lyr;
    this.parent = par;
    this.obj = obj + "SwipeLayer";
    eval(this.obj + "= this");
}
menuObj.prototype.timer = null;
menuObj.prototype.wipe = 0;
menuObj.prototype.ieOver = false;
if (is.iemac){
menuObj.prototype.offX = Function('oX = this.lyr.offsetLeft -6+-(mAtt.border)+0; return oX');
menuObj.prototype.offY = Function('oY = this.lyr.offsetTop-2+-(mAtt.border)+0+(0);return oY;');
} else {
menuObj.prototype.offX = Function('oX = (is.dom || is.ie4) ? this.lyr.offsetLeft  : parseInt(this.sty.left);return oX');
menuObj.prototype.offY = Function('oY = (is.dom || is.ie4) ? this.lyr.offsetTop  : parseInt(this.sty.top);return oY;');
}
menuObj.prototype.offW = Function('oW = (!is.ns4) ? this.lyr.offsetWidth : this.lyr.clip.width; return oW;')
menuObj.prototype.offH = Function('oH = (!is.ns4) ? this.lyr.offsetHeight : this.lyr.clip.height; return oH;')
menuObj.prototype.maxWipe = function() {
	if(is.iemac) return this.offH()+10;
	if(is.dom || is.ie4) return 110;
   	if(is.ns4) return (sAtt.height*this.lyr.document.layers.length)+20;
}
wipeMenu.prototype.addMain = function(name, hasSub, txt, url) {
	menuName = this.name, wipePos = this.pos, mAtt = this.mAtt, sAtt = this.sAtt;
	var pf = Math.ceil(((mAtt.height-mAtt.font_size)/2)-2);
	var pd = "padding:0px 6px 0px 6px;";
	var iefilt = (is.ie55 || is.ie6) ?"filter:progid:DXImageTransform.Microsoft.Fade()" : ((is.ie4 && !is.iemac || is.ie5&& !is.iemac) && !is.iemac) ?"filter:alpha(opacity=100);" : "";
	var styStr2 = "position:absolute; visibility:hidden; -moz-opacity:0; border:solid 1px "+sAtt.border_color+"; border-width:"+sAtt.border+"px 0px 0px 0px; cursor:default; "+iefilt;
	if(this.main[name]) return;
	if(is.ns4) {
		var mainMenu = new Layer(mAtt.width);
		var styStr = "text-decoration:none; font-weight:"+mAtt.font_weight+"; z-index:1; color:"+mAtt.fg_off+"; padding:"+((mAtt.height/2)-(mAtt.font_size/2)-1)+"px 0px 0px 0px; font-size:"+mAtt.font_size+"px; font-family:"+mAtt.font+";"
		mainMenu.document.write('<div align="'+mAtt.align+'" style="'+pd+'"><a href="'+url+'" style="'+styStr+'">'+txt+'</a></div>');
		mainMenu.document.close();
		var mainMenu1 = new Layer(mAtt.width);
		mainMenu.captureEvents(Event.MOUSEUP);
		mainMenu.resizeTo(mAtt.width,mAtt.height);
		if(mAtt.bg_off.indexOf("url") != -1) {
			mainMenu.background.src = mAtt.bg_off.substring(4,mAtt.bg_off.length-1);
			mainMenu.background.src = mAtt.bg_off.substring(4,mAtt.bg_off.length-1);
		} else mainMenu.bgColor = mAtt.bg_off;
		mainMenu.visibility = "visible";
		}
	if(is.dom || is.iemac) {
		var mainMenu = document.createElement("DIV");
		var wf = (is.ns6 || is.moz || is.strict) ? 12+(mAtt.border*2) : 0;
		var pf2 = (mAtt.height%2 == 0) ? 1 : 0;
		var styStr = "position:absolute; font-weight:"+mAtt.font_weight+"; z-index:1; width:"+(mAtt.width-wf)+"px; border:solid "+mAtt.border+"px "+mAtt.border_color+"; color:"+mAtt.fg_off+";  text-align:"+mAtt.align+"; font-size:"+mAtt.font_size+"px; font-family:"+mAtt.font+"; padding:"+pf+"px 6px "+(pf+pf2)+"px 6px; background:"+mAtt.bg_off+"; cursor:pointer; cursor:hand;"
		mainMenu.innerHTML = txt;
		mainMenu.id = name+menuName;
		mainMenu.style.cssText = styStr;
		mainMenu.setAttribute("style", styStr);
		document.body.appendChild(mainMenu);
	}
	if(is.ie4) {
		var wf = 6;
		var styStr = "position:absolute; width:"+(mAtt.width-wf)+"px; font-weight:"+mAtt.font_weight+"; z-index:1; border:solid "+mAtt.border+"px "+mAtt.border_color+"; color:"+mAtt.fg_off+"; text-align:"+mAtt.align+"; font-size:"+mAtt.font_size+"px; font-family:"+mAtt.font+"; padding:"+pf+"px 6px "+(pf+pf2)+"px 6px; background:"+mAtt.bg_off+"; cursor:pointer; cursor:hand;"
		var mM = '<div id="'+name+menuName+'" style="'+styStr+'">'+txt+'</div>';
		document.body.insertAdjacentHTML("beforeEnd", mM);
		var mainMenu = document.all[name+menuName];
	}
	mainMenu.onmouseover = new Function('if('+hasSub+')'+menuName+'.subs["'+name+'"].show("'+wipePos+'"); over_out(this, "'+mAtt.bg_on+'", "'+mAtt.fg_on+'")');
	mainMenu.onmouseout = new Function('if('+hasSub+')'+menuName+'.subs["'+name+'"].hide();over_out(this, "'+mAtt.bg_off+'", "'+mAtt.fg_off+'")');
	mainMenu.onmousedown = new Function('location.href = "'+url+'"');
	this.main[name] = new menuObj(mainMenu.id);
	this.mainNum[this.mainNum.length] = this.main[name];
	if(!hasSub) return;
	if(is.ns4) {
		var subC = new Layer(sAtt.width);
		subC.resizeTo(sAtt.width,0);
		subC.visibility = "hidden";
	}
	if(is.dom || is.iemac) {
		var subC = document.createElement("DIV");
		subC.id = name+menuName+"Sub";
		var wf = (is.ns6 || is.moz) ? 4 : 0;
		subC.style.cssText = styStr2;
		subC.setAttribute("style", styStr2);
		document.body.appendChild(subC);
	}
	if(is.ie4) {
		var sC = '<div id="'+name+menuName+'Sub" style="'+styStr2+'"></div>';
		document.body.insertAdjacentHTML("beforeEnd", sC);
		var subC = document.all[name+menuName+"Sub"];
	}
	this.subs[name] = new menuObj(subC.id, this.main[name]);
	subC.onmouseover = new Function(menuName+'.subs["'+name+'"].show("'+wipePos+'");');
	subC.onmouseout = new Function(menuName+'.subs["'+name+'"].hide();');
}
wipeMenu.prototype.addSub = function(name, parent, txt, url) {
	var pf2 = (mAtt.height%2 == 0) ? 1 : 0;
	var pf = Math.ceil(((sAtt.height-sAtt.font_size)/2)-2);
	var pd = "padding:0px 6px 0px 6px;";
	if(is.ns4) {
		var tempsub = new Layer(sAtt.width, this.subs[parent].lyr);
		var styStr = "text-decoration:none; font-weight:"+sAtt.font_weight+"; color:"+sAtt.fg_off+"; padding:"+((sAtt.height/2)-(sAtt.font_size/2)-2)+"px 0px 0px 0px; font-size:"+sAtt.font_size+"px; font-family:"+sAtt.font+";"
		tempsub.document.write('<div align="'+sAtt.align+'" style="'+pd+'"><a href="'+url+'" style="'+styStr+'">'+txt+'</a></div>');
		tempsub.document.close();
		tempsub.captureEvents(Event.MOUSEUP);
		tempsub.resizeTo(sAtt.width,sAtt.height);
		tempsub.moveTo(0,(sAtt.height*(this.subs[parent].lyr.document.layers.length-1)));
		if(sAtt.bg_off.indexOf("url") != -1) {
			tempsub.background.src = sAtt.bg_off.substring(4,sAtt.bg_off.length-1);
			tempsub.background.src = sAtt.bg_off.substring(4,sAtt.bg_off.length-1);
		} 
		else tempsub.bgColor = sAtt.bg_off;
		tempsub.visibility = "inherit";
	}
	if(is.dom || is.iemac) {
		var tempsub = document.createElement("DIV");
		var wf = (is.ns6 || is.moz || is.strict) ? 12+(sAtt.border*2) : 0;
		var styStr = "width:"+(sAtt.width-wf)+"px; font-weight:"+sAtt.font_weight+"; border:solid "+sAtt.border+"px "+sAtt.border_color+"; border-top-width:0px; color:"+sAtt.fg_off+";  text-align:"+sAtt.align+"; font-size:"+sAtt.font_size+"px; font-family:"+sAtt.font+"; padding:"+pf+"px 6px "+(pf+pf2)+"px 6px; background:"+sAtt.bg_off+"; cursor:pointer; cursor:hand;"
		tempsub.id = name+menuName+"SubItem";
		tempsub.innerHTML = txt;
		tempsub.style.cssText = styStr;
		tempsub.setAttribute("style", styStr);
		this.subs[parent].lyr.appendChild(tempsub);
	}
	if(is.ie4) {
		var wf =  12;
		var styStr = "width:"+(sAtt.width-wf)+"px; font-weight:"+sAtt.font_weight+"; border:solid "+sAtt.border+"px "+sAtt.border_color+"; border-top-width:0px; color:"+sAtt.fg_off+"; text-align:"+sAtt.align+"; font-size:"+sAtt.font_size+"px; font-family:"+sAtt.font+"; padding:"+pf+"px 6px "+(pf+pf2)+"px 6px; background:"+sAtt.bg_off+"; cursor:pointer; cursor:hand;"
		var ts = '<div id="'+name+menuName+'SubItem" style="'+styStr+'">'+txt+'</div>';
		this.subs[parent].lyr.insertAdjacentHTML("beforeEnd", ts);
		tempsub = document.all[name+menuName+"SubItem"];
	}
		tempsub.onmouseover = new Function('over_out(this, "'+sAtt.bg_on+'", "'+sAtt.fg_on+'")');
		tempsub.onmouseout = new Function('over_out(this, "'+sAtt.bg_off+'", "'+sAtt.fg_off+'")');
		tempsub.onmousedown = new Function('location.href = "'+url+'"');
}
menuObj.prototype.show = function(p) {
 if(p == "v" && is.iemac) {
   this.sty.left = this.parent.offX()+mAtt.width+css_px;
  this.sty.top = this.parent.offY()+(mAtt.height%2);
   } else if  (p == "h") {
   this.sty.left = this.parent.offX()+css_px;
   this.sty.top = this.parent.offY()+this.parent.offH()+css_px;
  } else {
  this.sty.left = this.parent.offX()+this.parent.offW()+css_px;
  this.sty.top = this.parent.offY()+css_px;
  }
 if(!is.ie55 && !is.ie6) this.sty.visibility = "visible";
 this.sty.zIndex = "1";
 if(is.ie55 || is.ie6) this.ieDoShow();
 else this.doShow();
}
menuObj.prototype.doShow = function() {
	clearTimeout(this.timer);
	var inc = (is.iewin) ?12 : (is.ns6) ?8 : 10;
	if(is.iewin) this.lyr.filters["alpha"]["opacity"] = this.wipe;
	if(is.ns6) this.lyr.style.MozOpacity = this.wipe/100;
	if(is.ns4 || is.iemac) this.clipIt(0, this.offW(), this.wipe, 0);
	this.wipe += inc;
	if(this.wipe <= this.maxWipe()) this.timer = setTimeout(this.obj + ".doShow()", 40);
}
menuObj.prototype.ieDoShow = function() {
	clearTimeout(this.timer);
	if(this.ieOver && this.sty.visibility == "visible") return;
	this.lyr.filters[0].apply();
	this.lyr.style.visibility = "visible";
	this.lyr.filters[0].play(0.3);
	this.ieOver = true;
}
menuObj.prototype.ieHide = function() {
	this.timer = setTimeout(this.obj + ".ieDoHide()", 200);
}
menuObj.prototype.ieDoHide = function() {
	this.ieOver = false;
	this.lyr.filters[0].apply();
	this.lyr.style.visibility = "hidden";
	this.lyr.filters[0].play(0.3);

}
menuObj.prototype.hide = function() {
	if(is.ie55 || is.ie6) {
		this.ieHide();
		return;
	}
	clearTimeout(this.timer);
	var inc = (is.iewin) ?12 : (is.ns6) ?8 : 20;
	if(is.iewin) this.lyr.filters["alpha"]["opacity"] = this.wipe;
	if(is.ns6) this.lyr.style.MozOpacity = this.wipe/100;
	if(is.ns4 || is.iemac) this.clipIt(0, this.offW(), this.wipe-10, 0);
	this.wipe -= inc;
	if(this.wipe >= 0) this.timer = setTimeout(this.obj + ".hide()", 40);
	else this.sty.visibility = "hidden";
}
function over_out(obj, bg, fg) {
	if(is.ns4) {
		if(bg.indexOf("url") != -1) obj.background.src = bg.substring(4,bg.length-1)
		else obj.background.src = "", obj.bgColor = bg;
	}
	else {
		if(bg.indexOf("url") != -1) obj.style.backgroundImage = bg;
		else obj.style.backgroundImage = "url(blank)", obj.style.backgroundColor = bg;
		obj.style.color = fg;
	}
}
menuObj.prototype.clipIt = function(t,r,b,l) {
	if(!is.ns4) this.sty.clip = "rect("+t+"px, "+r+"px, "+b+"px, "+l+"px)";
	else {
		this.sty.clip.top = t;
		this.sty.clip.right = r;
		this.sty.clip.bottom = b;
		this.sty.clip.left = l;
	}
}
wipeMenu.prototype.buildMenu = function(x,y,spacing) {
	this.mainNum[0].sty.left = x+css_px;
	this.mainNum[0].sty.top = y+css_px;
	if(!is.ns4 && spacing == 0) var spacing = -this.mAtt.border;
	for(i = 1; i < this.mainNum.length; i++) {
		if(this.pos == "h") {
			this.mainNum[i].sty.left = this.mainNum[i-1].offX()+this.mainNum[i-1].offW()+spacing+css_px;
			this.mainNum[i].sty.top = this.mainNum[i-1].offY()+css_px;
		} else {
			this.mainNum[i].sty.left = this.mainNum[i-1].offX()+css_px;
			this.mainNum[i].sty.top = this.mainNum[i-1].offY()+this.mainNum[i-1].offH()+spacing+css_px;
	}
	}
}

function wipeMenu(menu, p, ma, sa) {
    this.name = menu;
    this.pos = p;
    this.mAtt = ma;
    this.sAtt = (!sa) ? ma : sa;
    this.main = [];
    this.mainNum = [];
    this.subs = [];
}
function macGo(){
  if (is.iemac) {history.go(0);}
}
  if(document.layers) { 
  var pX = innerWidth;
  var pY = innerHeight; 
	onresize= function(){ 
		if(pX!= innerWidth || pY!= innerHeight) history.go(0);
	}
}
image1 = new Image()
image1.src = ""
image2 = new Image()
image2.src = ""
image3 = new Image()
image3.src = ""
image4 = new Image()
image4.src = ""
//M2Preload
//FinishM2

function initSwipeMenu() {
	hMenu1Att = new Array();
	hMenu1Att["width"] = 180,
	hMenu1Att["height"] = 19,
	hMenu1Att["align"] = "left";
	hMenu1Att["font"] = "Arial";
	hMenu1Att["font_size"] = 11;
	hMenu1Att["font_weight"] = "normal";
	hMenu1Att["bg_off"] = "#669999";
	hMenu1Att["bg_on"] = "#FFCC00";
	hMenu1Att["fg_off"] = "#FFFFFF";
	hMenu1Att["fg_on"] = "#FFFFFF";
	hMenu1Att["border"] = 1;
	hMenu1Att["border_color"] = "#FFFFFF";

	hMenu1SubAtt = new Array();
	hMenu1SubAtt["width"] = 222,
	hMenu1SubAtt["height"] = 19,
	hMenu1SubAtt["align"] = "left";
	hMenu1SubAtt["font"] = "Arial";
	hMenu1SubAtt["font_size"] = 11;
	hMenu1SubAtt["font_weight"] = "normal";
	hMenu1SubAtt["bg_off"] = "#669999";
	hMenu1SubAtt["bg_on"] = "#FFCC00";
	hMenu1SubAtt["fg_off"] = "#FFFFFF";
	hMenu1SubAtt["fg_on"] = "#FFFFFF";
	hMenu1SubAtt["border"] = 1;
	hMenu1SubAtt["border_color"] = "#FFFFFF";

hMenu1 = new wipeMenu("hMenu1", "v", hMenu1Att, hMenu1SubAtt);
//MenuTypeEnd
//xMenu1
hMenu1.addMain("Menu1", true, "&nbsp;&nbsp;&nbsp;&nbsp;home", "http://www.unionsanitary.com");
//xMenu1End
//xMenu2
hMenu1.addMain("Menu2", true, "&nbsp;&nbsp;&nbsp;&nbsp;about us", "#");
hMenu1.addSub("Menu2Sub1", "Menu2", "board of directors", "board.htm");
hMenu1.addSub("Menu2Sub2", "Menu2", "financial information", "financialinfo.htm");
hMenu1.addSub("Menu2Sub3", "Menu2", "mission, facts, and history", "mission.htm");
//xMenu2End
//xMenu3
hMenu1.addMain("Menu3", true, "&nbsp;&nbsp;&nbsp;&nbsp;what's new", "whatsNew.htm");
//xMenu3End
//xMenu4
hMenu1.addMain("Menu4", true, "&nbsp;&nbsp;&nbsp;&nbsp;employment", "employment.htm");
//xMenu4End
//xMenu5
hMenu1.addMain("Menu5", true, "&nbsp;&nbsp;&nbsp;&nbsp;homeowner information", "#");
hMenu1.addSub("Menu5Sub1", "Menu5", "sewer repairs", "sewerRepairs.htm");
hMenu1.addSub("Menu5Sub2", "Menu5", "sewer safety, homeowners do's & don'ts", "sewerSafety.htm");
//xMenu5End
//xMenu6
hMenu1.addMain("Menu6", true, "&nbsp;&nbsp;&nbsp;&nbsp;doing business with usd", "");
hMenu1.addSub("Menu6Sub1", "Menu6", "accounting", "accounting.htm");
hMenu1.addSub("Menu6Sub2", "Menu6", "connection fees", "connectionFees.htm");
hMenu1.addSub("Menu6Sub3", "Menu6", "construction newsletters", "constructionNewsletters.htm");
hMenu1.addSub("Menu6Sub4", "Menu6", "customer service survey", "customerSurvey.htm");
hMenu1.addSub("Menu6Sub5", "Menu6", "digital submittal guidelines", "digitalSubmittal.htm");
hMenu1.addSub("Menu6Sub6", "Menu6", "permits", "permits.htm");
hMenu1.addSub("Menu6Sub7", "Menu6", "purchasing", "purchasing.htm");
hMenu1.addSub("Menu6Sub8", "Menu6", "sewer service charges & ordinance", "sewerService.htm");
hMenu1.addSub("Menu6Sub9", "Menu6", "standard specifications", "standardSpecifications.htm");
hMenu1.addSub("Menu6Sub10", "Menu6", "usd construction projects bid board", "bidBoard.htm");
hMenu1.addSub("Menu6Sub11", "Menu6", "procore login", "procore.htm");
//xMenu6End
//xMenu7
hMenu1.addMain("Menu7", true, "&nbsp;&nbsp;&nbsp;&nbsp;environmental programs", "http://www.unionsanitary.com/environmentalprograms/");
//xMenu7End
//xMenu8
hMenu1.addMain("Menu8", true, "&nbsp;&nbsp;&nbsp;&nbsp;links & glossary", "linksGlossary.htm");
//xMenu8End
//xMenu9
hMenu1.addMain("Menu9", true, "&nbsp;&nbsp;&nbsp;&nbsp;contact us", "contactUs.htm");
//xMenu9End
//xMenu10
hMenu1.addMain("Menu10", true, "&nbsp;&nbsp;&nbsp;&nbsp;preventing & reporting odors", "preventingOdors.htm");
//xMenu10End

//XtraMenusEnd
hMenu1.buildMenu(-1,168,0);
//Additional
}
//SwipeMenuEnd

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//-->