// JavaScript Document
// En parametres :
// divIllus : div englobant l'image chargee et ses arrondis
// divFceBody : le div du corps de l'encart
// divFooter : le div du footer de l'encart
// divPreBlocFooter : le div de la partie gauche du footer (se redimensionne automatiquement)
// divBlocFooter : le div de la partie droite du footer (largeur fixe)
// illusCornerTop : id de l'arrondi superieur de l'image chargee
// illusCornerBottom : id de l'arrondi inferieur de l'image chargee

//function gestionImagesEncart(divIllus, divFceBody, divFooter, divPreBlocFooter, divBlocFooter, illusCornerTop, illusCornerBottom){
function gestionImagesEncart(imageBlocIllus){
  
  var divImageBlocIllus = document.getElementById(imageBlocIllus.parentNode.id);
  
  if(!divImageBlocIllus){
    return false;
  }else{
    
    // on renomme les deux div englobant l'image pour que leur id soit unique
    imageBlocIllus.parentNode.id = imageBlocIllus.parentNode.id + imageBlocIllus.id;
    imageBlocIllus.parentNode.parentNode.id = imageBlocIllus.parentNode.parentNode.id + imageBlocIllus.id;

    //alert(divImageBlocIllus.getElementsByTagName('img')[0].id);

    //var divPrincipal = document.getElementById(divFceBody);
    var divPrincipal = document.getElementById(imageBlocIllus.parentNode.parentNode.id);
    var maxWidth = divPrincipal.offsetWidth - 20;
    var maxHeight = divPrincipal.offsetHeight - 20;
    var ratio = imageBlocIllus.width/imageBlocIllus.height;
    
    if(maxWidth < imageBlocIllus.width){
      if(ratio>=1){
          var newWidth=maxWidth;
          var newHeight=maxWidth/ratio;
      }else{
          var newHeight=maxHeight;
          var newWidth=maxHeight*ratio;
          
          if(newWidth > maxWidth){
            var newWidth=maxWidth;
            var newHeight=maxWidth/ratio;
          }
      }
      imageBlocIllus.width=newWidth;
      imageBlocIllus.height=newHeight;
    }
    
    // Redimensionne le div englobant l'image a la taille de l'image
    var largeurBlocIllus = imageBlocIllus.width;
    divImageBlocIllus.style.width = largeurBlocIllus+'px';
    
    // Place les images permettant de faire l'arrondi en bas de l'encart
    var largeurBlocIllus = document.getElementById(imageBlocIllus.parentNode.parentNode.id).offsetWidth;
    // Le +10 permet la compatibilite avec Firefox 2 (l'image de gauche passe en fait un peu en dessous de l'image de droite)
    //document.getElementById(divFooter).getElementsByTagName('img')[0].width = largeurBlocIllus - 248 + 10;
    
    // Enleve les borders
    //document.getElementById(divPreBlocFooter).style.border = '0px';
    //document.getElementById(divBlocFooter).style.border = '0px';
    //document.getElementById(illusCornerTop).style.border = '0px';
    //document.getElementById(illusCornerBottom).style.border = '0px';
    
    if(divImageBlocIllus.getElementsByTagName('img')[0]) divImageBlocIllus.getElementsByTagName('img')[0].style.border = '0px';
    if(divImageBlocIllus.getElementsByTagName('img')[2]) divImageBlocIllus.getElementsByTagName('img')[2].style.border = '0px';
    imageBlocIllus.style.border = '0px';
  }
}