<script type="text/javascript">

window.addEvent('domready', function() {

  var status = {
    'true': 'open',
    'false': 'close'
  };

  // -- vertical

  var myVerticalSlide = new Fx.Slide('vertical_slide');

  $('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]);
  });*/
  
});
</script>
