var allImages = new Array();
var allDivClass = new Array();
var page = 1;
var nbAffPage = 10;

function recupereImages(){
	var i = 0;
	
	while($('image'+i)){
		allImages[i] = $('image'+i);
		redimmensionImage(allImages[i],100,100);
		allImages[i].style.marginLeft=((110-allImages[i].width)/2)+"px";
		allImages[i].style.marginTop=((110-allImages[i].height)/2)+"px";
		i++;
	}
	
	var allDiv = document.getElementsByTagName('div');

	for(i=0;i<allDiv.length;i++){
		if(allDiv[i].className == "divImage"){
			allDivClass[allDivClass.length] = allDiv[i];
		}
	}
	
	//var gallery = document.getElementById('gallery');
	
	for(i=0;i<allDivClass.length;i++){
		if(i>=page*nbAffPage){
			allDivClass[i].style.display = 'none';
			allImages[i].style.display = 'none';
		}else{
			allDivClass[i].style.display = 'block';
			allImages[i].style.display = 'block';
		}
	}
}

function suivant(){
	if(page < allDivClass.length/nbAffPage){
		for(i=0;i<allDivClass.length;i++){
			if(i<page*nbAffPage || i>= (page+1)*nbAffPage){
					allDivClass[i].style.display = 'none';
			}else{
				allDivClass[i].style.display = 'block';
				allImages[i].style.display = 'block';
			}
		}
		document.getElementById('nb_image_de').innerHTML = (page*nbAffPage)+1;
		if(allImages.length > nbAffPage*(page+1)){
			document.getElementById('nb_image_a').innerHTML = (page+1)*nbAffPage;
		}else{
			document.getElementById('nb_image_a').innerHTML = allImages.length;
		}
		page++;
	}
}


function precedent(){
	if(page>1){
		for(i=0;i<allDivClass.length;i++){
			if(i<(page-2)*nbAffPage || i>= (page-1)*nbAffPage){
				allDivClass[i].style.display = 'none';
			}else{
				allDivClass[i].style.display = 'block';
				allImages[i].style.display = 'block';
			}
		}
		document.getElementById('nb_image_de').innerHTML = ((page-2)*nbAffPage)+1;
		if(allImages.length > nbAffPage*(page-1)){
			document.getElementById('nb_image_a').innerHTML = (page-1)*nbAffPage;
		}else{
			document.getElementById('nb_image_a').innerHTML = allImages.length;
		}
		page--;
	}
}


function redimmensionImage(inImg,inMW, inMH)
{
  // Cette function recoit 3 parametres
  // inImg : Chemin relatif de l'image
  // inMW  : Largeur maximale
  // inMH   : Hauteur maximale
  var maxWidth = inMW;
  var maxHeight = inMH;
  // Declarations des variables "Nouvelle Taille"
  var dW = w;
  var dH = h;
  // Declaration d'un objet Image
  
  // Affectation du chemin de l'image a l'objet
  

  // On recupere les tailles reelles
  var h = dH = inImg.height;
  var w = dW = inImg.width;
  
  // Si la largeur ou la hauteur depasse la taille maximale
  if ((h >= maxHeight) || (w >= maxWidth)) {
    // Si la largeur et la hauteur depasse la taille maximale
    if ((h >= maxHeight) && (w >= maxWidth)) {
      // On cherche la plus grande valeur
      if (h > w) {
        dH = maxHeight;
        // On recalcule la taille proportionnellement
        dW = parseInt((w * dH) / h, 10);
      } else {
        dW = maxWidth;
        // On recalcule la taille proportionnellement
        dH = parseInt((h * dW) / w, 10);
      }
    } else if ((h > maxHeight) && (w < maxWidth)) {
      // Si la hauteur depasse la taille maximale
      dH = maxHeight;
        // On recalcule la taille proportionnellement
      dW = parseInt((w * dH) / h, 10);
    } else if ((h < maxHeight) && (w > maxWidth)) {
      // Si la largeur depasse la taille maximale
      dW = maxWidth;
        // On recalcule la taille proportionnellement
      dH = parseInt((h * dW) / w, 10);
    }
  }
  //alert (dH);
  inImg.height = dH;
  inImg.width = dW;
  // On ecrit l'image dans le document
  //document.writeln("<img src=\"" + inImg + "\" width=\"" + dW + "\" height=\"" + dH + "\" >");
};