window.addEvent('domready', function(){
    new TextField('manciergeField', {'onReturn': function(){
        $('manciergeField').form.submit();
    },
                                     'defaultVal': 'mancierge'
                                    }
                 );
    



    if ((typeof menuSelect) != 'undefined'){
        var nav = $(menuSelect);
        if (nav){
            nav.addClass('navItemSelected')
                .removeClass('navItem');
        }
    }
    
    if (authed){
        $('navLogin').empty();
        $('navLogin').adopt(new Element('a')
                            .appendText('Logout')
                            .addEvent('click', logout)
                           );
    }

    $$('.navItem, .navItemSelected').each(function(navItem){
        navItem.addEvent('mouseenter', function(e){
            closeSubMenus();
        });
    });
    
    $('topLogo').addEvent('mouseenter', function(e){
        closeSubMenus();
    });
    
  //  $('navShop').addEvent('mouseenter', function(){
//        openSubMenu(this, 'Shop');
//});
    $('navCalendar').addEvent('mouseenter', function(){
        openSubMenu(this, 'Cal');
    });
    $('navImages').addEvent('mouseenter', function(){
        openSubMenu(this, 'Images');
    });
});



function openSubMenu(menu, menuName){
    var subMenu = $('subMenu' + menuName);

    closeSubMenus();

    if (subMenu){
        menuPos = menu.getPosition();
        subMenu.removeEvents('mouseleave')
            .addEvent('mouseleave', function(){
                closeSubMenu(menuName);
            });
        
        subMenu.setStyles({
            'left': menuPos.x,
            'top': 120,
            'display': 'block'
        });

        switch(menuName){
        case 'Cal':
            var height = 60;
            break;
        case 'Shop':
            var height = 120;
            break;
        case 'Images':
            var height = 60;
            break;
        }
	//        subMenu.setStyle('height', height);
    }
}

function closeSubMenus(){
    $$('.subMenu').each(function(subMenu){
        subMenu.setStyles({'display': 'none'});
        
    });
}

function closeSubMenu(menuName){
    var subMenu = $('subMenu' + menuName);
    if (subMenu){
        subMenu.setStyles({'display': 'none'} );
    }
}