$(document).ready(function(){
						   
	$('.btn').hover(
                function(){
                   $(this).addClass('on')
                },
                function(){
                   $(this).removeClass('on')
				});

    var replaceDeco = function(){
        $('#deco').css({'top':$('#footer').position().top+220});
    }

    
    replaceDeco();
    $(window).resize(replaceDeco);
    
    $('.test').jScrollPane({
        showArrows:true,
        scrollbarWidth:26,
        arrowSize:16,
        dragMinHeight:36,
        dragMaxHeight:37,
        scrollbarMargin:20
    });
    
    $('.mleg').jScrollPane({
        showArrows:true,
        scrollbarWidth:26,
        arrowSize:16,
        dragMinHeight:36,
        dragMaxHeight:37,
        scrollbarMargin:40
    });
    
    $('.msan').jScrollPane({
        showArrows:true,
        scrollbarWidth:26,
        arrowSize:16,
        dragMinHeight:36,
        dragMaxHeight:37,
        scrollbarMargin:40
    });


    $('.champ').jScrollPane({
        showArrows:true,
        scrollbarWidth:26,
        arrowSize:16,
        dragMinHeight:36,
        dragMaxHeight:37,
        scrollbarMargin:20
    });
    
    $('.rglmt').jScrollPane({
        showArrows:true,
        scrollbarWidth:26,
        arrowSize:16,
        dragMinHeight:36,
        dragMaxHeight:37,
        scrollbarMargin:40
    });
    
    $('#back').click(function(){
        window.history.back();
        return false;
    });

    $('.selectionhom').hover(function(){
        $(this).css({"cursor":"pointer"});
        $(this).click(function(){
            $('.redir_selection').trigger('click');
        });
    });
    $('.videohom').hover(function(){
        $(this).css({"cursor":"pointer"});      
    });
    $('.videohom').click(function(){
            $('.redir_video').trigger('click');
    });
        
    $('.link_pict').click(function(){
            $('.pict1').trigger('click');
    });
    $('.link_pict2').click(function(){
            $('.pict2').trigger('click');
    });
    $('.link_pict3').click(function(){
            $('.pict3').trigger('click');
    });
    
	
	$('.lespuzzles_color').flashlink('swf/je_mamuse_both.swf', 250, 220);
    $('.lespuzzles').flashlink('swf/les_puzzles.swf', 250, 220);
    $('.jemamuse').flashlinknotr('swf/bienfaits.swf',250,315);
    $('.coloriages').flashlink('swf/bienfaits.swf',250,315);
    $('.forcebottom').flashlinknotr('swf/au_ptit_dej.swf',950,220);
    $('.les_conseils').flashlink('swf/les_conseils.swf',445,350);
    $('.recette_choco').flashlink('swf/les_recettes.swf',505,350);
    $('.amuhom').flashlink('swf/je_joue_avec_50a.swf',650,535);
    $('.prendforces').flashlinknotr('swf/je_prend_des_forces.swf', 250, 220);
    $('.cparti').flashlink('swf/c_parti_50a.swf',650,300);
	
	/*$('.cparti').flash({
			swf:'swf/villes_HOM.swf',
			width:650,
			height:281,
			wmode:'transparent',
			flashvars:{
				url:'http://nesquik.uniteam.fr/villes_pbn.xml',
				url1:'/la-ptite-boucle-nesquik/les-villes-etapes-2011.aspx'
			}  
	});*/
	
	
	
	
	
	
    $('#header .nav').flashlink('swf/menu.swf', 950, 60);
    $('#coloriage').flashlink('swf/module_coloriage.swf', 620, 620);
      


   // new visio('visio_vid');
    var carrousselVideo2010 = new carrouselvideo10('visio_vid_2010',6);
	var carrousselImage2011 = new carrousel11('visio_img_2011','img/albums/2011/',16);
    var carrousselImage2010 = new carrousel10('visio_img_2010','img/albums/2010/',22);
    var carrousselImage2009 = new carrousel09('visio_img_2009','img/albums/2009/',15);
    var carrousselImage2008 = new carrousel08('visio_img_2008','img/albums/2008/',15);
	var carrousselFinale = new carrouselfinale('visio_finale','img/albums/finale/',12);
    
    
    $("#listchamp").tablesorter({sortList: [[1,0], [1,1]]}); 
    
    $("#asc").click(function(){
        $(".head2").trigger('click');
    });
    
    $('#l_city').change( function(e) { 
       var letter = $(this).val();
         if (letter === 'all') {
             $ ('#listchamp tr').show ();
         }
         else {
             $('#listchamp tr').each( function() {      
             });
         }             
     });

    $("a.lightbox").lightBox();   
	
	
	/*$(".dailymotion").colorbox({iframe:true, innerWidth:400, innerHeight:318, transition:"none"});*/
	
});
function openCbox(){
	$.colorbox({inline:true, href:"#inline"});	
}
// carroussel finale
var carrouselfinale = function(id,path,m){

    var div = $("#"+id);
    div.addClass(''+id);
    var next = $('<div class="arrow next"><img src="css/bloc/pbn/next_finale.png" /></div>');
    var prev = $('<div class="arrow prev"><img src="css/bloc/pbn/prev_finale.png" /></div>');
    var way = 1;
    var ButtonW = 80;
    var NbElement = $("li", div).length;
    var Cpt= 0;
    var index;
    var conteneur = '<div class="carrousel-conteneur-finale"></div>';
    var NbImage = 12;
    var MaxImage = m;
	var titre= 'La Finale';
	
				
    //construction de la liste d'image initiale : 5
    for (i=1;i<NbImage+1;i++){
        $('.'+id).append("<li><a href="+path+i+".jpg"+" class=\"lightbox img\" ><img src="+path+"/vignettes/"+i+".jpg /></a></li>");
		$('.img').attr("title",titre);	
    }

    Reference = $("li:first-child", div);

    //ciblage de la bande de diapo, englobage de la liste dans une div conteneur
    $('.'+id).wrap(conteneur);
    $('.'+id).css("width","9999px");
    //ciblage de la zone de visu et config
    $(".carrousel-conteneur-finale").css("overflow","hidden");
    $(".carrousel-conteneur-finale").width(350).height(Reference.height());
    $(".carrousel-conteneur-finale").append(next).append(prev);  

    $(".carrousel-conteneur-finale .next").click(function(){
		
       Cpt++;
       if ((Cpt > (NbImage -3))&&(Cpt < MaxImage -2)){
          $("<li><a href="+path+(Cpt+3)+".jpg"+"><img src="+path+"/vignettes/"+(Cpt+3)+".jpg /></a></li>").appendTo(div).lightBox();
       }
	
       if (Cpt > MaxImage-3){
           Cpt = MaxImage-3;
       }else{
           div.animate({
              marginLeft : - (120 * Cpt)
           });
       }
    });


    $(".carrousel-conteneur-finale .prev").click(function(){
       Cpt--;
       if (Cpt<0){
         Cpt= 0;
         div.animate({marginLeft : - 0});
       }else{
         div.animate({ marginLeft : - (120 * Cpt) });
       }
       return false;
    });
   
}

