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

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

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