/*
<script type="text/javascript">

var divleft = document.getElementById("blog_left").offsetHeight;
var divright = document.getElementById("blog_right").offsetHeight;
var divcenter = document.getElementById("blog").offsetHeight;

if (divleft<divcenter ) {
document.getElementById("blog_left").style.height = divcenter + 'px;';
}

if (divright<divcenter ) {
document.getElementById("blog_right").style.height = divcenter + 'px;';
}
*/

var totalSlides = 0;
var currentSlide = 1;
var contentSlides = "";

$(document).ready(function(){
  $("#slideshow-previous").click(showPreviousSlide);
  $("#slideshow-next").click(showNextSlide);
  
  var totalWidth = 0;
  contentSlides = $(".slideshow-content");
  
 contentSlides.each(function(i){
	/* ajout */
	if(totalSlides == 0) {
		newheight = contentSlides[currentSlide - 1].clientHeight; // Taille de la div actuelle
	} /* Determine la hauteur de la première div */
    totalWidth += this.clientWidth;
    totalSlides++;
	
  });
 	 
  $("#slideshow-holder").width(totalWidth);
  $("#slideshow-scroller").attr({scrollLeft: 0});
  $("#slideshow-area").animate({height: newheight+'px'}, 1000); // Ajustement taille :)
  $("#slideshow-scroller").animate({height: newheight+'px'}, 1000); // Ajustement taille :)
  $("#slideshow-holder").animate({height: newheight+'px'}, 1000); // Ajustement taille :)
  updateButtons();
});

function showPreviousSlide()
{
  currentSlide--;
  updateContentHolder();
  updateButtons();
}

function showNextSlide()
{
  currentSlide++;
  updateContentHolder();
  updateButtons();
}

function updateContentHolder()
{
  var scrollAmount = 0;
  var newheight = 300;
  contentSlides.each(function(i){
    if(currentSlide - 1 > i) {
      scrollAmount += this.clientWidth;
	  
    }
	newheight = contentSlides[currentSlide - 1].clientHeight; // Taille de la div actuelle
  });
  //$("#slideshow-area").animate({fontSize: '0%'}, 500);
  $("#slideshow-scroller").animate({scrollLeft: scrollAmount, height: newheight+'px'}, 1000);
  $("#slideshow-area").animate({height: newheight+'px'}, 1000); // Ajustement taille :)
  //$("#slideshow-area").animate({fontSize: '100%'}, 500);
  //$("#slideshow-holder").animate({height: newheight+'px'}, 1000); // Ajustement taille :)
  
}

function updateButtons()
{
  if(currentSlide < totalSlides) {
    $("#slideshow-next").show();
  } else {
    $("#slideshow-next").hide();
  }
  if(currentSlide > 1) {
    $("#slideshow-previous").show();
  } else {
    $("#slideshow-previous").hide();
  }
}