var step = -1;
var thickImage = 1;
var currentImage = 0;
var Data = [];

function beginPresentation(Sender, AData) {

  if( typeof AData != "undefined" )
    Data = AData;
    
  if( currentImage > Data.size() )
    currentImage = 0;

  var Obj = $('collage-image-two');

  Obj.innerHTML = "<div class=\"label\">" + Data[currentImage].label + "</div>";
  Obj.setStyle({display: "block"});
  Position.absolutize(Obj);
  Obj.setStyle({backgroundImage: 'url("/files/Image/' + Data[currentImage].image + '")'});

  var nextImage = currentImage + 1;

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

  var Obj = $('collage-image-one');
  Obj.innerHTML = "<div class=\"label\">" + Data[nextImage].label + "</div>";
  Obj.setStyle({display: "block"});
  Position.absolutize(Obj);
  Obj.setStyle({backgroundImage: 'url("/files/Image/' + Data[nextImage].image + '")'});

  currentImage = nextImage;

  Executer = new PeriodicalExecuter(showPresentation, 0.05);
}

function showPresentation(Sender) {

  var Obj = $('collage-image-two');
  // если это не стопкадр, то делаем действие  
  if( thickImage
      && thickImage < 70 ) {
    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 >= Data.size()-1 )
      currentImage = 0;
    else
      currentImage++;

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

    if( Obj.getStyle('opacity') <= 0 )
      Obj.setStyle({display: "none"});
    else
      Obj.setStyle({display: "block"});
      
    Obj.setStyle({backgroundImage: 'url("/files/Image/' + Data[currentImage].image + '")'});
    Obj.innerHTML = "<div class=\"label\">" + Data[currentImage].label + "</div>";
  }
}

function OpenPhoto( HRef, width, height ) {

 win = window.open(HRef,'_blank','statusbar=0,toolbar=0,location=0,scrollbars=0,resizable=1,width='+width+',height='+height);
 //win.document.body.style.margin = "0";
 //win.document.body.style.padding = "0";
}

function CreatePopup(Parent) {

  var oNode = document.createElement("div");
  oNode.className = "sspopup";
  oNode.style.width = "200px";
  oNode.style.height = "100px";

  oNode.innerHTML = "<ul><li>Раз</li><li>Два</li><li>Десять тысяч пятьсоть семьдесят семь</li><li>1234</li></ul>";

  //document.body.appendChild(oNode);
  Parent.appendChild(oNode);

  oNode.onclick = function() {
    Parent.removeChild(oNode)
  };

  /*document.onclick = function() {
    Parent.removeChild(oNode)
  }*/
}