window.addEvent('domready',function(){  
  $('goBack1_img').setStyle('opacity', 0);
  $('goBack2_img').setStyle('opacity', 0);
  $('goBack3_img').setStyle('opacity', 0);
  $('goForward1_img').setStyle('opacity', 0);
  $('goForward2_img').setStyle('opacity', 0);
  $('goForward3_img').setStyle('opacity', 0);
  
  $('slidebox_container_01').addEvents({
    'mouseenter': function() {
      $('goBack1_img').fade(0.3);
      $('goForward1_img').fade(0.3);
    },
    'mouseleave': function() {
      $('goBack1_img').fade(0);
      $('goForward1_img').fade(0);
     }
  });
  
  $('slidebox_container_02').addEvents({
    'mouseenter': function() {
      $('goBack2_img').fade(0.3);
      $('goForward2_img').fade(0.3);
    },
    'mouseleave': function() {
      $('goBack2_img').fade(0);
      $('goForward2_img').fade(0);
     }
  });
  
  $('slidebox_container_03').addEvents({
    'mouseenter': function() {
      $('goBack3_img').fade(0.3);
      $('goForward3_img').fade(0.3);
    },
    'mouseleave': function() {
      $('goBack3_img').fade(0);
      $('goForward3_img').fade(0);
     }
  });
  
  $('goBack1_img').addEvents({
    'mouseenter': function() {
      $('goBack1_img').fade(0.8);
    },
    'mouseleave': function() {
      $('goBack1_img').fade(0.3);
     }
  });
  
  $('goForward1_img').addEvents({
    'mouseenter': function() {
      $('goForward1_img').fade(0.8);
    },
    'mouseleave': function() {
      $('goForward1_img').fade(0.3);
     }
  });
  
  $('goBack2_img').addEvents({
    'mouseenter': function() {
      $('goBack2_img').fade(0.8);
    },
    'mouseleave': function() {
      $('goBack2_img').fade(0.3);
     }
  });
  
  $('goForward2_img').addEvents({
    'mouseenter': function() {
      $('goForward2_img').fade(0.8);
    },
    'mouseleave': function() {
      $('goForward2_img').fade(0.3);
     }
  });

  $('goBack3_img').addEvents({
    'mouseenter': function() {
      $('goBack3_img').fade(0.8);
    },
    'mouseleave': function() {
      $('goBack3_img').fade(0.3);
     }
  });
  
  $('goForward3_img').addEvents({
    'mouseenter': function() {
      $('goForward3_img').fade(0.8);
    },
    'mouseleave': function() {
      $('goForward3_img').fade(0.3);
     }
  });
  
  var slide1_image = new noobSlide({
    mode: 'vertical',
    box: $('slidebox01_image'),
    items: $$('#slidebox01_image div'),
    handles: $$('#slidebox01_nav span'),
    size: 120,
    addButtons: {
      previous: $('goBack1_img'),
      next: $('goForward1_img')
    },
    onWalk: function(currentItem,currentHandle){
      $$(this.handles).removeClass('active');
      $$(currentHandle).addClass('active');
    }
  });
  
  var slide1_text = new noobSlide({
    box: $('slidebox01_text'),
    items: $$('#slidebox01_text div'),
    handles: $$('#slidebox01_nav span'),
    size: 277,
    addButtons: {
      previous: $('goBack1_img'),
      next: $('goForward1_img')
    },
    onWalk: function(currentItem,currentHandle){
      $$(this.handles).removeClass('active');
      $$(currentHandle).addClass('active');
    }
  });
  
  var slide2_image = new noobSlide({
    mode: 'vertical',
    box: $('slidebox02_image'),
    items: $$('#slidebox02_image div'),
    handles: $$('#slidebox02_nav span'),
    size: 120,
    addButtons: {
      previous: $('goBack2_img'),
      next: $('goForward2_img')
    },
    onWalk: function(currentItem,currentHandle){
      $$(this.handles).removeClass('active');
      $$(currentHandle).addClass('active');
    }
  });
  
  var slide2_text = new noobSlide({
    box: $('slidebox02_text'),
    items: $$('#slidebox02_text div'),
    handles: $$('#slidebox02_nav span'),
    size: 277,
    addButtons: {
      previous: $('goBack2_img'),
      next: $('goForward2_img')
    },
    onWalk: function(currentItem,currentHandle){
      $$(this.handles).removeClass('active');
      $$(currentHandle).addClass('active');
    }
  });
  
  var slide3_image = new noobSlide({
    mode: 'vertical',
    box: $('slidebox03_image'),
    items: $$('#slidebox03_image div'),
    handles: $$('#slidebox03_nav span'),
    size: 120,
    addButtons: {
      previous: $('goBack3_img'),
      next: $('goForward3_img')
    },
    onWalk: function(currentItem,currentHandle){
      $$(this.handles).removeClass('active');
      $$(currentHandle).addClass('active');
    }
  });
  
  var slide3_text = new noobSlide({
    box: $('slidebox03_text'),
    items: $$('#slidebox03_text div'),
    handles: $$('#slidebox03_nav span'),
    size: 277,
    addButtons: {
      previous: $('goBack3_img'),
      next: $('goForward3_img')
    },
    onWalk: function(currentItem,currentHandle){
      $$(this.handles).removeClass('active');
      $$(currentHandle).addClass('active');
    }
  });
});