window.addEvent('domready', function() {
    var lgbox = $("loginbox");
    var rgbox = $("registerbox");
    var lgform = $("loginform");
    var rgform = $("registerform");
    var fader = $("fade");
    var docpopup = $("docpopup");
    var docpopup_cnt = $("docpopup_cnt");
    //lgbox.setStyle("opacity", 0);
    //lgform.setStyle("opacity", 0);
    //rgbox.setStyle("opacity", 0);
    //rgform.setStyle("opacity", 0);
    //fader.setStyle("opacity", 0);
    var fadeRegisterIn = function() {
        fadeLoginOut();
        fader.fade(0.8);
        rgbox.fade(1);
        var myEffect = new Fx.Tween(rgbox, { duration: 'long' });
        myEffect.start("height", "340px");
        myEffect.addEvent('complete', function() {
            rgform.fade(1);
        });
    }
    var fadeLoginIn = function() {
        fader.fade(0.8);
        lgbox.fade(1);
        var myEffect = new Fx.Tween(lgbox, { duration: 'long' });
        myEffect.start("height", "250px");
        myEffect.addEvent('complete', function() {
            lgform.fade(1);
        });
    }
    var fadeLoginOut = function() {
        fader.fade(0);
        lgform.fade(0);
        var lgboxfade = new Fx.Tween(lgbox);
        lgboxfade.start("opacity", 0);
        lgboxfade.addEvent('complete', function() {
            lgbox.setStyle("height", "60px");
        });
    }
    var fadeRegisterOut = function() {
        fader.fade(0);
        rgform.fade(0);
        var rgboxfade = new Fx.Tween(rgbox);
        rgboxfade.start("opacity", 0);
        rgboxfade.addEvent('complete', function() {
            rgbox.setStyle("height", "60px");
        });
    }
    var fadeDocpopupIn = function() {
        fader.fade(0.8);
        docpopup.fade(1);
        var myEffect = new Fx.Tween(docpopup, { duration: 'long' });
        myEffect.start("height", "250px");
        myEffect.addEvent('complete', function() {
            docpopup_cnt.fade(1);
        });
    }
    var fadeDocpopupOut = function() {
        fader.fade(0);
        docpopup_cnt.fade(0);
        var lgboxfade = new Fx.Tween(docpopup);
        lgboxfade.start("opacity", 0);
        lgboxfade.addEvent('complete', function() {
            docpopup.setStyle("height", "60px");
        });
    }
    $$('a.loginlink').addEvent('click', function(e) {
        fadeLoginIn();
    });
    $('closelogin').addEvent('click', function(e) {
        fadeLoginOut();
    });
    $$('a.registerlink').addEvent('click', function(e) {
        fadeRegisterIn();
    });
    $('closeregister').addEvent('click', function(e) {
        fadeRegisterOut();
    });
    $('closedocpopup').addEvent('click', function(e) {
        fadeDocpopupOut();
    });
    $('doclink').addEvent('click', function(e) {
        fadeDocpopupIn();
    });
    var displayMessage = function() {
        exampleFx = new Fx.Tween(mgbox, {
            duration: 500
        });
        exampleFx.start('opacity', 0, 1);
        exampleFx.start.pass(['opacity', 1, 0], exampleFx).delay(2000);
    }
});