$(document).ready(function() {
  gapi.plusone.render("plusone-div",
    {'href': 'http://www.cote-dopale.com',
     'count': true}
  );
  $("#facebook-button").html('<fb:like href="http://www.facebook.com/cote.dopale.infos" send="false" layout="button_count" width="150" show_faces="false" action="like" font=""></fb:like>');

  //banniere
  $('#banniere').innerfade({
    speed: 1000,
    timeout: 4000,
    type: 'sequence',
    animationtype:  'fade',
    containerheight: '175px',
    containerwidth: '680px'
  });
  //Show Banner
  $(".main_image .desc").show(); //Show Banner
  $(".main_image .block").animate({ opacity: 0.85 }, 1 ); //Set Opacity

  //Click and Hover events for thumbnail list
  $(".image_thumb ul li:first").addClass('active');
  $(".image_thumb ul li").click(function(){
    //Set Variables
    var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
    var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL
    var imgDesc = $(this).find('.block').html();  //Get HTML of block
    var link = $(this).find('.plus').attr("href"); // Get link of article
    var imgDescHeight = $(".main_image").find('.block').height(); //Calculate height of block 
    if ($(this).is(".active")) {  //If it's already active, then...
      return false; // Don't click through
    } else {
      //Animate the Teaser        
      $(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
        $(".main_image .block").html(imgDesc).animate({ opacity: 0.85,  marginBottom: "0" }, 250 );
        $(".main_image img").attr({ src: imgTitle , alt: imgAlt});
        $(".main_image a").attr({ href: link});
      });
    }
    $(".image_thumb ul li").removeClass('active'); //Remove class of 'active' on all lists
    $(this).addClass('active');  //add class of 'active' on this list only
    return false;
  }) .hover(function(){
    $(this).addClass('hover');
    }, function() {
    $(this).removeClass('hover');
  });

});