function openmenu(id,e){
  if(menu){
    var item=menu.getItem(id);
    if(item){
      item.closeSiblings();
      if(!item.isOpen())
        item.open(e);
    }
  }
}

function menuItem(text,href,id){
  this.text=text;
  this.href=href;
  this.id=id;
  this.parent=null;
  this.parentCell=null;
  this.timer=null;
  this.items=new Array();
  this.expand=null;
  this.isActive=false;
  this.openLeft=false;
  
  this.addItem=function addItem(item){
    this.items.push(item);
    item.parent=this;
  };
  
  this.getItem=function getItem(itemId){
    if(this.id==itemId){
      return this;
    }
    for(var i=0;i<this.items.length;i++){
      var item=this.items[i].getItem(itemId);
      if(item){
        return item;
      }
    }
    return null;
  };
  
  this.setCloseTimer=function setCloseTimer(time){
    if(time==undefined)
      time=menuOpenTime;
    if(this.timer)
      clearTimeout(this.timer);
    this.timer=setTimeout("menu.getItem(\""+this.id+"\").close()",time);
  };
  
  this.clearCloseTimer=function clearCloseTimer(){
    clearTimeout(this.timer);
    if(this.parent)
      this.parent.clearCloseTimer();
  };
  
  this.close=function close(){
    var tbl=document.getElementById('submenu'+this.id);
    if(this.expand)
        this.expand.src="/images/expand0.png";
    if(this.parentCell){
      if(this.parentCell.className.search(/ItemOver/)>=0)
        this.parentCell.className=this.parentCell.className.replace(/ItemOver/,"Item");
      if(tbl)
        this.parentCell.removeChild(tbl);
    }
  };
  
  this.closeSiblings=function closeSiblings(){   
    for(var i=0;i<this.parent.items.length;i++){
      var item=this.parent.items[i];
      if(item!=this)
        if(item.isOpen())
          item.close();
        else if(item.parentCell && item.parentCell.className.match(/ItemOver/)){
          item.parentCell.className=item.parentCell.className.replace(/ItemOver/,"Item");
        }
    }
  };
  
  this.isOpen=function isOpen(){
    return (document.getElementById("submenu"+this.id)?true:false);
  };
  
  this.open=function open(e){
    var tbl=document.createElement('div');
    for(var i=0;i<this.items.length;i++){
      var item=this.items[i];
      var cell=document.createElement('div');
      cell.menuId=item;
      cell.innerHTML=item.text+" ";
      cell.className="submenuItem";
      item.parentCell=cell;
      if(cell.attachEvent){
        cell.attachEvent("onmouseover",menuMouseOver);
        cell.attachEvent("onmouseout",menuMouseOut);
        cell.attachEvent("onmousedown",menuClick);
      }
      else{
        cell.addEventListener("mouseover",menuMouseOver,false);
        cell.addEventListener("mouseout",menuMouseOut,false);
        cell.addEventListener("mousedown",menuClick,false);
      }
      if(item.items.length>0){
        item.expand=document.createElement('img');
        item.expand.src="/images/expand0.png";
        item.expand.className="submenuItem";
        item.expand.style.right="5px";
        cell.appendChild(item.expand);
      }
      tbl.appendChild(cell);
    }
    if(cell)
      cell.style.borderStyle="none";
    var parent=(this.parent!=menu?this.parent.parentCell:document.getElementById(this.id));
    if(!this.parentCell){
      if(this.parent==menu)
        this.parentCell=document.getElementById(this.id+this.text);
      else if(e)
        this.parentCell=(e.currentTarget?e.currentTarget:e.srcElement);
      else
        this.parentCell=document.getElementById(this.id).lastChild;
    }
    tbl.id="submenu"+this.id;
    tbl.className="submenu";
    var left,top,width;
    tbl.menuId=this;
    if(tbl.attachEvent){
      tbl.attachEvent("onmouseover",menuMouseOver);
      tbl.attachEvent("onmouseout",menuMouseOut);
      tbl.attachEvent("onmousedown",menuClick);
      document.body.appendChild(tbl);
      width=getWidth(tbl);
      document.body.removeChild(tbl);
    }
    else{
      tbl.addEventListener("mouseover",menuMouseOver,false);
      tbl.addEventListener("mouseout",menuMouseOut,false);
      tbl.addEventListener("mousedown",menuClick,false);
    }
    var show=tbl.innerHTML!=""
    if(show || this.parent==menu){
      tbl.style.zIndex="5";
      this.parentCell.appendChild(tbl);
      this.timer=menuOpenTime;
      if(document.documentMode && document.documentMode<8){
        left=getLeft(this.parentCell);
        top=getTop(tbl);
        if(this.isActive){
          //left-=3;
        }
        else if(this.parent==menu){
          top+=18;
        }
        else{
          left+=getWidth(this.parentCell);
          top-=1;
        }        
      }
      else{
        left=getLeft(tbl)-1;
        top=getTop(tbl);
        width=getWidth(tbl);
        if(this.parent==menu){
          top+=2;
        }
        else{
          left+=getWidth(this.parentCell)-2;
          top=getTop(this.parentCell)+7;
          if(document.documentMode){
            left--;
            top--;
          }
        }
      }
      if(left>700)
        this.openLeft=true;
      if(this.parent.openLeft){
        tbl.style.right=left+"px";
        this.openLeft=true;
      }
      else
        tbl.style.left=left+"px";
      tbl.style.top=top+"px";
      
      width=Math.max(100,width);
      tbl.style.width=width+"px";
      if(this.parent==menu){
        i=find(this.parent.items,this)-1;
        i=(i>=0 && this.parent.items[i].isActive?1:0);

        var cell=document.createElement('div');
        var width;
        cell.className="tab";
        cell.style.top="-19px";
        cell.innerHTML=this.text+"W";
        tbl.appendChild(cell);
        width=getWidth(cell)+4;
        left=Math.floor((getWidth(this.parentCell)-width)/2);
        cell.style.width=width+"px";
        cell.style.left=left+"px";
        cell.innerHTML=this.text;
        if(cell.attachEvent){
          cell.menuId=this;
          cell.attachEvent("onmousedown",menuClick);
        }
        
        if(this.isActive){
          tbl.style.display="inline";
          tbl.style.top=(top+(document.documentMode?0:-1))+"px";
        }

        cell=document.createElement('div');
        cell.className="tabLeft";
        cell.style.left=(left-20)+"px";
        cell.style.top=(-18-i)+"px";
        tbl.appendChild(cell);
        if(cell.attachEvent){
          cell.menuId=this;
          cell.attachEvent("onmousedown",menuClick);
        }
        
        cell=document.createElement('div');
        cell.className="tabRight";
        cell.style.left=(left+width-1)+"px";
        cell.style.top="-18px";
        tbl.appendChild(cell);
        if(cell.attachEvent){
          cell.menuId=this;
          cell.attachEvent("onmousedown",menuClick);
        }
        
        cell=document.createElement('div');
        cell.className="tabBottom";
        cell.style.top="-1px";        
        tbl.appendChild(cell);
        cell.style.width=width+"px";
        cell.style.left=left+"px";
        if(cell.attachEvent){
          cell.menuId=this;
          cell.attachEvent("onmousedown",menuClick);
        }
      }
      if(show){
        var height=Math.max(0,16+tbl.clientHeight-this.parentCell.parentNode.offsetHeight+this.parentCell.offsetTop);
        var cell=document.createElement('div');
        cell.className="shadow";
        cell.style.right="-7px";
        cell.style.bottom="-7px";
        if(this.parent.openLeft)
          cell.style.height=height+"px";
        else
          cell.style.height=tbl.clientHeight+"px";
        if(!this.parent.openLeft || height>0)
          tbl.appendChild(cell);
        cell=document.createElement('div');
        cell.className="shadow";
        cell.style.right="-1px";
        cell.style.bottom="-7px";
        cell.style.height="6px";
        cell.style.width=(tbl.clientWidth-5)+"px";
        tbl.appendChild(cell);
      }
      else{
        tbl.style.borderColor="#c3c3c3";
        tbl.style.borderBottom="0px";
        tbl.style.width="0px";
      }
    }
  };
}

