// JavaScript Document


function slideBox(){

var cOpacity = .99;
var nOpacity = 0;
var boxs = new Array();
var imgs = new Array();
var linkImgs = new Array();
var imgVisible = new Array();
var nIndex;
var current;

var timing=5000;
var transition=.05;
var slideBox;
var fun = this;

// Parametres
this.slideParameters = function(sendTiming,sendTransition){
  timing = sendTiming;
  transition = sendTransition;
};

// definitions des boites
this.boxAndImages = function(box,box_one){
          
  slideBox = $(box);
  boxs[0] = $(box_one+'_0');
  boxs[1] = $(box_one+'_1');
  boxs[2] = $(box_one+'_2');
  imgs[0] = boxs[0].getElementsByTagName('img')[0];
  imgs[1] = boxs[1].getElementsByTagName('img')[0];
  imgs[2] = boxs[2].getElementsByTagName('img')[0];
  linkImgs[0] = boxs[0].href;
  linkImgs[1] = boxs[1].href;
  linkImgs[2] = boxs[2].href;
  setOpacity(boxs[0],.99);
  setOpacity(boxs[1],.99);
  setOpacity(boxs[2],.99);
  imgVisible[0] = boxs[0];
  imgVisible[1] = boxs[1];
  imgVisible[2] = boxs[2];
};

this.sendData = function(data){
  
	var imgsTag = data.getElementsByTagName('photo');
  var descTag = data.getElementsByTagName('description');
  var classTag = data.getElementsByTagName('classe');
  
	for (var i=3;i<imgsTag.length;i++){
 
    boxs[i] = document.createElement('a');
    // on donne aux boites la bonne classe 123
    boxs[i].className = 'slide_image_'+classTag[i].firstChild.nodeValue;

    linkImgs[i] = descTag[i].firstChild.nodeValue;

    imgs[i] = document.createElement('img');

    imgs[i].src = imgsTag[i].firstChild.nodeValue;

    boxs[i].style.display = 'none';
    setOpacity(boxs[i],0);

	  slideBox.appendChild(boxs[i]);
    boxs[i].appendChild(imgs[i]);

	}
  this.nextImage(3);
};

this.nextImage = function(numIm){ 
	var nextImage = new Image();
  nextImage.onload = function() {
    boxs[numIm].style.display = 'block';
    boxs[numIm].href = linkImgs[numIm];
    boxs[numIm].style.zIndex = '2';
    nIndex = numIm;
    cOpacity = .99;
    nOpacity = .01;      
    setTimeout(function(){
      fun.xFade();
    },timing);
  };nextImage.src = imgs[numIm].src;
};

this.xFade = function(){ 
  
  // on efface la boite visble qui a la même classe
  current = boxs[nIndex].className.replace('slide_image_','');
  
  cOpacity-=transition;
	nOpacity+=transition;

  setOpacity(imgVisible[current],cOpacity);
 	setOpacity(boxs[nIndex],nOpacity); 
  
	if(nOpacity>.99){ 
    
    imgVisible[current].style.zIndex = '1';
		imgVisible[current].style.display = 'none';
    imgVisible[current] = boxs[nIndex];
  
    nextLoad = boxs[nIndex+1]?nIndex+1:0;
    this.nextImage(nextLoad); 
   
  }else{      
    setTimeout(function(){
        fun.xFade();
    },50);
  }

};





}