/*
 * DO NOT REMOVE THIS NOTICE
 *
 * PROJECT:   mygosuMenu
 * VERSION:   1.1.6
 * COPYRIGHT: (c) 2003,2004 Cezary Tomczak
 * LINK:      http://gosu.pl/dhtml/mygosumenu.html
 * LICENSE:   BSD (revised)
 */

/*
  Todo, bugs to fix:
  - delay.show = 400 , delay.hide = 400
    go Product Three -> Live Demo -> Test Drive -> Test Three , go fast to Product Four.
    Result: 2 elements highlighted in the same section
  - delay.show = 0 , delay.hide = 400
    go Product Three -> Live Demo , section out , section over, seciont out.
    Result: Live Demo is not highlighted
  - active className changing, unnecessary blink
  - opera: hideSection() exceptions are throwed
*/

function DropDownMenuX(id) {

    /* Type of the menu: "horizontal" or "vertical" */
    this.type = "horizontal";

    /* Delay (in miliseconds >= 0): show-hide menu
     * Hide must be > 0 */
    this.delay = {
        "show": 400,
        "hide": 400
    }
    /* Change the default position of sub-menu by Y pixels from top and X pixels from left
     * Negative values are allowed */
    this.position = {
        "level1": { "top": 0, "left": 0},
        "levelX": { "top": 0, "left": 0}
    }

    /* fix ie selectbox bug ? */
    this.fixIeSelectBoxBug = true;

    /* Z-index property for .section */
    this.zIndex = {
        "visible": 500,
        "hidden": -1
    };

    // Browser detection
    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),
	"saf": (navigator.appVersion.indexOf("Safari") != -1)
    };

