// JavaScript Document
// function qui actionne le carrousel

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        
        // Configuration goes here
		vertical: false,
		scroll: 1,
		visible: 2,
		animation: 200,
		easing:"swing",
		wrap: "both",
		//start: 1,
		//buttonNextHTML:"next",
		//buttonPrevHTML:"prev"
        
        // permet de donner des instructions à chaque fois que l'utilisateur clique sur les boutons du caroussel 
		itemFirstInCallback: {
            onBeforeAnimation: addCarouselSeparator,
            onAfterAnimation: null

        },
        itemFirstOutCallback: {
            onBeforeAnimation: removeCarouselSeparator,
            onAfterAnimation: null
        }    

	});
    //ajoute les separateurs dans le design du slideshow
    $(".jcarousel-skin-orckestra li:first").addClass("first");
    
    //ajoute les du texte pour les screens readers
    $("div.jcarousel-prev").append("previsous news button");
    $("div.jcarousel-next").append("Next news button");
});


/* Fonction qui gère l'ajout du separateur   */
function addCarouselSeparator(carousel, li, index, action) {
    $(li).addClass("first");
};

/* Fonction qui gère le retrait du separateur  de l'ancien premier item */
function removeCarouselSeparator(carousel, li, index, action) {
    $(li).removeClass("first");
};




//// fin de la fonction code pour gerer les onglets horizontaux du orckestra live */

$(function(){ 
	 $(".haccordion").haccordion();
});

$(document).ready(function() {


   var p = $("div.haccordion")[0];
    p.opened = $("h2.header:first")[0];
   $("div.content:first").width(335).css("display","block");
   
});

// rollovers pour Orckestra Live

$(document).ready(function(){

    // debut de la function over
   $("h2.header").hover(
          function() {
              $(this).addClass("selected");
          },
           function() {
            $(this).removeClass("selected");
           }
        );
           // fin de la function over

           //début de la function onclick

     $("h2.header").click(function() {
        $("h2.header").removeClass("selected-click");
        $(this).addClass("selected-click");
      });

  });