/* Product =============================================================== */
var initProduct = function(){
  // Gestion du changement de visuel
  jQuery('.more-views ul li a').click(function(){
    // On retire ttes les class on
    jQuery('.more-views ul li').removeClass('ON');
    // On attribut la class ON au bonne element
    jQuery(this).parent().addClass('ON');  
    // On change la source de l'image
    jQuery('.product-image .zoom-product').attr('href',jQuery(this).parent().find('span.grande').text());  
    jQuery('.product-image .zoom-product img').attr('src',jQuery(this).parent().find('span.petite').text());  
    return false;
  });
  
  // Gestion du jqzoom
  var options =
  {
    title :false,
    zoomWidth: 268,
    zoomHeight: 268
  }
  jQuery('.zoom-product').jqzoom(options);
}

/* HOME== ================================================================ */
var initHome = function(){
  // Gestion du slide show
  var nbrRea = jQuery(".slide-home li").length;
  id_courant = 0;
	jQuery(".slide-home li").each(function(){
		jQuery(this).css('z-index',nbrRea);
		nbrRea--;
	});
	jQuery(".slide-home li:gt(0)").hide();
	jQuery(".slide-home li:gt(0) span").hide();

	// Gestion du clic sur un bouton
	jQuery('.home-slide-nav a').click(function(){
	  if (typeof(automatiqueHome)!='undefined')
  	  clearTimeout(automatiqueHome);

  	 // On active le bon bouton de la nav
      jQuery('.home-slide-nav a').removeClass('ON');
      jQuery(this).addClass('ON');

    // Fade
    fadeRea(jQuery(this).index(), id_courant);

    return false;
  });

	automatiqueHome = setTimeout("fadeRea('1','"+id_courant+"')", 4000);
}

//fonction qui permet de réaliser le même systeme qu'un innerfade
function fadeRea(id, idcourant){
  // Fade
  if (id != idcourant){
  	jQuery(".slide-home li").eq(idcourant).fadeOut("slow");
  	jQuery(".slide-home li").eq(id).fadeIn("slow");
    jQuery('.home-slide-nav a').removeClass('ON');
    jQuery('.home-slide-nav a:eq('+id+')').addClass('ON');
  }
  id_courant = idcourant = id;
  // Gestion class nav  
  if (id < (jQuery(".slide-home li").length-1)) id++;
	else id = 0;
	automatiqueHome = setTimeout("fadeRea('"+(id)+"', '"+idcourant+"')", 4000);
}

/* Ready ================================================================= */
jQuery(document).ready(function() {
	if(jQuery(".product-view").length != 0) initProduct();
	if(jQuery(".cms-home").length != 0) initHome();
});