//  alert(navigator.appVersion);
    if (!this.browser.ie) {
        this.browser.ie5 = false;
        this.browser.ie6 = false;
    }

    /* Initialize the menu */
    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);
    }

    /* Search for .section elements and set width for them */
    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>';
            }
        }
    }

    /* Search for an element with highest width among given nodes, return that width */
    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;
    }

    /* Set width for item2 elements */
    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 - borderWordToInt(nodes[i].currentStyle.paddingLeft) - borderWordToInt(nodes[i].currentStyle.paddingRight)) + "px";
                }
            }
        }
    }

    /* Parse nodes, create events, position elements */
    function parse(nodes, tree, id) {
        // ok, here's were I try to fix the menus running off the right side of the page
        // first, need the size of the browser windw
        var windowWidth = getWindowSize();

        for (var i = 0; i < nodes.length; i++) {
            if (1 != nodes[i].nodeType) {
                continue;
            }
	    var nodeOffsetWidth = nodes[i].offsetWidth;

            switch (true) {
                // .item1
                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;
                // .item2
                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;
                // .section
                case /\bsection\b/.test(nodes[i].className):
                    // id, events
                    nodes[i].id = id + "-" + (tree.length - 1) + "-section";
                    nodes[i].onmouseover = sectionOver;
                    nodes[i].onmouseout = sectionOut;
                    // position
                    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";

//			        alert(nodes[i].id + '::self.position.level1.left=' + self.position.level1.left + ': box1.style.left=' + box1.style.left + ': box1.offsetLeft=' + box1.offsetLeft + ', box1.offsetWidth=' + box1.offsetWidth + ', windowWidth=' + windowWidth + ', node.offsetWidth=' + nodeOffsetWidth);
                            if (self.browser.ie5) {
//			        alert(nodes[i].id + ': box1.style.left=' + box1.style.left + ': box1.offsetLeft=' + box1.offsetLeft + ', box1.offsetWidth=' + box1.offsetWidth + ', windowWidth=' + windowWidth + ', node.offsetWidth=' + nodeOffsetWidth);
			      if (box1.style.left + nodeOffsetWidth > windowWidth) {
                                box2.style.left = box1.offsetWidth - nodeOffsetWidth + "px";
                              } else {
                                box2.style.left = self.position.level1.left + "px";

                              }
                            } else {
			        // here, we're trying to open the first dropt-down menu to the left, if it would hang off
			        // to the right of the browser window.
			        // this doesn't work, in fact the right edge is somehow clamped to the browser window (I don't
			        // think I'm doing that, but hadn't checked it before changing this stuff.
			        //alert(nodes[i].id + ': box1.offsetLeft=' + box1.offsetLeft + ', box1.offsetWidth=' + box1.offsetWidth + ', windowWidth=' + windowWidth + ', node.offsetWidth=' + nodeOffsetWidth);

			        if (box1.offsetLeft + nodeOffsetWidth > windowWidth) {
                                  box2.style.left = box1.offsetLeft + box1.offsetWidth - nodeOffsetWidth + "px";
//			        alert('setting box2.style.left to ' + box2.style.left);
 // 			    alert(nodes[i].id + ':windowWidth=' + windowWidth + ', level 1 node.style.width=' + nodes[i].style.width + '\n box2.style.left=' + box2.style.left + ' = sum of: \nbox1.offsetLeft=' + box1.offsetLeft + ', \nbox1.offsetWidth=' + box1.offsetWidth + ', \nself.position.level1.left=' + self.position.level1.left + '\nnodes[i].className=' + nodes[i].className + "right edge at " + box2.style.left + nodes[i].style.width)
				} else {
                                  box2.style.left = box1.offsetLeft + self.position.level1.left + "px";
//  			    alert(nodes[i].id + ':windowWidth=' + windowWidth + ', level 1 node.style.width=' + nodes[i].style.width + '\n box2.style.left=' + box2.style.left + ' = sum of: \nbox1.offsetLeft=' + box1.offsetLeft + ', \nself.position.level1.left=' + self.position.level1.left + '\nnodes[i].className=' + nodes[i].className + "right edge at " + box2.style.left + nodes[i].style.width)
				}

				// box1 is my parent element
				// box1.offsetLeft is the left edge of the header field
				// box2.style.left is the left edge of the primary dropdown menu
				// and offsetLeft doesn't match what I expect either
//  			    alert(nodes[i].id + ':windowWidth=' + windowWidth + ', level 1 node.style.width=' + nodes[i].style.width + '\n box2.style.left=' + box2.style.left + ' = sum of: \nbox1.offsetLeft=' + box1.offsetLeft + ', \nself.position.level1.left=' + self.position.level1.left + '\nnodes[i].className=' + nodes[i].className + "right edge at " + box2.style.left + nodes[i].style.width)
                            }
			    
                        } 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";

			// box1 is the parent element
			// its width is in box1.offsetWidth
			// box1.parentNode.offsetLeft is left edge of parent element
			// but, if we're down a couple of levels,it's really just the offset relative to the previous level
			// parent, not the top level
//			dumpProps(box1);
			// what a kluge this is
			var topLevelOffsetLeft = 0;
			var parentOffsetLeft   = 0;
			if (el.level == 2) {
			  topLevelOffsetLeft = box1.parentNode.offsetLeft;
			  parentOffsetLeft   = box1.parentNode.offsetLeft;
			} else if (el.level == 3) {
			  topLevelOffsetLeft = box1.parentNode.parentNode.offsetLeft;
			  parentOffsetLeft   = topLevelOffsetLeft + box1.parentNode.offsetLeft;
			} else if (el.level == 4) {
			  topLevelOffsetLeft = box1.parentNode.parentNode.parentNode.offsetLeft;
			  parentOffsetLeft   = topLevelOffsetLeft + box1.parentNode.offsetLeft+ box1.parentNode.parentNode.offsetLeft;
			}
			var parentOffsetRight = parentOffsetLeft + box1.parentNode.offsetWidth;
			var myOffsetRight     = parentOffsetRight + box1.offsetWidth + self.position.levelX.left;

			// problem with child menus--if parent is at right, first child is to the left, but second child may
			// fit in the space before edge of window.  However, if second child opens to right, it lays under the 
			// first child.
			// maybe fix with z-order, or maybe, just set a flag to openLeft or openRight and keep going
			// in that direction.  Although, still have to check and turn back if we get too close to window edge.  yuck.

			// another problem: resizing window messes everything up, would need to reindex these locations on
			// browser resize...can we catch that?

			if (myOffsetRight > windowWidth) {

			  box2.style.left = box1.offsetLeft - self.position.levelX.left - nodeOffsetWidth + "px";

//			alert('parentNodes = ' + parentNodes);
//			  alert(nodes[i].id + ': windowWidth=' + windowWidth + ', level ' + el.level + ' \nnode.style.width=' + nodes[i].style.width + '\nbox1.style.left=' + box1.style.left + '\nparentOffsetLeft=' + parentOffsetLeft + '\nparentOffsetRight=' + parentOffsetRight + '\nmyOffsetRight=' + myOffsetRight + '\ntopLevelOffsetLeft=' + topLevelOffsetLeft + '\n box2.style.left=' + box2.style.left + ' = sum of: \nbox1.offsetLeft=' + box1.offsetLeft + ', \nbox1.offsetWidth=' + box1.offsetWidth + ', \nself.position.levelX.left=' + self.position.levelX.left + '\nnodes[i].className=' + nodes[i].className);
			}

                    }
                    // sections, sectionsShowCnt, sectionsHideCnt
                    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);
                }
            }
        }
    }

    /* event, item:onmouseover */
    function itemOver() {
        //debug("itemOver("+this.id+") , visible = " + self.visible);
        //alert("itemOver("+this.id+") , visible = " + self.visible);
        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)) {
	    // we're going to open a submenu here
	    if ((self.visible.length < 1) ) {
	      // if one is not already open, wait a bit to make sure the person
	      // wants it to open
              clearTimers(); 
	      self.delay.show = 450;
	    } else {
	      // don't clear timers, because another one might be open that
	      // we want to close
	      self.delay.show = 50;
	    }
//	    if (this.browser.saf && window.console) {
 //             window.console.log("self.delay.show=" );
//	    }
            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);
            }
        }
    }

    /* event, item:onmouseout */
    function itemOut() {
        //debug("itemOut("+this.id+") , visible = " + self.visible);
        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)) {
	      //debug("3: self.delay.hide=" + self.delay.hide);
                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);
            }
        }
    }

    /* event, section:onmouseover */
    function sectionOver() {
        //debug("sectionOver("+this.id+") , visible = " + self.visible);
        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");
        }
    }

    /* event, section:onmouseout */
    function sectionOut() {
        //debug("sectionOut("+this.id+") , visible = " + self.visible);
        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);
    }

    /* Show section (1 argument passed)
     * Try to show section (2 arguments passed) - check cnt with sectionShowCnt */
    this.showSection = function(id, cnt) {
        if (typeof cnt != "undefined") {
            if (cnt != this.sectionsShowCnt[this.sections.indexOf(id)]) { return; }
        }
        //debug("showSection("+id+", "+cnt+") , visible = " + this.visible);
        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();
            //debug("getParentSections("+el.id+") = " + parents);
            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");
//       alert("iframe: " + iframe + ", div: " + div + ", offsetWidth:" + div.offsetWidth + ", borderLeftWidth: " + div.currentStyle.borderLeftWidth + ", borderRightWidth: " + div.currentStyle.borderRightWidth + ", borderTopWidth: " + div.currentStyle.borderTopWidth + ", borderBottomWidth: " + div.currentStyle.borderBottomWidth);
            iframe.style.width = div.offsetWidth + borderWordToInt(div.currentStyle.borderLeftWidth) + borderWordToInt(div.currentStyle.borderRightWidth);
            iframe.style.height = div.offsetHeight + borderWordToInt(div.currentStyle.borderTopWidth) + borderWordToInt(div.currentStyle.borderBottomWidth);
            iframe.style.top = -borderWordToInt(div.currentStyle.borderTopWidth);
            iframe.style.left = -borderWordToInt(div.currentStyle.borderLeftWidth);
            iframe.style.zIndex = div.style.zIndex - 1;
            iframe.style.display = "block";
        }

	if (this.browser.saf && window.console && 0) {
          document.getElementById(id).style.visibility = "visible";
          document.getElementById(id).style.zIndex = this.zIndex.visible;
            var div = document.getElementById(id);
            var iframe = document.getElementById(id+"-iframe");
//       alert("iframe: " + iframe + ", div: " + div + ", offsetWidth:" + div.offsetWidth + ", borderLeftWidth: " + div.currentStyle.borderLeftWidth + ", borderRightWidth: " + div.currentStyle.borderRightWidth + ", borderTopWidth: " + div.currentStyle.borderTopWidth + ", borderBottomWidth: " + div.currentStyle.borderBottomWidth);
            iframe.style.width = div.offsetWidth + borderWordToInt(div.currentStyle.borderLeftWidth) + borderWordToInt(div.currentStyle.borderRightWidth);
            iframe.style.height = div.offsetHeight + borderWordToInt(div.currentStyle.borderTopWidth) + borderWordToInt(div.currentStyle.borderBottomWidth);
            iframe.style.top = -borderWordToInt(div.currentStyle.borderTopWidth);
            iframe.style.left = -borderWordToInt(div.currentStyle.borderLeftWidth);
            iframe.style.zIndex = div.style.zIndex - 1;
            iframe.style.display = "block";

         window.console.log("iframe: " + iframe );
         window.console.log(", div: " + div );
         window.console.log(", offsetWidth:" + div.offsetWidth );
         window.console.log(", borderLeftWidth: " + div.currentStyle.borderLeftWidth );
         window.console.log(", borderRightWidth: " + div.currentStyle.borderRightWidth );
         window.console.log(", borderTopWidth: " + div.currentStyle.borderTopWidth );
         window.console.log(", borderBottomWidth: " + div.currentStyle.borderBottomWidth);
	}

        this.visible.push(id);
    }
      

    /* Emulating an empty non-existent section, we have to hide elements, works like showSection() */
    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();
            //debug("showItem() getParentSections("+el.id+") = " + parents);
            for (var i = this.visible.length - 1; i >= 0; i--) {
                if (parents.contains(this.visible[i])) {
                    break;
                } else {
                    this.hideSection(this.visible[i]);
                }
            }
        }
    }

    /* Hide section (1 argument passed)
     * Try to hide section (2 arguments passed) - check cnt with sectionHideCnt */
    this.hideSection = function(id, cnt) {
        if (typeof cnt != "undefined") {
            if (cnt != this.sectionsHideCnt[this.sections.indexOf(id)]) { return; }
            if (id == this.visible.getLast()) {
                //debug("hideSectionAll("+id+", "+cnt+") , visible = " + this.visible);
                for (var i = this.visible.length - 1; i >= 0; i--) {
                    this.hideSection(this.visible[i]);
                }
                return;
            }
        }
        //debug("hideSection("+id+", "+cnt+") , visible = " + this.visible);
        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 {
                //throw "DropDownMenuX.hideSection('"+id+"', "+cnt+") failed, trying to hide a section that is not the deepest visible section";
                return;
            }
        } else {
            //throw "DropDownMenuX.hideSection('"+id+"', "+cnt+") failed, cannot hide element that is not visible";
            return;
        }
        this.sectionsHideCnt[this.sections.indexOf(id)]++;
    }

    /* Element (.section, .item2 etc) */
    function Element(id) {
        
        this.menu = self;
        this.id = 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("-");
        }

        /* Get parent Element */
        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("-"));
        }

        /* Check whether an element has a parent element */
        this.hasParent = function() {
            var s = this.id.substr(this.menu.id.length);
            var a = s.split("-");
            return a.length > 2;
        }

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

        /* Get parent section elements for current 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();
    }

    /* Clear all timers set with setTimeout() */
    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; /* menu id */
    this.tree = []; /* tree structure of menu */
    this.sections = []; /* all sections, required for timeout */
    this.sectionsShowCnt = [];
    this.sectionsHideCnt = [];
    this.itemShowCnt = 0;
    this.timers = []; // timeout ids
    this.visible = []; /* visible section, ex. Array("menu-0-section", ..) , succession is important: top to bottom */
}

