window.addEvent('domready',function(){
  current = 0;
  prev = new Element('img').set({
    src: '/img/prev.png',
    alt: 'prev',
    id: 'prev',
    style: 'position:absolute;left:0;top:153px;z-index:1000;cursor:pointer;cursor:hand;',
    events: {
      'click': function(){slide('prev');},
      'mouseover': function(){this.src = "/img/prev.hover.png"},
      'mouseout': function(){this.src = "/img/prev.png"}
    }
  });
  next = new Element('img').set({
    src: '/img/next.png',
    alt: 'next',
    id: 'next',
    style: 'position:absolute;right:0;top:153px;z-index:1000;cursor:pointer;cursor:hand;',
    events: {
      'click': function(){slide('next');},
      'mouseover': function(){this.src = "/img/next.hover.png"},
      'mouseout': function(){this.src = "/img/next.png"}
    }
  });
  slide(current);
});

function slide(move){
  if(move == 'prev'){
    current--;
  }else if(move == 'next'){
    current++;
  }
  if(current > 0 && !$('prev')){
    prev.inject('mainContent');
  }
  if(current < (img.length-1) && !$('next')){
    next.inject('mainContent');
  }
  if(current == (img.length-1) && $('next')){
    next.src = "/img/next.png";
    next.dispose();
  }
  if(current == 0 && $('prev')){
    prev.src = "/img/prev.png";
    prev.dispose();
  }
  $('background').src = img[current]+'.jpg';
  if(dida[current] != '' && $('dida')){
    $('dida').set({text:dida[current]});
  }
}