window.addEvent('domready', function(){

    var loginBox = $('loginbox');

    loginBox.Fx = new Fx.Slide(loginBox,  {mode: 'horizontal'});
    loginBox.Fx.hide();

    loginBox.setOpacity(0.9);

    loginBox.removeClass('hidden');

    // slideout the form
    $('login_client').addEvent('click', function(e){
        new Event(e).stop();

        if ($('videobox') && $('videobox').Fx && $('videobox').on)
        {
            $('videobox').Fx.slideOut();
            $('videobox').on = false;
        }

        $('login_header').setHTML('Client login');
        $('login_hidden_data').setProperty('value', 'client');
        if (loginBox.on)
        {
            if (loginBox.on == 'client')
            {
                loginBox.Fx.slideOut();
                loginBox.on = false;
            }
            else
            {
                loginBox.on = 'client';
            }
        }
        else
        {
            loginBox.Fx.slideIn();
            loginBox.on = 'client';
        }
    });
    $('login_analyst').addEvent('click', function(e){
        new Event(e).stop();

        if ($('videobox') && $('videobox').Fx && $('videobox').on)
        {
            $('videobox').Fx.slideOut();
            $('videobox').on = false;
        }

        $('login_header').setHTML('Analyst login');
        $('login_hidden_data').setProperty('value', 'analyst');
        if (loginBox.on)
        {
            if (loginBox.on == 'analyst')
            {
                loginBox.Fx.slideOut();
                loginBox.on = false;
            }
            else
            {
                loginBox.on = 'analyst';
            }
        }
        else
        {
            loginBox.Fx.slideIn();
            loginBox.on = 'analyst';
        }
    });

    $('login_close_button').addEvent('click', function(e){
        new Event(e).stop();
        loginBox.Fx.slideOut();
        loginBox.on = false;
    });

    $('client-login-form').addEvent('submit', function(e) {
        new Event(e).stop();

        // show spinner
        var log = $('login_error').empty().addClass('ajax-loading');

        // on complete show result
        this.send({
            update: 'login_error',
            onComplete: function() {
                log.removeClass('ajax-loading');
            }
        });
    });
});