var menu = new PopUpMenu(80);
menu.setSizes(2, 3, 2, 0);
//            (fgColor,bgColor,hiFgColor,hiBgColor,bdHiColor,bdShColor,spHiColor,spShColor){
menu.setColors("white", "#8686D7", "#C0C0C0", "#6666CC", "darkblue", "silver", "lightblue", "#000040");
menu.setFont("Verdana,MS Sans Serif,Arial,Helvetica", "plain", "bold", "8pt");
var myI1 = new Image(); myI1.src="transparent.gif";
var myI2 = new Image(); myI2.src="menu_norm.gif";
var myI3 = new Image(); myI3.src="menu_high.gif";
menu.setImages(myI1.src,myI2.src,myI3.src, 10, 12);

var intro = new PopUpMenu(80);
intro.copyAttributes(menu);
intro.addItem(new PopUpMenuItem("Upcoming Events", "events.html"));
intro.addSeparator();
intro.addItem(new PopUpMenuItem("Calendar", "calendar.html"));
intro.addSeparator();
intro.addItem(new PopUpMenuItem("News Releases", "newsreleases.html"));


var sub1 = new PopUpMenu(80);
sub1.copyAttributes(menu);
sub1.addItem(new PopUpMenuItem("Regional Role", "regionalrole.html"));
sub1.addSeparator();
sub1.addItem(new PopUpMenuItem("Committees", "committees.html"));
sub1.addSeparator();
sub1.addItem(new PopUpMenuItem("Task Forces", "taskforces.html"));
sub1.addSeparator();
sub1.addItem(new PopUpMenuItem("Meetings", "meetings.html"));

var sub5 = new PopUpMenu(80);
sub5.copyAttributes(menu);
sub5.addItem(new PopUpMenuItem("Transportation Summit","transsummit.html"));
sub5.addSeparator();

var sub6 = new PopUpMenu(80);
sub6.copyAttributes(menu);
sub6.addItem(new PopUpMenuItem("Regional Pavement","regpmp.html"));
sub6.addSeparator();
sub6.addItem(new PopUpMenuItem("Rideshare","rideshare.html"));
sub6.addSeparator();
sub6.addItem(new PopUpMenuItem("TLC","tlc.html"));
sub6.addSeparator();

var sub7= new PopUpMenu(80);
sub7.copyAttributes(menu);
sub7.addItem(new PopUpMenuItem("Reports","transrept.html"));
sub7.addSeparator();
sub7.addItem(new PopUpMenuItem("Tech Memos","techmemo.html"));
sub7.addSeparator();





var part1 = new PopUpMenu(80);
part1.copyAttributes(menu);
part1.addItem(new PopUpMenuItem("FAQ", "FAQ.html"));
part1.addSeparator();
part1.addItem(new PopUpMenuItem("NOACA Region", "noacaregion.html"));
part1.addSeparator();
part1.addItem(new PopUpMenuItem("Office", "office.html"));
part1.addSeparator();
part1.addSubmenu(new PopUpMenuItem("Board", "board.html"),sub1);
part1.addSeparator();
part1.addItem(new PopUpMenuItem("Links", "links.html"));

var part2 = new PopUpMenu(80);
part2.copyAttributes(menu);
part2.addSubmenu(new PopUpMenuItem("FFA 2025", "framework.html"),sub5);
part2.addSeparator();
part2.addItem(new PopUpMenuItem("Overall Work Program", "owp.html"));
part2.addSeparator();
part2.addItem(new PopUpMenuItem("Projects", "transportationproj.html"));
part2.addSeparator();
part2.addItem(new PopUpMenuItem("Ongoing Planning", "planning.html"));
part2.addSeparator();
part2.addItem(new PopUpMenuItem("TIP","tip.html"));
part2.addSeparator();
part2.addSubmenu(new PopUpMenuItem("Transportation Services", "services.html"),sub6);