// carroussel album 2011
var carrousel11 = function(id,path,m){

    var div = $("#"+id);
    div.addClass(''+id);
    var next = $('<div class="arrow next"><img src="css/bloc/pbn/next_img.png" /></div>');
    var prev = $('<div class="arrow prev"><img src="css/bloc/pbn/prev.png" /></div>');
    var way = 1;
    var ButtonW = 80;
    var NbElement = $("li", div).length;
    var Cpt= 0;
    var index;
    var conteneur = '<div class="carrousel-conteneur11"></div>';
    var NbImage = 16;
    var MaxImage = m;
	var titre=["Les Sélections de Montpellier",
				"Les Sélections de Montpellier",
				"Les Sélections de Montpellier",
				"Les Sélections de Montpellier",
				"Les Qualifications",
				"Les Qualifications",
				"Les Sélections",
				"Les Sélections",
				"Les Sélections",
				"Les Sélections",
				"Les Sélections",
				"Les Sélections",
				"Les Sélections",
				"Les Sélections",
				"Les Sélections",
				"Les Sélections",
				];
	
	
				
    //construction de la liste d'image initiale : 5  ;title="+titre[i-1]+" 
    for (i=1;i<NbImage+1;i++){
        $('.'+id).append("<li><a href="+path+i+".jpg"+" class=\"lightbox img"+i+"\" ><img src="+path+"/vignettes/"+i+".jpg /></a></li>");
		$('#visio_img_2011 .img'+i).attr("title",titre[i-1]);				
    }

	
    Reference = $("li:first-child", div);

    //ciblage de la bande de diapo, englobage de la liste dans une div conteneur
    $('.'+id).wrap(conteneur);
    $('.'+id).css("width","9999px");
    //ciblage de la zone de visu et config
    $(".carrousel-conteneur11").css("overflow","hidden");
    $(".carrousel-conteneur11").width(350).height(Reference.height());
    $(".carrousel-conteneur11").append(next).append(prev);  

    $(".carrousel-conteneur11 .next").click(function(){
		// title="+titre[Cpt+2]+"
       Cpt++;
       if ((Cpt > (NbImage -3))&&(Cpt < MaxImage -2)){
          $("<li><a href="+path+(Cpt+3)+".jpg"+"><img src="+path+"/vignettes/"+(Cpt+3)+".jpg /></a></li>").appendTo(div).lightBox();
       }
	
       if (Cpt > MaxImage-3){
           Cpt = MaxImage-3;
       }else{
           div.animate({
              marginLeft : - (120 * Cpt)
           });
       }
    });


    $(".carrousel-conteneur11 .prev").click(function(){
       Cpt--;
       if (Cpt<0){
         Cpt= 0;
         div.animate({marginLeft : - 0});
       }else{
         div.animate({ marginLeft : - (120 * Cpt) });
       }
       return false;
    });
   
}

