/* legordulo menu */
function cleanChildNodes(elements) {
    var clean = [];
    for(var i = 0; i < elements.length; i++) {
        if (elements[i].tagName != undefined) {
            clean.push(elements[i]);
        }
    }
    return clean;
}

function addEvent(obj, type, fn) {
	if (obj.addEventListener)
		obj.addEventListener(type, fn, false);
	else if (obj.attachEvent)
		obj.attachEvent('on' + type, function() { return fn.apply(obj, new Array(window.event));});
}

function setSuckerfishMenu() {
    var navContainer = document.getElementById('horizontalNavJs');

    if(!navContainer){
        return;
    }

    var mainMenuElements = cleanChildNodes(navContainer.childNodes);
    var subMenuElements = cleanChildNodes(mainMenuElements[0].childNodes);

    for (var i = 0; i < subMenuElements.length; i++) {
        addEvent(subMenuElements[i], 'mouseover', function() {
            this.className = this.className + ' hover';
            var isFirst = this.className.match(/(\s|^)first(\s|$)/) ? 2 : 1;
            var bgPosX = this.offsetWidth - isFirst;
            
            var dropDown = this.getElementsByTagName('ul');
            if (dropDown.length > 0) {
                dropDown[0].style.backgroundPosition = bgPosX + 'px 0';
            }
        });
        addEvent(subMenuElements[i], 'mouseout', function() {
            this.className = this.className.replace(/hover/g, ' ');
        });
    }
}

addEvent(window, 'load', setSuckerfishMenu);