function togglePassword()
{
    var fake = $('passwordClearText');
    var real = $('passwordPassword');
    
    var togs = real.retrieve('togs', 0);
    if ( ! togs || ! real.present())
    {
        fake.toggle();
        real.toggle();
        
        if (real.visible())
        {
            real.activate();
        }
        
        real.store('togs', 1);
    }
}

function toggleUsername()
{
    var fake = $('usernameClearText');
    var real = $('usernameUsername');
    
    var togs = real.retrieve('togs', 0);
    if ( ! togs || ! real.present())
    {
        fake.toggle();
        real.toggle();
        
        if (real.visible())
        {
            real.activate();
        }
        
        real.store('togs', 1);
    }
}

function expandlogin(){
    Effect.toggle('loginContainer', 'appear', {duration: .50, queue: 'parallel'});
    $('chatContainer').hide();

}

function expandchat(){
    Effect.toggle('chatContainer', 'appear', {duration: .50, queue: 'parallel'});
    $('loginContainer').hide();
}

function show_badge_code(id) {
    var badges = document.getElementsByTagName('div');
    var badge = $('badge_'+id);
    var help = $('help_'+id);
    if (!badge.visible()) {
        for (var i = 0; i < badges.length; i++) {
            if (badges[i].className == 'focus_window badge_code') {
                var p = $(badges[i].id);
                if (p.visible()) {
                    new Effect.Shrink(p.id, {duration: '.4', direction: 'top-left'});
                }
            }
        }
        var tmp = help.cumulativeOffset(help);
        Element.clonePosition(badge, help, {setTop: true, setLeft: true, setWidth: false, 
                setHeight: false, offsetLeft: -2,offsetTop: -3})
            new Effect.Grow(badge.id, {duration: '.4', direction: 'top-left'});
    }
}

function hide_badge_code(id) {
    var badge = $('badge_'+id);
    new Effect.Shrink(badge.id, {duration: '.4', direction: 'top-left'});
}