var sub3 = new PopUpMenu(80);
sub3.copyAttributes(menu);
sub3.addItem(new PopUpMenuItem("Storm Water", "table.html"));
sub3.addSeparator();
sub3.addItem(new PopUpMenuItem("MAGIC 2001", "magic00.html"));
sub3.addSeparator();
sub3.addItem(new PopUpMenuItem("Home Sewage", "homesewage.html"));
sub3.addSeparator();
sub3.addItem(new PopUpMenuItem("Clean Water 2000", "cleanwaterplan.html"));

var sub4 = new PopUpMenu(80);
sub4.copyAttributes(menu);
sub4.addItem(new PopUpMenuItem("Ozone Action Day","oad.html"));
sub4.addSeparator();

var sub8 = new PopUpMenu(80);
sub8.copyAttributes(menu);
sub8.addItem(new PopUpMenuItem("Black River","blkrap.html"));
sub8.addSeparator();
sub8.addItem(new PopUpMenuItem("Lower Big Creek","lbcvs.html"));
sub8.addSeparator();
sub8.addItem(new PopUpMenuItem("Rocky River","rockyriver.html"));
sub8.addSeparator();


var part3 = new PopUpMenu(80);
part3.copyAttributes(menu);
part3.addSubmenu(new PopUpMenuItem("Air Quality", "airquality.html"),sub4);
part3.addSeparator();
part3.addSubmenu(new PopUpMenuItem("Regional Water Quality Efforts", "waterquality.html"), sub3);
part3.addSeparator();
part3.addSubmenu(new PopUpMenuItem("Watershed Planning", "watershed.html"),sub8);
part3.addSeparator();
part3.addItem(new PopUpMenuItem("Cuyahoga RAP", "cuyahogarap.html"));

var part4 = new PopUpMenu(80);
part4.copyAttributes(menu);
part4.addItem(new PopUpMenuItem("Agency Policies", "administrativedownloads.html"));
part4.addSeparator();
part4.addItem(new PopUpMenuItem("Environmental", "environmentaldownloads.html"));
part4.addSeparator();
part4.addSubmenu(new PopUpMenuItem("Transportation", "transportationdownloads.html"),sub7);
part4.addSeparator();
part4.addItem(new PopUpMenuItem("Newsletters", "newsletters1.html"));

var part5 = new PopUpMenu(80);
part5.copyAttributes(menu);
part5.addItem(new PopUpMenuItem("Traffic Counts", "trafficcounts.html"));
part5.addSeparator();
part5.addItem(new PopUpMenuItem("Service Requests", "servicereq.html"));
part5.addSeparator();



menu.addSubmenu(new PopUpMenuItem("What's New", "whatsnew.html"), intro);
menu.addSeparator();
menu.addSubmenu(new PopUpMenuItem("About Us", "aboutus.html"), part1);
menu.addSeparator();
menu.addSubmenu(new PopUpMenuItem("Transportation", "transportation.html"), part2);
menu.addSeparator();
menu.addSubmenu(new PopUpMenuItem("Environmental", "environmental.html"), part3);
menu.addSeparator();
menu.addSubmenu(new PopUpMenuItem("Info and Services", "dataserv.html"), part5);
menu.addSeparator();
menu.addSubmenu(new PopUpMenuItem("Publications", "publications.html"), part4);
menu.addSeparator();
menu.addSubmenu(new PopUpMenuItem("Search", "contactus.html"));

window.onload = initMenu;

var minX = 2;
var minY = 105;

function initMenu() {

  menu.create();
  menu.setStatic(true);
  menu.open(minX, minY);
  repositionMenu();
}

function repositionMenu() {

  var viewTop, viewBottom;
  var dy;

  viewTop = getPageScrollY();
  viewBottom = viewTop + getWindowHeight();

  if (menu.bottom < viewTop)
    menu.moveTo(minX, viewTop - menu.height);
  if (menu.top > viewBottom)
    menu.moveTo(minX, viewBottom);

  dy = Math.round(Math.abs(viewTop + minY - menu.top) / 2);
  if (viewTop + minY < menu.top)
    dy = -dy;

  menu.moveBy(0, dy);
  setTimeout("repositionMenu()", 20);
}