function find(items,target){
  for(i=0;i<items.length;i++){
    if(items[i]==target)
      return i;
  }
  return -1;
}

function getLeft(elem){
  var left=0;
  while(elem){
    left+=elem.offsetLeft;
    elem=elem.offsetNode;
  }
  return left;
}

function getTop(elem){
  var top=0;
  while(elem){
    top+=elem.offsetTop;
    elem=elem.offsetNode;
  }
  return top;
}

function getWidth(elem){
  if(elem.pixelWidth)
    return elem.pixelWidth;
  return elem.offsetWidth;
}

function getHeight(elem){
  if(elem.pixelHeight)
    return elem.pixelHeight;
  return elem.offsetHeight;
}

function menuMouseOver(e){
  var obj=(e.currentTarget?e.currentTarget:e.srcElement);
  //if(!obj.menuId && obj.previousSibling.menuId)
  //  obj=obj.previousSibling;
  while(obj && !obj.menuId)
    obj=obj.parentNode;
  if(obj.menuId){
    if(obj.menuId.expand)
      obj.menuId.expand.src="/images/expand.png";
    if(obj.className.search(/Over/)<0 && obj.className.search(/Item/)>=0)
      obj.className+="Over";
    openmenu(obj.menuId.id,e);
    obj.menuId.clearCloseTimer();
  }
}

