// Menu depends on JQuery 1.2.6

var offsetAdd = 0;
/*
if(navigator.userAgent.indexOf("Chrome") > 0 || $.browser.safari) {
    offsetAdd = 110;
}
*/

function initMenu() {
    setPosition();
    var menuItems = $("div.bottom-header div.menu ul li");
    for(var i = 0; i < menuItems.length; i++) {
        var item = $(menuItems[i]);
        item.mousemove(function() {
            closeMenus();
            var o = $(this);
            var span = $(o.find("span.image"));
            var name = span.attr("class");
            name = name.replace(/image/, "");
            name = name.replace(/ /, "");
            var popups = $("div.popup-item");
            for(var y = 0; y < popups.length; y++) {
                var op = $(popups[y]);
                if(op.hasClass(name + "-popup")) {
                    op.css({ display: "block" });
                }
            }
        });
    }
    $("div.content, a.logo").mousemove(closeMenus);
    $("div.menu").mousemove(function(event) {
        var o = $(event.target);
        var parents = o.parents("ul");
        if(parents.length > 0) {
            return false;
        }
        closeMenus();
    });
}

function setPosition() {
    var menuItems = $("div.bottom-header div.menu ul li");
    for(var i = 0; i < menuItems.length; i++) {
        var item = $(menuItems[i]);
        var span = item.find("span.image");
        var name = span.attr("class");
        name = name.replace(/image/, "");
        name = name.replace(/ /, "");
        var offset = item.offset();
        offset.top += 40 + offsetAdd;
        offset.left -= 5;
        var popups = $("div.popup-item");
        for(var y = 0; y < popups.length; y++) {
            var op = $(popups[y]);
            if(op.hasClass(name + "-popup")) {
                op.css({
                    left: offset.left + "px",
                    top: offset.top + "px"
                });
            }
        }
    }
}

function closeMenus() {
    $("div.popup-item").css({ display: "none" });
}

$(document).ready(initMenu);
$(window).resize(setPosition);
