/* FX.Slide */
/* toggle window for the login section */
/* Works with mootools-release-1.2 */
/* more info at http://demos.mootools.net/Fx.Slide */

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

    $('login').setStyle('height', 'auto');
    $('login01').setStyle('height', 'auto');

    var mySlide = new Fx.Slide('login').hide();  //starts the panel in closed state  
    var mySlide1 = new Fx.Slide('login01').hide();

    $('toggleLogin').addEvent('click', function(e) {
        e = new Event(e);
        mySlide.toggle();
        mySlide1.slideOut();
        $('toggleLogin').setStyle('z-index', '9999');
        $('toggleLogin01').setStyle('z-index', '999');

        e.stop();
    });

    $('closeLogin').addEvent('click', function(e) {
        e = new Event(e);
        mySlide.slideOut();

        e.stop();
    });

    $('toggleLogin01').addEvent('click', function(e) {
        e = new Event(e);
        mySlide1.toggle();
        mySlide.slideOut();
        $('toggleLogin').setStyle('z-index', '999');
        $('toggleLogin01').setStyle('z-index', '9999');

        e.stop();
    });

    $('closeLogin01').addEvent('click', function(e) {
        e = new Event(e);
        mySlide1.slideOut();
        e.stop();
    });
});