function Menubarra(id) {
    this.type = "horizontal"; 
    this.direction = "left";
         this.delay = {        "show": 0,        "hide": 400    };  
          this.position = {        "level1": { "top": 0, "left": 0}, 
    
           "levelX": { "top": 0, "left": 0}    };    
    this.fixIeSelectBoxBug = true;

    
    this.zIndex = {
        "visible": 500,
        "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(); }
        fixmnuss();
        parse(document.getElementById(this.id).childNodes, this.tree, this.id);
    };

    
    function fixmnuss() {
        var arr = document.getElementById(self.id).getElementsByTagName("div");
        var mnuss = new Array();
        var widths = new Array();
        
        for (var i = 0; i < arr.length; i++) {
            if (arr[i].className == "mnus") {
                mnuss.push(arr[i]);
            }
        }
        for (var i = 0; i < mnuss.length; i++) {
            widths.push(getMaxWidth(mnuss[i].childNodes) + ((self.browser.ie) ? 0 : self.position.levelX.left) );
        }
        for (var i = 0; i < mnuss.length; i++) {
            mnuss[i].style.width = (widths[i]) + "px";
        }
        if (self.browser.ie) {
            for (var i = 0; i < mnuss.length; i++) {
                setMaxWidth(mnuss[i].childNodes, widths[i] + self.position.levelX.left );
            }
        }
    }

    function fixWrap() {
        var elements = document.getElementById(self.id).getElementsByTagName("a");
        for (var i = 0; i < elements.length; i++) {
            if (/mnu2/.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 || /mnus/.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 && /mnu2/.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 /\bmnu1\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 /\bmnu2\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 /\bmnus\b/.test(nodes[i].className):
                    
                    nodes[i].id = id + "-" + (tree.length - 1) + "-mnus";
                    nodes[i].onmouseover = mnusOver;
                    nodes[i].onmouseout = mnusOut;
                    
                    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 {
                    
                    if (self.direction == "right") {
                        box2.style.top = box1.offsetTop + self.position.levelX.top + "px";
                        box2.style.left = box1.offsetLeft + box1.offsetWidth + self.position.levelX.left + "px";
                        }
                        else
                        {
                        box2.style.top = box1.offsetTop + self.position.levelX.top + "px";
                        box2.style.left = box1.offsetLeft - box2.offsetWidth + "px";
                        
                        }
                      //  box2.style.top = (box1.offsetTop + this.levelXoffsetTop) + "px";
                      //  box2.style.left = (box1.offsetLeft - box2.offsetWidth + this.levelXoffsetLeft) + "px";
                    }
                    
                    self.mnuss.push(nodes[i].id);
                    self.mnussShowCnt.push(0);
                    self.mnussHideCnt.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 (/\bmnus\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() {
        try
        {
        self.itemShowCnt++;
        var id_mnus = this.id + "-mnus";
        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.mnuss.contains(id_mnus)) {
            clearTimers();
            self.mnussHideCnt[self.mnuss.indexOf(id_mnus)]++;
            var cnt = self.mnussShowCnt[self.mnuss.indexOf(id_mnus)];
            var timerId = setTimeout(function(a, b) { return function() { self.showmnus(a, b); } } (id_mnus, 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);
            }
        }
        }
        catch(e)
        {}
    }

    
    function itemOut() {
        
        self.itemShowCnt++;
        var id_mnus = this.id + "-mnus";
        if (self.mnuss.contains(id_mnus)) {
            self.mnussShowCnt[self.mnuss.indexOf(id_mnus)]++;
            if (self.visible.contains(id_mnus)) {
                var cnt = self.mnussHideCnt[self.mnuss.indexOf(id_mnus)];
                var timerId = setTimeout(function(a, b) { return function() { self.hidemnus(a, b); } }(id_mnus, cnt), self.delay.hide);
                self.timers.push(timerId);
            }
        }
    }

    
    function mnusOver() {
        
        self.mnussHideCnt[self.mnuss.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 mnusOut() {
        
        self.mnussShowCnt[self.mnuss.indexOf(this.id)]++;
        var cnt = self.mnussHideCnt[self.mnuss.indexOf(this.id)];
        var timerId = setTimeout(function(a, b) { return function() { self.hidemnus(a, b); } }(this.id, cnt), self.delay.hide);
        self.timers.push(timerId);
    }


    this.showmnus = function(id, cnt) {
        if (typeof cnt != "undefined") {
            if (cnt != this.mnussShowCnt[this.mnuss.indexOf(id)]) { return; }
        }
        
        this.mnussShowCnt[this.mnuss.indexOf(id)]++;
        if (this.visible.length) {
            if (id == this.visible.getLast()) { return; }
            var el = new Element(id);
            var parents = el.getParentmnuss();
            
            for (var i = this.visible.length - 1; i >= 0; i--) {
                if (parents.contains(this.visible[i])) {
                    break;
                } else {
                    this.hidemnus(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 + "-mnus");
            var parents = el.getParentmnuss();
            
            for (var i = this.visible.length - 1; i >= 0; i--) {
                if (parents.contains(this.visible[i])) {
                    break;
                } else {
                    this.hidemnus(this.visible[i]);
                }
            }
        }
    }

    this.hidemnus = function(id, cnt) {
        if (typeof cnt != "undefined") {
            if (cnt != this.mnussHideCnt[this.mnuss.indexOf(id)]) { return; }
            if (id == this.visible.getLast()) {
                
                for (var i = this.visible.length - 1; i >= 0; i--) {
                    this.hidemnus(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.mnussHideCnt[this.mnuss.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 + "-mnus"));
        }

        
        this.getParentmnuss = function() {
            var s = this.id.substr(this.menu.id.length);
            s = s.substr(0, s.length - "-mnus".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 + "-mnus");
            }
            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.mnuss = []; 
    this.mnussShowCnt = [];
    this.mnussHideCnt = [];
    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];
    }
}