// carroussel album 2010
var carrousel10 = function(id,path,m){

    var div = $("#"+id);
    div.addClass(''+id);
    var next = $('<div class="arrow next"><img src="css/bloc/pbn/next_img.png" /></div>');
    var prev = $('<div class="arrow prev"><img src="css/bloc/pbn/prev.png" /></div>');
    var way = 1;
    var ButtonW = 80;
    var NbElement = $("li", div).length;
    var Cpt= 0;
    var index;
    var conteneur = '<div class="carrousel-conteneur10"></div>';
    var NbImage = 22;
    var MaxImage = m;
	var titre=["La Finale",
				"La Finale",
				"Les Sélections",
				"Les Sélections",
				"Les Sélections",
				"Les Sélections",
				"Les Qualifications d'Arenberg",
				"Les Qualifications d'Arenberg",
				"Les Qualifications de Bourg-lès-Valence",
				"Les Qualifications de Bordeaux",
				"Les Qualifications de Gueugnon",
				"Les Qualifications de Mende",
				"Les Qualifications de Mende",
				"Les Qualifications de Montargis",
				"Les Qualifications de Montargis",
				"Les Qualifications de Reims",
				"Les Qualifications de Reims",
				"Les Qualifications de Spa",
				"Les Qualifications de Spa",
				"Les Qualifications de St Jean de Maurienne",
				"Les Qualifications de Pau",
				"Les Qualifications de Pau"				
				];
	
			
				
    //construction de la liste d'image initiale : 5  ;title="+titre[i-1]+" 
    for (i=1;i<NbImage+1;i++){
        $('.'+id).append("<li><a href="+path+i+".jpg"+" class=\"lightbox img"+i+"\" ><img src="+path+"/vignettes/"+i+".jpg /></a></li>");
		$('#visio_img_2010 .img'+i).attr("title",titre[i-1]);				
    }

	
    Reference = $("li:first-child", div);

    //ciblage de la bande de diapo, englobage de la liste dans une div conteneur
    $('.'+id).wrap(conteneur);
    $('.'+id).css("width","9999px");
    //ciblage de la zone de visu et config
    $(".carrousel-conteneur10").css("overflow","hidden");
    $(".carrousel-conteneur10").width(350).height(Reference.height());
    $(".carrousel-conteneur10").append(next).append(prev);  

    $(".carrousel-conteneur10 .next").click(function(){
		// title="+titre[Cpt+2]+"
       Cpt++;
       if ((Cpt > (NbImage -3))&&(Cpt < MaxImage -2)){
          $("<li><a href="+path+(Cpt+3)+".jpg"+"><img src="+path+"/vignettes/"+(Cpt+3)+".jpg /></a></li>").appendTo(div).lightBox();
       }
	
       if (Cpt > MaxImage-3){
           Cpt = MaxImage-3;
       }else{
           div.animate({
              marginLeft : - (120 * Cpt)
           });
       }
    });


    $(".carrousel-conteneur10 .prev").click(function(){
       Cpt--;
       if (Cpt<0){
         Cpt= 0;
         div.animate({marginLeft : - 0});
       }else{
         div.animate({ marginLeft : - (120 * Cpt) });
       }
       return false;
    });
   
}



