window.addEvent('domready', function(){
  var slider = $('slider');
  if (slider != null) {
    var slides = slider.getChildren('li');
    var count_slide = slides.length;
    var current_slide = 0;

    var swap = function swap() {
      var id = current_slide;
      var next_id = 0;
      if (id + 1 <= count_slide - 1 ) {
        next_id = id + 1;
      }
      //console.log(id, next_id, current_slide);
      var fx = new Fx.Morph(slides[id], {duration: 3000, transition: Fx.Transitions.Sine.easeOut});     

      slides[id].setStyles({
        'z-index': '10'
      });
      slides[next_id].setStyles({
        'z-index':1,
        'display':'block',
        'opacity':1
      });
      fx.start({
        'opacity': '0'
      }).chain(function(){
        slides[id].setStyles({
          'z-index': '1'
        }).removeClass('current');
        slides[next_id].addClass('current');
      });
      current_slide = next_id;
    }
    swap.periodical(10000);
   }
});