function showLogin() {
    var btn = Ext.get("loginButton");
    var login = Ext.get("clientLogin");
    var rgn = btn.getRegion();

    login.setVisibilityMode(Ext.Element.VISIBILITY);
    //login.show();
    login.moveTo(rgn.left, rgn.top);
    login.slideIn('t', {"callback":function () {
        Ext.get("username").dom.focus();
    }});
}

function hideLogin() {
    Ext.get("clientLogin").slideOut();
    Ext.get("username").dom.value = "";
    Ext.get("password").dom.value = "";
}

var ie6MouseOutDetector;
if (Ext.isIE6) {
    // add hover logic to css menus
    var currentPopupMenu = null;
    Ext.onReady(function () {
        var menuElem = Ext.get("menu");

        if (menuElem == null) {
            return;
        }

        var menus = Ext.query("DIV[@class='mainMenu']");
        var newMenuArea = document.createElement("div");

        newMenuArea.id = "ie6MenuArea";
        document.body.appendChild(newMenuArea);

        var ie6MouseOutDetector = Ext.get("ie6MouseOutDetector");
        try {
            ie6MouseOutDetector.on("mouseover", function () {
                if (currentPopupMenu != null) {
                    currentPopupMenu.style.left = "-1000px";
                    currentPopupMenu = null;
                    ie6MouseOutDetector.hide();
                }
            });
        }
        catch (err) {
        }

        for (var i = 0; i < menus.length; i++) {
            var menu = Ext.get(menus[i]);
            var menuDiv = menu.dom;
            var menuParent = menuDiv.parentNode;

            if (menuDiv.innerHTML.length < 10) {
                menu.on("mouseover", function () {
                    // if another menu is displayed. hide it!
                    if (currentPopupMenu != null) {
                        currentPopupMenu.style.left = "-1000px";
                        currentPopupMenu = null;
                        ie6MouseOutDetector.hide();
                    }
                });
            }
            else {
                var html = menuDiv.innerHTML;
                var newDiv = document.createElement("div");
                newDiv.innerHTML = html;
                newDiv.className = "mainMenu"
                newMenuArea.appendChild(newDiv);

                menuDiv.popupMenu = newDiv;

                menu.on("mouseover", function () {
                    var rgn = this.getRegion();
                    var mnu = this.dom.popupMenu;

                    // if another menu is displayed. hide it!
                    if (currentPopupMenu != null && currentPopupMenu != mnu) {
                        currentPopupMenu.style.left = "-1000px";
                        currentPopupMenu = null;
                    }

                    mnu.style.left = rgn.left + "px";
                    mnu.style.top = "94px";
                    currentPopupMenu = mnu;
                    ie6MouseOutDetector.show(false);
                });

            }
            menuDiv.innerHTML = "&nbsp;";
        }

    });
}