/*
 * DO NOT REMOVE THIS NOTICE
 *
 * PROJECT:   mygosuMenu
 * VERSION:   1.4.2 [modified]
 * MODIFY NOTICE: upgraded for a full-style/display-engine customization by Alessandro Perrone on 9th November 2008
 * CHANGES MADE: now it manages active sections and different styling for the last button of the main level
 * COPYRIGHT: (c) 2003,2004 Cezary Tomczak
 * LINK:      http://gosu.pl/dhtml/mygosumenu.html
 * LICENSE:   BSD (revised)
 */

function XulMenu(id) {
    
    this.type = "horizontal";
    this.position = {
        "level1": { "top": 9, "left": 20},
        "levelX": { "top": 1, "left": 0}
    }
    this.zIndex = {
        "visible": 1,
        "hidden": -1
    }
    this.arrow1 = null;
    this.arrow2 = null;

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

    /* Initialize the menu */
    this.init = function() {
        if(!document.getElementById(this.id))
        	alert("Element '"+ this.id +"' does not exist in this document. XulMenu cannot be initialized.");
        if(this.type != "horizontal" && this.type != "vertical"){
        	return alert("XulMenu.init() failed. Unknown menu type: '"+this.type+"'");
        }
        document.onmousedown = click;
        if (this.browser.ie && this.browser.ie5){
        	this.fixWrap();
        }
        this.fixSections();
        this.parse(document.getElementById(this.id).childNodes, this.tree, this.id);
    }

    /* Search for .section elements and set width for them */
    this.fixSections = function() {
        var arr = document.getElementById(this.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(this.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++) {
                this.setMaxWidth(sections[i].childNodes, widths[i]);
            }
        }
    }

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

    /* Search for an element with highest width, return that width */
    this.getMaxWidth = function(nodes) {
        var maxWidth = 0;
        for (var i = 0; i < nodes.length; i++) {
            if (nodes[i].nodeType != 1 || nodes[i].className == "section") { continue; }
            if (nodes[i].offsetWidth > maxWidth) maxWidth = nodes[i].offsetWidth;
        }
        return maxWidth;
    }

    /* Set width for item elements */
    this.setMaxWidth = function(nodes, maxWidth) {
        for (var i = 0; i < nodes.length; i++) {
            if (nodes[i].nodeType == 1 && /item/.test(nodes[i].className) && nodes[i].currentStyle) {
                if (this.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";
                }
            }
        }
    }

    /* Parse menu structure, create events, position elements */
    this.parse = function(nodes, tree, id) {
        for (var i = 0; i < nodes.length; i++) {
            if (nodes[i].nodeType != 1) { continue };
            switch (nodes[i].className) {
                // it's the same for "button"
                case "activebutton":
                    nodes[i].id = id + "-" + tree.length;
                    tree.push(new Array());
                    /*
                    nodes[i].onmouseover = buttonOver;
                    nodes[i].onclick = buttonClick;
                    */
                    nodes[i].onmouseover = buttonClick;
                    nodes[i].onmouseout = buttonOut;
                    break;
                case "button":
                    nodes[i].id = id + "-" + tree.length;
                    tree.push(new Array());
                    /*
                    nodes[i].onmouseover = buttonOver;
                    nodes[i].onclick = buttonClick;
                    */
                    nodes[i].onmouseover = buttonClick;
                    nodes[i].onmouseout = buttonOut;
                    break;
                case "item":
                    nodes[i].id = id + "-" + tree.length;
                    tree.push(new Array());
                    nodes[i].onmouseover = itemOver;
                    nodes[i].onmouseout = itemOut;
                    nodes[i].onclick = itemClick;
                    break;
                // it's the same for "button"
                case "current_page_item":
                    nodes[i].id = id + "-" + tree.length;
                    tree.push(new Array());
                    /*
                    nodes[i].onmouseover = buttonOver;
                    nodes[i].onclick = buttonClick;
                    */
                    nodes[i].onmouseover = buttonClick;
                    nodes[i].onmouseout = buttonOut;
                    break;
                case "section":
                    nodes[i].id = id + "-" + (tree.length - 1) + "-section";
                    var box1 = document.getElementById(id + "-" + (tree.length - 1));
                    var box2 = document.getElementById(nodes[i].id);
                    var el = new Element(box1.id);
                    if (el.level == 1) {
                        if (this.type == "horizontal") {
                            box2.style.top = (box1.offsetTop + box1.offsetHeight + this.position.level1.top) + "px";
                            if (this.browser.ie5) {
                                box2.style.left = (this.position.level1.left) + "px";
                            } else {
                                box2.style.left = (box1.offsetLeft + this.position.level1.left) + "px";
                            }
                        } else if (this.type == "vertical") {
                            box2.style.top = (box1.offsetTop + this.position.level1.top) + "px";
                            if (this.browser.ie5) {
                                box2.style.left = (box1.offsetWidth + this.position.level1.left) + "px";
                            } else {
                                box2.style.left = (box1.offsetLeft + box1.offsetWidth + this.position.level1.left) + "px";
                            }
                        }
                    } else {
                        box2.style.top = (box1.offsetTop + this.position.levelX.top) + "px";
                        box2.style.left = (box1.offsetLeft + box1.offsetWidth + this.position.levelX.left) + "px";
                    }
                    break;
                case "arrow":
                    nodes[i].id = id + "-" + (tree.length - 1) + "-arrow";
                    break;
            }
            if (nodes[i].childNodes) {
                if (nodes[i].className == "section") {
                    this.parse(nodes[i].childNodes, tree[tree.length - 1], id + "-" + (tree.length - 1));
                } else {
                    this.parse(nodes[i].childNodes, tree, id);
                }
            }
        }
    }

    /* Hide all sections */
    this.hideAll = function(){
        for(var i = this.visible.length - 1; i >= 0; i--){
            this.hide(this.visible[i]);
        }
    }

    /* Deactivate all level 1 sections (added by Alessandro Perrone) */
    this.deactivateAll = function() {
		var nodes = document.getElementById(this.id).childNodes;
        for(var i = nodes.length - 1; i >= 0; i--){
        	if(nodes[i].className == 'button' || nodes[i].className == 'button-active' || nodes[i].className == 'current_page_item'){
            	document.getElementById(nodes[i].id).active = false;
            }
        }
    }

    /* Hide higher or equal levels */
    this.hideHigherOrEqualLevels = function(n) {
        for (var i = this.visible.length - 1; i >= 0; i--) {
            var el = new Element(this.visible[i]);
            if (el.level >= n) {
                this.hide(el.id);
            } else {
                return;
            }
        }
    }

    /* Hide a section */
    this.hide = function(id) {
        var el = new Element(id);
        /* next 6 lines (+ if(!el.isActive()){) added by Alessandro Perrone */
       if(!el.isActive()){
	        if(el.level == 1){
	            var btnClass = document.getElementById(id).className.split("-");
	            if(btnClass[0] == "lastbutton" || btnClass[0] == "activebutton" || btnClass[0] == "current_page_item")
	            	document.getElementById(id).className = btnClass[0];
	            else
	            	document.getElementById(id).className = "button";
	        }else
	            document.getElementById(id).className = "item";
	        // next line was the original code replaced by the 6 lines above
	        //document.getElementById(id).className = (el.level == 1 ? "button" : "item");
	        if (el.level > 1 && this.arrow2) {
	            document.getElementById(id + "-arrow").src = this.arrow1;
	        }
	        document.getElementById(id + "-section").style.visibility = "hidden";
	        document.getElementById(id + "-section").style.zIndex = this.zIndex.hidden;
	        if (this.visible.contains(id)) {
	            if (this.visible.getLast() == id) {
	                this.visible.pop();
	            } else {
	                throw "XulMenu.hide("+id+") failed, trying to hide element that is not deepest visible element";
	            }
	        } else {
	            throw "XulMenu.hide("+id+") failed, cannot hide element that is not visible";
	        }
		}
    }

    /* Show a section */
    this.show = function(id) {
        var el = new Element(id);
        /* next 6 lines added by Alessandro Perrone */
        if(el.level == 1){
            var btnClass = document.getElementById(id).className;
            if(btnClass == "lastbutton" || btnClass == "activebutton" || btnClass == 'current_page_item'){
            	document.getElementById(id).className = btnClass + "-active";
            }else{
            	document.getElementById(id).className = "button-active";
            }
        }else
            document.getElementById(id).className = "item-active";
        // next line was the original code replaced by the 6 lines above
        //document.getElementById(id).className = (el.level == 1 ? "button-active" : "item-active");
        if (el.level > 1 && this.arrow2) {
            document.getElementById(id + "-arrow").src = this.arrow2;
        }
        document.getElementById(id + "-section").style.visibility = "visible";
        document.getElementById(id + "-section").style.zIndex = this.zIndex.visible;
        this.visible.push(id);
    }

    /* event, document.onmousedown */
    function click(e) {
        var el;
        if (e) {
            el = e.target.tagName ? e.target : e.target.parentNode;
        } else {
            el = window.event.srcElement;
            if (el.parentNode && /item/.test(el.parentNode.className)) {
                el = el.parentNode;
            }
        }
        if (!self.visible.length) { return };
        if (!el.onclick) { self.hideAll(); }
    }

    /* event, button.onmouseover */
    function buttonOver() {
        if (!self.visible.length) { return; }
        if (self.visible.contains(this.id)) { return };
        self.hideAll();
        var el = new Element(this.id);
        if (el.hasChilds()) {
            self.show(this.id);
        }
    }

    /* event, button.onclick */
    function buttonClick() {
        this.blur();
        
        // following removed from original
        /*
        if (self.visible.length) {
            self.hideAll();
        } else {
        */
        
        var el = new Element(this.id);

        // following lines added by Alessandro Perrone
        if(el.hasChilds())
        	el.setSubmenuOpen();
        self.deactivateAll();
        if(self.visible.length){
            self.hideAll();
        }
        el.setActive();
		// -- end Alessandro Perrone mods

        if(el.hasChilds()){
            self.show(this.id);
        }
        //}
    }
    
    /* Added by Alessandro Perrone */
    function buttonOut() {
        self.hideAll();
    }
    
    // the following function, added by Alessandro Perrone, does not work using setTimeout
    /*
    function checkHide(id){
    	var level0 = self.getTopLevel(id);
    	if(!level0.submenuOpen){
			if(self.visible.length){
				self.deactivateAll();
	            self.hideAll();
	        }
    	}
    }
    */

    /* event, item.onmouseover */
    function itemOver(){

		// following 2 lines added by Alessandro Perrone
    	var level0 = self.getTopLevel(this.id);
    	// set submenuOpen value to true, as it has been disabled in itemOut action
    	level0.submenuOpen = true;
    	
        var el = new Element(this.id);
        self.hideHigherOrEqualLevels(el.level);
        if(el.hasChilds()) {
            self.show(this.id);
        }
    }

	// method added by Alessandro Perrone (gets top level - level1 - item of current submenu)
	this.getTopLevel = function(id){
		if(id == undefined)
			return;
		if(id != undefined){
			var myregexp = /((\w+)\d-\d)([\d\-]*)/i;
			var match = myregexp.exec(id);
			if (match != null) {
				// matched text: match[0]
			    // match start: match.index
			    // capturing group n: match[n]
			    //return match[1];
			    return document.getElementById(match[1]);
			} else {
				return false;
			}
		}
	};

    /* event, item.onmouseout */
    function itemOut() {

    	// following lines added by Alessandro Perrone
    	// get top level id
		var level0 = self.getTopLevel(this.id);
		// set submenuOpen to false (it will be reset to true if another submenu item will
		// be activated, on the itemOver() action)
		level0.submenuOpen = false;

        var el = new Element(this.id);
        // following line added by Alessandro Perrone (06th Nov 2008) 
        //self.hideAll();
        if (!el.hasChilds()) {
            document.getElementById(this.id).className = "item";
        }

		/* The following lines were added by Alessandro Perrone (09th November 2008) */
        //setTimeout(checkHide(this.id), 1000);
        var id = this.id;
        // check for current main item (top level item) submenuOpen value:
        // if true leaves submenu visible, else hides it
        setTimeout(function(){
			        			var level0 = self.getTopLevel(id);
						    	if(!level0.submenuOpen){
									if(self.visible.length){
										self.deactivateAll();
							            self.hideAll();
							        }
						    	}
			        		}, 1000);
    }

    /* event, item.onclick */
    function itemClick() {
        this.blur();
        var el = new Element(this.id);
        self.hideHigherOrEqualLevels(el.level);
        if (el.hasChilds()) {
            self.show(this.id);
        }
    }

    function Element(id) {

        /* Get Level of given id
         * Examples: menu-1 (1 level), menu-1-4 (2 level) */
        
        this.getLevel = function() {
            var s = this.id.substr(this.menu.id.length);
            return s.substrCount("-");
        }

        /* Check whether an element has a sub-section */
        this.hasChilds = function() {
            return Boolean(document.getElementById(this.id + "-section"));
        }
        
        /* Added by Alessandro Perrone */
        this.isActive = function(){
        	return Boolean(document.getElementById(id).active);
        }

		/* Added by Alessandro Perrone */
        this.setActive = function(){
        	return document.getElementById(id).active = true;
        }

		/* Added by Alessandro Perrone */
        this.setSubmenuOpen = function(){
        	return document.getElementById(id).submenuOpen = true;
        }

        if (!id) { throw "XulMenu.Element(id) failed, id cannot be empty"; }
        this.menu = self;
        this.id = id;
        this.level = this.getLevel();
    }

    this.id = id;
    var self = this;

    this.tree = new Array(); /* Multidimensional array, structure of the menu */
    this.visible = new Array(); /* Example: Array("menu-0", "menu-0-4", ...), succession is important ! */
}

/* Check whether array contains given string */
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;
    }
}

/* Get the last element from the array */
if (typeof Array.prototype.getLast == "undefined") {
    Array.prototype.getLast = function() {
        return this[this.length-1];
    }
}

/* Counts the number of substring occurrences */
if (typeof String.prototype.substrCount == "undefined") {
    String.prototype.substrCount = function(s) {
        return this.split(s).length - 1;
    }
}