document.observe("dom:loaded", function() {
    Element.observe("DemoAd", "mouseover", hoverElement.bind(this, $("DemoAd"), true));
    Element.observe("DemoAd", "mouseout", hoverElement.bind(this, $("DemoAd"), false));
    Element.observe("LogoAd", "mouseover", hoverElement.bind(this, $("LogoAd"), true));
    Element.observe("LogoAd", "mouseout", hoverElement.bind(this, $("LogoAd"), false));
    Element.observe("NavBarContact", "mouseover", hoverElement.bind(this, $("NavBarContact"), true));
    Element.observe("NavBarContact", "mouseout", hoverElement.bind(this, $("NavBarContact"), false));
    Element.observe("NavBarDemo", "mouseover", hoverElement.bind(this, $("NavBarDemo"), true));
    Element.observe("NavBarDemo", "mouseout", hoverElement.bind(this, $("NavBarDemo"), false));
    Element.observe("NavBarLogin", "mouseover", hoverElement.bind(this, $("NavBarLogin"), true));
    Element.observe("NavBarLogin", "mouseout", hoverElement.bind(this, $("NavBarLogin"), false));
    if ($("NavBarListLogin"))
    {
        Element.observe("NavBarListLogin", "mouseover", hoverElement.bind(this, $("NavBarListLogin"), true));
        Element.observe("NavBarListLogin", "mouseout", hoverElement.bind(this, $("NavBarListLogin"), false));
    }   

    $$("ul.MainNav li").each(function(item, index) {
        item.observe("mouseover", hoverElement.bind(this, item, true));
        item.observe("mouseout", hoverElement.bind(this, item, false));
    }, this);
});

function hoverElement(element, hover) {
    if(hover)
        element.addClassName("hover");
    else
        element.removeClassName("hover");
}