var carrousel08 = function(id,path,m){

    var div = $("#"+id);
    div.addClass(''+id);
    var next = $('<div class="arrow next"><img src="css/bloc/pbn/next_img.png" /></div>');
    var prev = $('<div class="arrow prev"><img src="css/bloc/pbn/prev.png" /></div>');
    var way = 1;
    var ButtonW = 80;
    var NbElement = $("li", div).length;
    var Cpt= 0;
    var index;
    var conteneur = '<div class="carrousel-conteneur08"></div>';
    var NbImage = 15;
    var MaxImage = m;

    //construction de la liste d'image initiale : 5
    for (i=1;i<NbImage+1;i++){
        $('.'+id).append("<li><a href="+path+i+".jpg"+" class=\"lightbox\"><img src="+path+"/vignettes/"+i+".jpg /></a></li>");
    }

    Reference = $("li:first-child", div);

    //ciblage de la bande de diapo, englobage de la liste dans une div conteneur
    $('.'+id).wrap(conteneur);
    $('.'+id).css("width","9999px");
    //ciblage de la zone de visu et config
    $(".carrousel-conteneur08").css("overflow","hidden");
    $(".carrousel-conteneur08").width(350).height(Reference.height());
    $(".carrousel-conteneur08").append(next).append(prev);  

    $(".carrousel-conteneur08 .next").click(function(){
       Cpt++;
       if ((Cpt > (NbImage -3))&&(Cpt < MaxImage -2)){
          $("<li><a href="+path+(Cpt+3)+".jpg"+"><img src="+path+"/vignettes/"+(Cpt+3)+".jpg /></a></li>").appendTo(div).lightBox();
       }

       if (Cpt > MaxImage-3){
           Cpt = MaxImage-3;
       }else{
           div.animate({
              marginLeft : - (Reference.width() * Cpt)
           });
       }
    });


    $(".carrousel-conteneur08 .prev").click(function(){
       Cpt--;
       if (Cpt<0){
         Cpt= 0;
         div.animate({marginLeft : - 0});
       }else{
         div.animate({ marginLeft : - (Reference.width() * Cpt) });
       }
       return false;
    });
   
}

// visio video
  var carrouselvideo10 = function(id,m){

    var div = $("#"+id);
    div.addClass(''+id);
    var next = $('<div class="arrow next" title="Suivant"><img src="css/bloc/pbn/next_vid.png" /></div>');
    var prev = $('<div class="arrow prev" title="Précédent"><img src="css/bloc/pbn/prev.png" /></div>');
    var way = 1;
    var ButtonW = 80;
    var NbElement = $("li", div).length;
    var Cpt= 0;
    var index;
    var conteneur = '<div class="carrousel-conteneurvideo10"></div>';
    var NbImage = 6;
	var MaxImage = m;
	
    Reference = $("li:first-child", div);

	
    //ciblage de la bande de diapo, englobage de la liste dans une div conteneur
    $('.'+id).wrap(conteneur);
    $('.'+id).css("width","9999px");
	
    //ciblage de la zone de visu et config
    $(".carrousel-conteneurvideo10").css("overflow","hidden");
    $(".carrousel-conteneurvideo10").width(350).height(Reference.height());
    $(".carrousel-conteneurvideo10").append(next).append(prev);

    $(".carrousel-conteneurvideo10 .next").click(function(){
		Cpt++;
			if (Cpt >4){
				Cpt = 4;
			}else{
			   div.animate({
				  marginLeft : - (180 * Cpt)
			   });
		   }
    });


    $(".carrousel-conteneurvideo10 .prev").click(function(){
       Cpt--;
		 if (Cpt <0){
		   Cpt = 0;
		}else{
			div.animate({ marginLeft : - (180 * Cpt) });
		}
    });
}