/* Finds the index of the first occurence of item in the array, or -1 if not found */
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;
    }
}

/* 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;
    }
}

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

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

/* new code to get browser window size */
function getWindowSize() {
    var myWidth = 0, myHeight = 0;
      if( typeof( window.innerWidth ) == 'number' ) {
	//Non-IE
	myWidth = window.innerWidth;
	myHeight = window.innerHeight;
      } else if( document.documentElement &&
        ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
        //IE 6+ in 'standards compliant mode'
        myWidth = document.documentElement.clientWidth;
        myHeight = document.documentElement.clientHeight;
     } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
        //IE 4 compatible
        myWidth = document.body.clientWidth;
        myHeight = document.body.clientHeight;
     }
//     window.alert( 'Width = ' + myWidth );
//     window.alert( 'Height = ' + myHeight );
     //return (myWidth, myHeight);
     return myWidth;
}


function dumpProps(obj, parent) {
     // Go through all the properties of the passed-in object
     for (var i in obj) {
             // if a parent (2nd parameter) was passed in, then use that to
             // build the message. Message includes i (the object's property name)
             // then the object's property value on a new line
             if (parent) { var msg = parent + "." + i + "\n" + obj[i]; } else { var msg = i + "\n" + obj[i]; }
	     // Display the message. If the user clicks "OK", then continue. If they
	     // click "CANCEL" then quit this level of recursion
	     if (!confirm(msg)) { return; }
             // If this property (i) is an object, then recursively process the object
             if (typeof obj[i] == "object") {
	            if (parent) { dumpProps(obj[i], parent + "." + i); } else { dumpProps(obj[i], i); }
             }
     }
}

function borderWordToInt (borderWord) {
    if (borderWord.match(/^\d/)) {
      return parseInt(borderWord);
    } else {
      if (borderWord.match(/thin/)) {
        return 1;
      } else if (borderWord.match(/medium/)) {
	return 2;
      } else if (borderWord.match(/thick/)) {
	return 3;
      } else if (borderWord.match(/inherit/)) {
	return 5;
      }
    }
}