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

    var status = {
        'true': 'open',
        'false': 'close'
    };

    // -- vertical

    var myVerticalSlide = new Fx.Slide('vertical_slide',{duration: 1500});

    $('v_slidein').addEvent('click', function(event){
        event.stop();
        myVerticalSlide.slideIn();
    });

    $('v_slideout').addEvent('click', function(event){
        event.stop();
        myVerticalSlide.slideOut();
    });

    $('v_toggle').addEvent('click', function(event){
        event.stop();
        myVerticalSlide.toggle();
    });

    $('v_hide').addEvent('click', function(event){
        event.stop();
        myVerticalSlide.hide();
        $('vertical_status').set('text', status[myVerticalSlide.open]);
    });

    $('v_show').addEvent('click', function(event){
        event.stop();
        myVerticalSlide.show();
        $('vertical_status').set('text', status[myVerticalSlide.open]);
    });

    // When Vertical Slide ends its transition, we check for its status
    // note that complete will not affect 'hide' and 'show' methods
    myVerticalSlide.addEvent('complete', function() {
        $('vertical_status').set('text', status[myVerticalSlide.open]);
    });


    // -- horizontal
    var myHorizontalSlide = new Fx.Slide('horizontal_slide', {mode: 'horizontal'});

    $('h_slidein').addEvent('click', function(event){
        event.stop();
        myHorizontalSlide.slideIn();
    });

    $('h_slideout').addEvent('click', function(event){
        event.stop();
        myHorizontalSlide.slideOut();
    });

    $('h_toggle').addEvent('click', function(event){
        event.stop();
        myHorizontalSlide.toggle();
    });

    $('h_hide').addEvent('click', function(event){
        event.stop();
        myHorizontalSlide.hide();
        $('horizontal_status').set('text', status[myHorizontalSlide.open]);
    });

    $('h_show').addEvent('click', function(event){
        event.stop();
        myHorizontalSlide.show();
        $('horizontal_status').set('text', status[myHorizontalSlide.open]);
    });

    // When Horizontal Slide ends its transition, we check for its status
    // note that complete will not affect 'hide' and 'show' methods
    myHorizontalSlide.addEvent('complete', function() {
        $('horizontal_status').set('text', status[myHorizontalSlide.open]);
    });
});