// visio coloriage
  /*  var visio = function(id){
        var div = $('#'+id);
        div.addClass('visio-js');
        var ct = $('.ct', div);
        var next = $('<div class="arrow next"><img src="css/bloc/pbn/next_img.png" /></div>');
		var prev = $('<div class="arrow prev"><img src="css/bloc/pbn/prev.png" /></div>');
        var way = 1;
		var conteneur = '<div class="conteneurvideo10"></div>';

		
		$('.'+id).wrap(conteneur);
		$('.'+id).css("width","9999px");

        div.append(next).append(prev);


        $('li:first', div);

        var limit = $('li', ct).length;
        var img_w = $('li:first', ct).width();
        var index;

        var focusTo = function(idx){
             if(index!=idx){
                $('li', ct).fadeOut("slow");
                $('li', ct).eq(idx).fadeIn("slow").addClass("current");
                $('li', ct).eq(idx-1).removeClass();
                index = idx;
             }

        }

        next.click(function(){
            
            var to;
            if(index>limit-2){
                to=0;
            }
            else{
                to = index+1;
            }
            way=1;
            focusTo(to);
            return false;
        });
        prev.click(function(){
            var to;
            if(index<1){
                to=limit-1;
            }else{
                to = index-1;
            }
            way=-1;
            focusTo(to);
            return false;
        });

        ct.css('margin-left',-img_w);
        focusTo(0);
        //promo patch ie6 (effet de bord a cause du patch PNG24
        if($.browser.msie && $.browser.version < 7){$('.promo a',div).click(function(){document.location = this;return false;});}


    }*/
    
    
var carrousel09 = function(id,path,m){

    var div = $("#"+id);
    div.addClass(''+id);
    var next = $('<div class="arrow next"><img src="css/bloc/pbn/next_img.png" /></div>');
    var prev = $('<div class="arrow prev"><img src="css/bloc/pbn/prev.png" /></div>');
    var way = 1;
    var ButtonW = 80;
    var NbElement = $("li", div).length;
    var Cpt= 0;
    var index;
    var conteneur = '<div class="carrousel-conteneur09"></div>';
    var NbImage = 15;
    var MaxImage = m;

    //construction de la liste d'image initiale : 5
    for (i=1;i<NbImage+1;i++){
        $('.'+id).append("<li><a href="+path+i+".jpg"+" class=\"lightbox\"><img src="+path+"/vignettes/"+i+".jpg /></a></li>");
    }

    Reference = $("li:first-child", div);

    //ciblage de la bande de diapo, englobage de la liste dans une div conteneur
    $('.'+id).wrap(conteneur);
    $('.'+id).css("width","9999px");
    //ciblage de la zone de visu et config
    $(".carrousel-conteneur09").css("overflow","hidden");
    $(".carrousel-conteneur09").width(350).height(Reference.height());
    $(".carrousel-conteneur09").append(next).append(prev);

    $(".carrousel-conteneur09 .next").click(function(){
       Cpt++;
       
       if ((Cpt > (NbImage -3))&&(Cpt < MaxImage -2)){
          $("<li><a href="+path+(Cpt+3)+".jpg"+"><img src="+path+"/vignettes/"+(Cpt+3)+".jpg /></a></li>").appendTo(div);
       }

       if (Cpt > MaxImage-3){
           Cpt = MaxImage-3;
       }else{
           div.animate({
              marginLeft : - (120 * Cpt)
           });
       }
    });


    $(".carrousel-conteneur09 .prev").click(function(){
       Cpt--;
       if (Cpt<0){
         Cpt= 0;
         div.animate({marginLeft : - 0});
       }else{
         div.animate({ marginLeft : - (120 * Cpt) });
       }
       return false;
    });
}