function menuMouseOut(e){
  var obj=(e.currentTarget?e.currentTarget:e.srcElement);
  var rel=(e.relatedTarget?e.relatedTarget:e.toElement);
  if(obj.menuId){
    try{
      if(rel && !rel.menuId)
        rel=rel.parentNode;
      if(!(rel && rel.menuId && obj.menuId.getItem(rel.menuId.id))){
        if(obj.menuId.expand)
          obj.menuId.expand.src="/images/expand0.png";
        do{
          obj.menuId.setCloseTimer();
          obj=obj.menuId.parent.parentCell;
        }while(obj && obj!=rel);
      }
    }
    catch(err){
      do{
        obj.menuId.setCloseTimer();
        obj=obj.menuId.parent.parentCell;
      }while(obj && obj.menuId);
    }
  }
}

function makeActive(menuItem){
  if(menuItem){
    tblwidth=getWidth(menuItem);
    menuItem.style.width=tblwidth+"px";
    menuItem.innerHTML="&nbsp;";
    menuItem.menuId.isActive=true;
    var tbl=document.createElement('div');
    var left=0, top=0, width=0;
    tbl.className="submenuActive";
    menuItem.appendChild(tbl);
    
    tbl.style.position="relative";
    tbl.style.marginLeft="-1px";
    tbl.style.marginRight="-11px";
    width=Math.max(100,width);
    //tbl.style.width=width+"px";
  
    if(document.documentMode){
      if(document.documentMode<8){
        menuItem.style.color="#c3c3c3";
        top=2;  
      }    
      else{
      //left+=getWidth(menuItem);
        top+=3;
      }
    }
    else
      top+=2;

    tbl.style.left=left+"px";
    tbl.style.top=top+"px";
    
    var cell=document.createElement('div');
    var width;
    
    cell.className="tab";
    cell.style.top="-19px";
    //cell.style.color="#309a65";
    cell.innerHTML=menuItem.menuId.text+"W";
    tbl.appendChild(cell);
    width=getWidth(cell)+4;
    left=Math.floor((getWidth(menuItem)-width)/2);
    cell.style.width=width+"px";
    cell.style.left=left+"px";
    cell.style.filter="alpha(opacity=80)";
    cell.innerHTML=menuItem.menuId.text;
    if(cell.attachEvent){
      cell.menuId=menuItem.menuId;
      cell.attachEvent("onmouseover",menuMouseOver);
      cell.attachEvent("onmousedown",menuClick);
    }

    cell=document.createElement('div');
    cell.style.top="-1px";      
    tbl.appendChild(cell);
    cell.className="tabBottom";
    cell.style.width=width+"px";
    cell.style.left=left+"px";
    //cell.style.filter="alpha(opacity=80)";
    
    cell=document.createElement('div');
    cell.className="tabLeft";
    cell.style.left=(left-20)+"px";
    cell.style.top="-18px";
    //cell.style.filter="alpha(opacity=80)";
    tbl.appendChild(cell);
    
    cell=document.createElement('div');
    cell.className="tabRight";
    cell.style.left=(left+width)+"px";
    cell.style.top="-18px";
    //cell.style.filter="alpha(opacity=80)";
    tbl.appendChild(cell);
    
    tbl.style.borderColor="#c3c3c3";
    tbl.style.borderBottom="0px";
    tbl.style.zIndex="0";
  }
}

function menuClick(e){
  var obj=(e.currentTarget?e.currentTarget:e.srcElement);
  if(obj.menuId){
    e.cancelBubble=true;
    if(obj.menuId.href.indexOf("javascript:")==0)
      eval(obj.menuId.href.substr(11));
    else if(e.button==(e.currentTarget?1:4) || (e.ctrlKey && e.button==(e.currentTarget?0:1)))//middle or ctrl+left
      window.open(obj.menuId.href,'_blank');
    else if(e.button==(e.currentTarget?0:1))//left
      window.location=obj.menuId.href;
  }
}

function menuCancel(e){
  var key=(e.which?e.which:e.keyCode);
  if(key==27)
    for(var i=0;i<menu.items.length;i++){
      var item=menu.items[i];
      if(item!=this)
        if(item.isOpen())
          item.close();
        else if(item.parentCell && item.parentCell.className.match(/ItemOver/)){
          item.parentCell.className=item.parentCell.className.replace(/ItemOver/,"Item");
        }
    }
}

