function DropDownMenuX(id){

    
    this.type="horizontal";

    
    this.delay={
        "show":0,
        "hide":0
}
    
    this.position={
        "level1":{"top":0,"left":0},
        "levelX":{"top":0,"left":0}
}

    
    this.fixIeSelectBoxBug=true;

    
    this.zIndex={
        "visible":1000,
        "hidden":-1
};

    
    this.browser={
        "ie":Boolean(document.body.currentStyle),
        "ie5":(navigator.appVersion.indexOf("MSIE 5.5") !=-1||navigator.appVersion.indexOf("MSIE 5.0") !=-1),
        "ie6":(navigator.appVersion.indexOf("MSIE 6.0") !=-1)
};
    
    if(!this.browser.ie){
        this.browser.ie5=false;
        this.browser.ie6=false;
}

    
    this.init=function(){
        if(!document.getElementById(this.id)){return alert("DropDownMenuX.init() failed. Element '"+this.id+"' does not exist.");}
        if(this.type !="horizontal" && this.type !="vertical"){return alert("DropDownMenuX.init() failed. Unknown menu type: '"+this.type+"'");}
        if(this.browser.ie && this.browser.ie5){fixWrap();}
        fixSections();
        parse(document.getElementById(this.id).childNodes,this.tree,this.id);
}

    
    function fixSections(){
        var arr=document.getElementById(self.id).getElementsByTagName("div");
        var sections=new Array();
        var widths=new Array();
        
        for(var i=0;i<arr.length;i++){
            if(arr[i].className=="section"){
                sections.push(arr[i]);
}
}
        for(var i=0;i<sections.length;i++){
            widths.push(getMaxWidth(sections[i].childNodes));
}
        for(var i=0;i<sections.length;i++){
            sections[i].style.width=(widths[i])+"px";
}
        if(self.browser.ie){
            for(var i=0;i<sections.length;i++){
                setMaxWidth(sections[i].childNodes,widths[i]);
}
}
}

    function fixWrap(){
        var elements=document.getElementById(self.id).getElementsByTagName("a");
        for(var i=0;i<elements.length;i++){
            if(/item2/.test(elements[i].className)){
                elements[i].innerHTML='<div nowrap="nowrap">'+elements[i].innerHTML+'</div>';
}
}
}

    
    function getMaxWidth(nodes){
        var maxWidth=0;
        for(var i=0;i<nodes.length;i++){
            if(nodes[i].nodeType !=1||/section/.test(nodes[i].className)){continue;}
            if(nodes[i].offsetWidth>maxWidth){maxWidth=nodes[i].offsetWidth;}
}
        return maxWidth;
}

    
    function setMaxWidth(nodes,maxWidth){
        for(var i=0;i<nodes.length;i++){
            if(nodes[i].nodeType==1 &&/item2/.test(nodes[i].className) && nodes[i].currentStyle){
                if(self.browser.ie5){
                    nodes[i].style.width=(maxWidth)+"px";
}else{
                    nodes[i].style.width=(maxWidth-parseInt(nodes[i].currentStyle.paddingLeft)-parseInt(nodes[i].currentStyle.paddingRight))+"px";
}
}
}
}

    
    function parse(nodes,tree,id){
        for(var i=0;i<nodes.length;i++){
            if(1 !=nodes[i].nodeType){
                continue;
}
            switch(true){
                
                case/\bitem1\b/.test(nodes[i].className):
                    nodes[i].id=id+"-"+tree.length;
                    tree.push(new Array());
                    nodes[i].onmouseover=itemOver;
                    nodes[i].onmouseout=itemOut;
                    break;
                
                case/\bitem2\b/.test(nodes[i].className):
                    nodes[i].id=id+"-"+tree.length;
                    tree.push(new Array());
                    nodes[i].onmouseover=itemOver;
                    nodes[i].onmouseout=itemOut;
                    break;
                
                case/\bsection\b/.test(nodes[i].className):
                    
                    nodes[i].id=id+"-"+(tree.length-1)+"-section";
                    nodes[i].onmouseover=sectionOver;
                    nodes[i].onmouseout=sectionOut;
                    
                    var box1=document.getElementById(id+"-"+(tree.length-1));
                    var box2=document.getElementById(nodes[i].id);
                    var el=new Element(box1.id);
                    if(1==el.level){
                        if("horizontal"==self.type){
                            box2.style.top=box1.offsetTop+box1.offsetHeight+self.position.level1.top+"px";
                            if(self.browser.ie5){
                                box2.style.left=self.position.level1.left+"px";
}else{
                                box2.style.left=box1.offsetLeft+self.position.level1.left+"px";
}
}else if("vertical"==self.type){
                            box2.style.top=box1.offsetTop+self.position.level1.top+"px";
                            if(self.browser.ie5){
                                box2.style.left=box1.offsetWidth+self.position.level1.left+"px";
}else{
                                box2.style.left=box1.offsetLeft+box1.offsetWidth+self.position.level1.left+"px";
}
}
}else{
                        box2.style.top=box1.offsetTop+self.position.levelX.top+"px";
                        box2.style.left=box1.offsetLeft+box1.offsetWidth+self.position.levelX.left+"px";
}
                    
                    self.sections.push(nodes[i].id);
                    self.sectionsShowCnt.push(0);
                    self.sectionsHideCnt.push(0);
                    if(self.fixIeSelectBoxBug && self.browser.ie6){
                        nodes[i].innerHTML=nodes[i].innerHTML+'<iframe id="'+nodes[i].id+'-iframe" src="javascript:false;" scrolling="no" frameborder="0" style="position: absolute; top: 0px; left: 0px; display: none; filter:alpha(opacity=0);"></iframe>';
}
                    break;
}
            if(nodes[i].childNodes){
                if(/\bsection\b/.test(nodes[i].className)){
                    parse(nodes[i].childNodes,tree[tree.length-1],id+"-"+(tree.length-1));
}else{
                    parse(nodes[i].childNodes,tree,id);
}
}
}
}

    
    function itemOver(){
        
        self.itemShowCnt++;
        var id_section=this.id+"-section";
        if(self.visible.length){
            var el=new Element(self.visible.getLast());
            el=document.getElementById(el.getParent().id);
            if(/item\d-active/.test(el.className)){
                el.className=el.className.replace(/(item\d)-active/,"$1");
}
}
        if(self.sections.contains(id_section)){
            clearTimers();
            self.sectionsHideCnt[self.sections.indexOf(id_section)]++;
            var cnt=self.sectionsShowCnt[self.sections.indexOf(id_section)];
            var timerId=setTimeout(function(a,b){return function(){self.showSection(a,b);}}(id_section,cnt),self.delay.show);
            self.timers.push(timerId);
}else{
            if(self.visible.length){
                clearTimers();
                var timerId=setTimeout(function(a,b){return function(){self.showItem(a,b);}}(this.id,self.itemShowCnt),self.delay.show);
                self.timers.push(timerId);
}
}
}

    
    function itemOut(){
        
        self.itemShowCnt++;
        var id_section=this.id+"-section";
        if(self.sections.contains(id_section)){
            self.sectionsShowCnt[self.sections.indexOf(id_section)]++;
            if(self.visible.contains(id_section)){
                var cnt=self.sectionsHideCnt[self.sections.indexOf(id_section)];
                var timerId=setTimeout(function(a,b){return function(){self.hideSection(a,b);}}(id_section,cnt),self.delay.hide);
                self.timers.push(timerId);
}
}
}

    
    function sectionOver(){
        
        self.sectionsHideCnt[self.sections.indexOf(this.id)]++;
        var el=new Element(this.id);
        var parent=document.getElementById(el.getParent().id);
        if(!/item\d-active/.test(parent.className)){
            parent.className=parent.className.replace(/(item\d)/,"$1-active");
}
}

    
    function sectionOut(){
        
        self.sectionsShowCnt[self.sections.indexOf(this.id)]++;
        var cnt=self.sectionsHideCnt[self.sections.indexOf(this.id)];
        var timerId=setTimeout(function(a,b){return function(){self.hideSection(a,b);}}(this.id,cnt),self.delay.hide);
        self.timers.push(timerId);
}

    
    this.showSection=function(id,cnt){
        if(typeof cnt !="undefined"){
            if(cnt !=this.sectionsShowCnt[this.sections.indexOf(id)]){return;}
}
        
        this.sectionsShowCnt[this.sections.indexOf(id)]++;
        if(this.visible.length){
            if(id==this.visible.getLast()){return;}
            var el=new Element(id);
            var parents=el.getParentSections();
            
            for(var i=this.visible.length-1;i>=0;i--){
                if(parents.contains(this.visible[i])){
                    break;
}else{
                    this.hideSection(this.visible[i]);
}
}
}
        var el=new Element(id);
        var parent=document.getElementById(el.getParent().id);
        if(!/item\d-active/.test(parent.className)){
            parent.className=parent.className.replace(/(item\d)/,"$1-active");
}
        if(document.all){document.getElementById(id).style.display="block";}
        document.getElementById(id).style.visibility="visible";
        document.getElementById(id).style.zIndex=this.zIndex.visible;
        if(this.fixIeSelectBoxBug && this.browser.ie6){
            var div=document.getElementById(id);
            var iframe=document.getElementById(id+"-iframe");
            iframe.style.width=div.offsetWidth+parseInt(div.currentStyle.borderLeftWidth)+parseInt(div.currentStyle.borderRightWidth);
            iframe.style.height=div.offsetHeight+parseInt(div.currentStyle.borderTopWidth)+parseInt(div.currentStyle.borderBottomWidth);
            iframe.style.top=-parseInt(div.currentStyle.borderTopWidth);
            iframe.style.left=-parseInt(div.currentStyle.borderLeftWidth);
            iframe.style.zIndex=div.style.zIndex-1;
            iframe.style.display="block";
}
        this.visible.push(id);
}

    
    this.showItem=function(id,cnt){
        if(typeof cnt !="undefined"){
            if(cnt !=this.itemShowCnt){return;}
}
        this.itemShowCnt++;
        if(this.visible.length){
            var el=new Element(id+"-section");
            var parents=el.getParentSections();
            
            for(var i=this.visible.length-1;i>=0;i--){
                if(parents.contains(this.visible[i])){
                    break;
}else{
                    this.hideSection(this.visible[i]);
}
}
}
}

    
    this.hideSection=function(id,cnt){
        if(typeof cnt !="undefined"){
            if(cnt !=this.sectionsHideCnt[this.sections.indexOf(id)]){return;}
            if(id==this.visible.getLast()){
                
                for(var i=this.visible.length-1;i>=0;i--){
                    this.hideSection(this.visible[i]);
}
                return;
}
}
        
        var el=new Element(id);
        var parent=document.getElementById(el.getParent().id);
        if(/item\d-active/.test(parent.className)){
            parent.className=parent.className.replace(/(item\d)-active/,"$1");
}
        document.getElementById(id).style.zIndex=this.zIndex.hidden;
        document.getElementById(id).style.visibility="hidden";
        if(document.all){document.getElementById(id).style.display="none";}
        if(this.fixIeSelectBoxBug && this.browser.ie6){
            var iframe=document.getElementById(id+"-iframe");
            iframe.style.display="none";
}
        if(this.visible.contains(id)){
            if(id==this.visible.getLast()){
                this.visible.pop();
}else{
                
                return;
}
}else{
            
            return;
}
        this.sectionsHideCnt[this.sections.indexOf(id)]++;
}

    
    function Element(id){
        
        this.menu=self;
        this.id=id;

        
        this.getLevel=function(){
            var s=this.id.substr(this.menu.id.length);
            return s.substrCount("-");
}

        
        this.getParent=function(){
            var s=this.id.substr(this.menu.id.length);
            var a=s.split("-");
            a.pop();
            return new Element(this.menu.id+a.join("-"));
}

        
        this.hasParent=function(){
            var s=this.id.substr(this.menu.id.length);
            var a=s.split("-");
            return a.length>2;
}

        
        this.hasChilds=function(){
            return Boolean(document.getElementById(this.id+"-section"));
}

        
        this.getParentSections=function(){
            var s=this.id.substr(this.menu.id.length);
            s=s.substr(0,s.length-"-section".length);
            var a=s.split("-");
            a.shift();
            a.pop();
            var s=this.menu.id;
            var parents=[];
            for(var i=0;i<a.length;i++){
                s+=("-"+a[i]);
                parents.push(s+"-section");
}
            return parents;
}
        
        this.level=this.getLevel();
}

    
    function clearTimers(){
        for(var i=self.timers.length-1;i>=0;i--){
            clearTimeout(self.timers[i]);
            self.timers.pop();
}
}

    var self=this;
    this.id=id;
    this.tree=[];
    this.sections=[];
    this.sectionsShowCnt=[];
    this.sectionsHideCnt=[];
    this.itemShowCnt=0;
    this.timers=[];this.visible=[];
}


if(typeof Array.prototype.indexOf=="undefined"){
    Array.prototype.indexOf=function(item){
        for(var i=0;i<this.length;i++){
            if(this[i]===item){
                return i;
}
}
        return-1;
}
}


if(typeof Array.prototype.contains=="undefined"){
    Array.prototype.contains=function(s){
        for(var i=0;i<this.length;i++){
            if(this[i]===s){
                return true;
}
}
        return false;
}
}
if(typeof String.prototype.substrCount=="undefined"){
    String.prototype.substrCount=function(s){
        return this.split(s).length-1;
}
}
if(typeof Array.prototype.getLast=="undefined"){
    Array.prototype.getLast=function(){
        return this[this.length-1];
}
}