var Spry;
if (!Spry) {
    Spry = {};
}
if (!Spry.Widget) {
    Spry.Widget = {};
}

//ANCHOR POZICIONÁLÓ----------------------
function JumpAnchor(control_name) {
    document.getElementById(control_name).focus();
    location.hash = "#" + control_name.toString();
};

//----------------------------------------


// Constructor for Menu Bar
// element should be an ID of an unordered list (<ul> tag)
// preloadImage1 and preloadImage2 are images for the rollover state of a menu
Spry.Widget.MenuBar = function(element, opts) {
    this.init(element, opts);
};

Spry.Widget.MenuBar.prototype.init = function(element, opts) {
    this.element = this.getElement(element);

    // represents the current (sub)menu we are operating on
    this.currMenu = null;

    var isie = (typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE');
    if (typeof document.getElementById == 'undefined' || (navigator.vendor == 'Apple Computer, Inc.' && typeof window.XMLHttpRequest == 'undefined') || (isie && typeof document.uniqueID == 'undefined')) {
        // bail on older unsupported browsers
        return;
    }

    // load hover images now
    if (opts) {
        for (var k in opts) {
            var rollover = new Image;
            rollover.src = opts[k];
        }
    }

    if (this.element) {
        this.currMenu = this.element;
        var items = this.element.getElementsByTagName('li');
        for (var i = 0; i < items.length; i++) {
            this.initialize(items[i], element, isie);
            if (isie) {
                this.addClassName(items[i], "MenuBarItemIE");
                items[i].style.position = "static";
            }
        }
        if (isie) {
            if (this.hasClassName(this.element, "MenuBarVertical")) {
                this.element.style.position = "relative";
            }
            var linkitems = this.element.getElementsByTagName('a');
            for (var i = 0; i < linkitems.length; i++) {
                linkitems[i].style.position = "relative";
            }
        }
    }
};

Spry.Widget.MenuBar.prototype.getElement = function(ele) {
    if (ele && typeof ele == "string")
        return document.getElementById(ele);
    return ele;
};

Spry.Widget.MenuBar.prototype.hasClassName = function(ele, className) {
    if (!ele || !className || !ele.className || ele.className.search(new RegExp("\\b" + className + "\\b")) == -1) {
        return false;
    }
    return true;
};

Spry.Widget.MenuBar.prototype.addClassName = function(ele, className) {
    if (!ele || !className || this.hasClassName(ele, className))
        return;
    ele.className += (ele.className ? " " : "") + className;
};

Spry.Widget.MenuBar.prototype.removeClassName = function(ele, className) {
    if (!ele || !className || !this.hasClassName(ele, className))
        return;
    ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
};

// addEventListener for Menu Bar
// attach an event to a tag without creating obtrusive HTML code
Spry.Widget.MenuBar.prototype.addEventListener = function(element, eventType, handler, capture) {
    try {
        if (element.addEventListener) {
            element.addEventListener(eventType, handler, capture);
        }
        else if (element.attachEvent) {
            element.attachEvent('on' + eventType, handler);
        }
    }
    catch (e) { }
};

// createIframeLayer for Menu Bar
// creates an IFRAME underneath a menu so that it will show above form controls and ActiveX
Spry.Widget.MenuBar.prototype.createIframeLayer = function(menu) {
    var layer = document.createElement('iframe');
    layer.tabIndex = '-1';
    layer.src = 'javascript:false;';
    menu.parentNode.appendChild(layer);

    layer.style.left = menu.offsetLeft + 'px';
    layer.style.top = menu.offsetTop + 'px';
    layer.style.width = menu.offsetWidth + 'px';
    layer.style.height = menu.offsetHeight + 'px';
};

// removeIframeLayer for Menu Bar
// removes an IFRAME underneath a menu to reveal any form controls and ActiveX
Spry.Widget.MenuBar.prototype.removeIframeLayer = function(menu) {
    var layers = menu.parentNode.getElementsByTagName('iframe');
    while (layers.length > 0) {
        layers[0].parentNode.removeChild(layers[0]);
    }
};

// clearMenus for Menu Bar
// root is the top level unordered list (<ul> tag)
Spry.Widget.MenuBar.prototype.clearMenus = function(root) {
    var menus = root.getElementsByTagName('ul');
    for (var i = 0; i < menus.length; i++) {
        this.hideSubmenu(menus[i]);
    }
    this.removeClassName(this.element, "MenuBarActive");
};

// bubbledTextEvent for Menu Bar
// identify bubbled up text events in Safari so we can ignore them
Spry.Widget.MenuBar.prototype.bubbledTextEvent = function() {
    return (navigator.vendor == 'Apple Computer, Inc.' && (event.target == event.relatedTarget.parentNode || (event.eventPhase == 3 && event.target.parentNode == event.relatedTarget)));
};

// showSubmenu for Menu Bar
// set the proper CSS class on this menu to show it
Spry.Widget.MenuBar.prototype.showSubmenu = function(menu) {
    if (this.currMenu) {
        this.clearMenus(this.currMenu);
        this.currMenu = null;
    }

    if (menu) {
        this.addClassName(menu, "MenuBarSubmenuVisible");
        if (typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE') {
            if (!this.hasClassName(this.element, "MenuBarHorizontal") || menu.parentNode.parentNode != this.element) {
                menu.style.top = menu.parentNode.offsetTop + 'px';
            }
        }
        if (typeof document.uniqueID != "undefined") {
            this.createIframeLayer(menu);
        }
    }
    this.addClassName(this.element, "MenuBarActive");
};

// hideSubmenu for Menu Bar
// remove the proper CSS class on this menu to hide it
Spry.Widget.MenuBar.prototype.hideSubmenu = function(menu) {
    if (menu) {
        this.removeClassName(menu, "MenuBarSubmenuVisible");
        if (typeof document.all != 'undefined' && typeof window.opera == 'undefined' && navigator.vendor != 'KDE') {
            menu.style.top = '';
            menu.style.left = '';
        }
        this.removeIframeLayer(menu);
    }
};

// initialize for Menu Bar
// create event listeners for the Menu Bar widget so we can properly
// show and hide submenus
Spry.Widget.MenuBar.prototype.initialize = function(listitem, element, isie) {
    var opentime, closetime;
    var link = listitem.getElementsByTagName('a')[0];
    var submenus = listitem.getElementsByTagName('ul');
    var menu = (submenus.length > 0 ? submenus[0] : null);

    var hasSubMenu = false;
    if (menu) {
        this.addClassName(link, "MenuBarItemSubmenu");
        hasSubMenu = true;
    }

    if (!isie) {
        // define a simple function that comes standard in IE to determine
        // if a node is within another node
        listitem.contains = function(testNode) {
            // this refers to the list item
            if (testNode == null) {
                return false;
            }
            if (testNode == this) {
                return true;
            }
            else {
                return this.contains(testNode.parentNode);
            }
        };
    }

    // need to save this for scope further down
    var self = this;

    this.addEventListener(listitem, 'mouseover', function(e) {
        if (self.bubbledTextEvent()) {
            // ignore bubbled text events
            return;
        }
        clearTimeout(closetime);
        if (self.currMenu == listitem) {
            self.currMenu = null;
        }
        // show menu highlighting
        self.addClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover");
        if (menu && !self.hasClassName(menu, "MenuBarSubmenuVisible")) {
            opentime = window.setTimeout(function() { self.showSubmenu(menu); }, 250);
        }
    }, false);

    this.addEventListener(listitem, 'mouseout', function(e) {
        if (self.bubbledTextEvent()) {
            // ignore bubbled text events
            return;
        }

        var related = (typeof e.relatedTarget != 'undefined' ? e.relatedTarget : e.toElement);
        if (!listitem.contains(related)) {
            clearTimeout(opentime);
            self.currMenu = listitem;

            // remove menu highlighting
            self.removeClassName(link, hasSubMenu ? "MenuBarItemSubmenuHover" : "MenuBarItemHover");
            if (menu) {
                closetime = window.setTimeout(function() { self.hideSubmenu(menu); }, 600);
            }
        }
    }, false);
};