function initMenu(){
  var newMenu=new menuItem(null,null,null);

  newMenu.addItem(new menuItem('Home','/index.aspx','1'));
  newMenu.addItem(new menuItem('Products','/products/','2'));
  newMenu.addItem(new menuItem('Services','/services/','3'));
  newMenu.addItem(new menuItem('Solutions','/solutions/','4'));
  newMenu.addItem(new menuItem('Media','/media/','5'));
  newMenu.addItem(new menuItem('Partners','/partners/','6'));
  newMenu.addItem(new menuItem('Support','/support/','7'));
  newMenu.addItem(new menuItem('Contact','/contact/','8'));
  newMenu.getItem('2').addItem(new menuItem('Cityworks Desktop','/products/?info=Cityworks Desktop','9'));
  newMenu.getItem('3').addItem(new menuItem('Education &amp; Training','/services/?info=Education %26amp%3B Training','20'));
  newMenu.getItem('4').addItem(new menuItem('Water, Wastewater & Storm Water','/solutions/?info=Water, Wastewater %26amp%3B Storm Water','21'));
  newMenu.getItem('5').addItem(new menuItem('Azteca News','/media/','25'));
  newMenu.getItem('6').addItem(new menuItem('Implementation Partners','/partners/?type=implementation','32'));
  newMenu.getItem('7').addItem(new menuItem('MyCityworks.com','http://www.mycityworks.com','38'));
  newMenu.getItem('8').addItem(new menuItem('Request Information','/contact/requestInfo.aspx','40'));
  newMenu.getItem('2').addItem(new menuItem('Cityworks Anywhere','/products/?info=Cityworks Anywhere','10'));
  newMenu.getItem('3').addItem(new menuItem('Implementation','/services/?info=Implementation','19'));
  newMenu.getItem('4').addItem(new menuItem('Streets, Traffic &amp; Transportation','/solutions/?info=Streets, Traffic %26amp%3B Transportation','22'));
  newMenu.getItem('5').addItem(new menuItem('Events','/media/?page=1','26'));
  newMenu.getItem('6').addItem(new menuItem('Strategic Development Partners','/partners/?type=strategic','33'));
  newMenu.getItem('7').addItem(new menuItem('Technical Support','/contact/?info=Technical Support','39'));
  newMenu.getItem('8').addItem(new menuItem('Send an Email','/contact/email.aspx','41'));
  newMenu.getItem('2').addItem(new menuItem('Cityworks ServerMMS','/products/?info=Cityworks Server','11'));
  newMenu.getItem('3').addItem(new menuItem('Integration','/services/?info=Integration','18'));
  newMenu.getItem('4').addItem(new menuItem('Electric &amp; Gas','/solutions/?info=Electric %26amp%3B Gas','23'));
  newMenu.getItem('5').addItem(new menuItem('User News','/media/?page=2','27'));
  newMenu.getItem('6').addItem(new menuItem('International Partners','/partners/?type=international','34'));
  newMenu.getItem('8').addItem(new menuItem('Sales Territories','/contact/?info=Sales Territories','42'));
  newMenu.getItem('2').addItem(new menuItem('Cityworks Designer','/products/?info=Cityworks Designer','12'));
  newMenu.getItem('3').addItem(new menuItem('User Support','/services/?info=User Support','17'));
  newMenu.getItem('4').addItem(new menuItem('Parks &amp; Recreation','/solutions/?info=Parks %26amp%3B Recreation','24'));
  newMenu.getItem('5').addItem(new menuItem('Business Partner News','/media/?page=3','28'));
  newMenu.getItem('6').addItem(new menuItem('Business Partner Information','/contact/?info=Business Partner Information','35'));
  newMenu.getItem('8').addItem(new menuItem('Office Location','/contact/?info=Office Location','43'));
  newMenu.getItem('2').addItem(new menuItem('Cityworks DataPump','/products/?info=Cityworks DataPump','13'));
  newMenu.getItem('5').addItem(new menuItem('Cityworks User Spotlights','/media/spotlight.aspx','29'));
  newMenu.getItem('6').addItem(new menuItem('MyCityworks.com','http://www.mycityworks.com','36'));
  newMenu.getItem('8').addItem(new menuItem('Employment Opportunities','/contact/?info=Employment Opportunities','44'));
  newMenu.getItem('2').addItem(new menuItem('Cityworks Storeroom','/products/?info=Cityworks Storeroom','14'));
  newMenu.getItem('5').addItem(new menuItem('InPrint Newsletter','/media/InPrint.aspx','31'));
  newMenu.getItem('2').addItem(new menuItem('Pavement Analysis Interface','/products/?info=Pavement Analysis Interface','16'));
  newMenu.getItem('31').addItem(new menuItem('Archives','/media/InPrint.aspx?archives=','46'));

  
  return newMenu;
}

var menuOpenTime=250;
var menu=initMenu();