// show the login section
function showDropdown()
{
    // init vars
    var login  = $('loginController');
    var honey = new buffalo.honey(login, 15);
    
    // change the size of the login box
    if (parseInt(login.style.height) == 0 || !login.style.height)
    {
        honey.changeSize({dir:1, alter:document.all ? 15 : 15, max: 166});
        loginButton.style.backgroundImage = 'url(/img/login/tabOff.html';
        loginButton.parentNode.style.backgroundImage = 'url(/img/login/tabOff.html';
    }
    else
    {
        honey.changeSize({dir:1, alter:document.all ? -15 : -15, max: 0});
        loginButton.style.backgroundImage = 'url(/img/login/tab.html';
        loginButton.parentNode.style.backgroundImage = 'url(/img/login/tab.html';
    }
    
    // un-init
    login = honey = false;
}

// init vars
var loginButton = $('loginButton');

// add the click event on load
loginButton.onclick = function() {return false};
buffalo.utils.events.add(loginButton, 'click', function() {showDropdown()});