var step = -1;
var thickImage = 1;
var currentImage = 0;
var ImagePath = '/files/biover/Image/promo/';
var Data = {
  0: "1.jpg",
  1: "2.jpg",
  2: "3.jpg",
  3: "4.jpg"
};

document.observe("dom:loaded", BodyPrepare);

function BodyPrepare(){

  if($("promo")){

    if( currentImage > $H(Data).size() )
      currentImage = 0;

    var Obj = $('slide-two');

    Obj.setStyle({display: "block"});
    Position.absolutize(Obj);
    Obj.setStyle({backgroundImage: 'url("'+ImagePath+ Data[currentImage] + '")'});

    var nextImage = currentImage + 1;

    if( currentImage == $H(Data).size() )
      nextImage = 0;

    var Obj = $('slide-one');
    Obj.setStyle({display: "block"});
    Position.absolutize(Obj);
    Obj.setStyle({backgroundImage: 'url("'+ImagePath + Data[nextImage] + '")'});

    currentImage = nextImage;

    Executer = new PeriodicalExecuter(showPresentation, 0.05);
  }

  if($$('h3.title span').length) {
    $$('h3.title span').each(function(e){
      Event.observe($(e), 'click', openBlock);
    });


  }


}

function showPresentation(Sender) {

  var Obj = $('slide-two');
  // если это не стопкадр, то делаем действие
  if( thickImage
      && thickImage < 80 ) {
    thickImage++;
    return;
  }

  thickImage = 0;

  if( Obj.getStyle('opacity') <= 0 )
    Obj.setStyle({display: "none"});
  else
    Obj.setStyle({display: "block"});

  Obj.setOpacity(Obj.getStyle('opacity')+(0.06 * step));

  if( Obj.getStyle('opacity') <= 0
      || Obj.getStyle('opacity') >= 1 ) {

    if( step > 0 )
      step = -1;
    else
      step = 1;

    thickImage = 1;

    if( currentImage >= $H(Data).size()-1 )
      currentImage = 0;
    else
      currentImage++;

    if( step < 0 )
      var Obj = $('slide-one');


    if( Obj.getStyle('opacity') <= 0 )
      Obj.setStyle({display: "none"});
    else
      Obj.setStyle({display: "block"});

    Obj.setStyle({backgroundImage: 'url("'+ ImagePath + Data[currentImage] + '")'});
  }
}

function openBlock(e){

  var Sender = Event.element(e);
  var Content = Sender.up('h3').next('div.content');
  if(!$(Content))
    return;

  if($(Content).visible())
    $(Content).hide();
  else
    $(Content).show();
}