$(function() {

    // assign functionality to button
    $('#loginButton').click(function(e) {
        clearAll();
        if ($('#LoginBox').css('display') == 'none') { $(this).addClass('current'); }

        if ($('#SearchBox').css('display') != 'none') {
            $('#SearchBox').slideToggle('slow', function() { $('#LoginBox').slideToggle('slow'); });
        } else {
            $('#LoginBox').slideToggle('slow',
                function() {
                    if ($("#LoginBox").css('display') != 'none') {
                        $("#LoginBox input[name*='UserName']").get(0).focus();
                    } 
                });
        }
        e.preventDefault();
    });

    $('#searchButton').click(function(e) {
        clearAll();
        if ($('#SearchBox').css('display') == 'none') { $(this).addClass('current'); }

        if ($('#LoginBox').css('display') != 'none') {
            $('#LoginBox').slideToggle('slow', function() { $('#SearchBox').slideToggle('slow'); });
        } else {
            $('#SearchBox').slideToggle('slow');
        }
        e.preventDefault();
    });
    $('.metaNavButton').click(function(e) {
        $('.metaNavButton').removeClass('current');
        $(this).addClass("current");
    });

    function clearAll() { $('#loginButton, #searchButton').removeClass('current'); };
});