var image_elements;
var list_elements;
var item_index = 0;

function banner_init() {
  image_elements = $$('#slidebanner_imagebox .slidebanner_imagebox_item');
  list_elements = $$('#slidebanner_listbox ul li');
}

function banner_run() {
  image_elements[item_index].addClass('currentitem');
  list_elements[item_index].addClass('currentitem');

  var myTweenOut;
  var fnTweenStart = function() { myTweenOut.start('margin-left', 800); }
  
  var mySlideIn = new Fx.Slide(image_elements[item_index], {
    duration: 1200,
    transition: Fx.Transitions.Quad.easeOut,
    mode: 'horizontal',
    onComplete: fnTweenStart.create({ delay: 9000 })
  });
 
  myTweenOut = new Fx.Tween(image_elements[item_index], {
    duration: 500,
    transition: Fx.Transitions.Cubic.easeIn,
    onComplete: function() {
      image_elements[item_index].removeClass('currentitem');
      list_elements[item_index].removeClass('currentitem');

      if (image_elements[item_index] == image_elements.getLast())
        item_index = 0;
      else
        item_index++;

      banner_run();
    }
  });

  mySlideIn.hide().slideIn();
};