// DOM Ready
  $(function(){


    // lancement animation du bandeau  
    $(function Timer(){
      window.setTimeout(slideshow_l_1,100);
      window.setTimeout(slideshow_l_3,4100);
      window.setTimeout(slideshow_l_2,8100);
      window.setTimeout(slideshow_l_4,12100);
    });


    // Affichage / masquage des descriptions qualibat
    $(function(){
        $('.qualibat1').click(function() { $('.qualibat_blind1').toggle('blind',{},400); });
        $('.qualibat2').click(function() { $('.qualibat_blind2').toggle('blind',{},400); });
        $('.qualibat3').click(function() { $('.qualibat_blind3').toggle('blind',{},400); });
        $('.qualibat4').click(function() { $('.qualibat_blind4').toggle('blind',{},400); });
        $('.qualibat5').click(function() { $('.qualibat_blind5').toggle('blind',{},400); });
        $('.qualibat6').click(function() { $('.qualibat_blind6').toggle('blind',{},400); });
        $('.qualibat7').click(function() { $('.qualibat_blind7').toggle('blind',{},400); });
        $('.qualibat8').click(function() { $('.qualibat_blind8').toggle('blind',{},400); });
        $('.qualibat9').click(function() { $('.qualibat_blind9').toggle('blind',{},400); });
    });


	// Projet maison bois - Initialisation tabs
    $("#tab_etapes_projet > ul").tabs({
      fx: { opacity: 'toggle'},
      select: function(evt, ui) { $("#tab_etapes_projet > ul").tabs("enable", ui.index+1), window.location.hash = ui.tab.hash; }
    }).data('disabled.tabs', [2, 3, 4]);

	// Projet maison bois - Bouton de lancement
    $("#goto_1").click(function() {
        $("#tab_etapes_projet > ul").tabs("select", 1);
        $("#tab_etapes_projet > ul").tabs("enable", 2);
    });
    $("#goto_2").click(function() {
        $("#tab_etapes_projet > ul").tabs("select", 1);
        $("#tab_etapes_projet > ul").tabs("enable", 2);
    });
    $("#goto_3").click(function() {
        $("#tab_etapes_projet > ul").tabs("select", 2);
        $("#tab_etapes_projet > ul").tabs("enable", 3);
    });
    $("#goto_4").click(function() {
        $("#tab_etapes_projet > ul").tabs("select", 3);
        $("#tab_etapes_projet > ul").tabs("enable", 4);
    });
    $("#goto_5").click(function() {
        $("#tab_etapes_projet > ul").tabs("select", 4);
    });

	// Concepts bois - Initialisation tabs
    $("#tab_concept > ul").tabs({
      fx: { opacity: 'toggle'},
      select: function(event, ui) { window.location.hash = ui.tab.hash; }
    });

	// Fabrication Charpente - Initialisation tabs
    $("#tab_etapes_fabrication > ul").tabs({ 
      fx: { opacity: 'toggle'},
      select: function(evt, ui) { $("#tab_etapes_fabrication > ul").tabs("enable", ui.index+1), window.location.hash = ui.tab.hash; }
    }).data('disabled.tabs', [2, 3, 4]);

    $("#goto_2b").click(function() {
        $("#tab_etapes_fabrication > ul").tabs("select", 1);
        $("#tab_etapes_fabrication > ul").tabs("enable", 2);
    });
    $("#goto_3b").click(function() {
        $("#tab_etapes_fabrication > ul").tabs("select", 2);
        $("#tab_etapes_fabrication > ul").tabs("enable", 3);
    });
    $("#goto_4b").click(function() {
        $("#tab_etapes_fabrication > ul").tabs("select", 3);
    });




	// Entreprise - Initialisation tabs
    $("#tab_entreprise > ul").tabs({ 
      fx: { opacity: 'toggle'},
      select: function(event, ui) { window.location.hash = ui.tab.hash; }
    });

	// Entreprises Moyens - Initialisation tabs
    $("#tab_moyens > ul").tabs({ 
      fx: { opacity: 'toggle'}
    });
    $(".goto_jobs").click(function() {
        $("#tab_entreprise > ul").tabs("select", 5);
    });

	// Entreprises Emploi - Initialisation tabs
    $("#tab_emploi > ul").tabs({ 
      fx: { opacity: 'toggle'}
    });

	// Entreprises Emploi - Postuler
    $("#offres .postuler").click(function() {
        $("#tab_emploi > ul").tabs("select", 1);
    });

	// Réalisations - Initialisation tabs
    $("#tab_realisations > ul").tabs({ 
      select: function(event, ui) { window.location.hash = ui.tab.hash; }
    });

	// Bois construction - Initialisation tabs
    $("#tab_bois_construction > ul").tabs({ 
      fx: { opacity: 'toggle'},
      select: function(event, ui) { window.location.hash = ui.tab.hash; }
    });

	// Réalisations - Initialisation des carousels
	$('#mycarousel1').jcarousel({ vertical: true, scroll: 4, wrap: 'both' });
	$('#mycarousel2').jcarousel({ vertical: true, scroll: 4, wrap: 'both' });
	$('#mycarousel3').jcarousel({ vertical: true, scroll: 4, wrap: 'both' });
	$('#mycarousel4').jcarousel({ vertical: true, scroll: 4, wrap: 'both' });

	// Effet d'opacité au passage de la souris
	$('.opacity')
		.bind('mouseover', function() { $(this).stop().animate( {opacity:  0.6} ); })
		.bind('mouseout',  function() { $(this).stop().animate( {opacity:  1} ); })
		.css('opacity',1);
    });


// Animations des concepts


function anim_concepts() {
	$('#concept_1').animate( { opacity: 0.6 }, 1000, function()
	{
	    $('#concept_1').animate( { opacity: 1 }, 1000, function()
	    {
	    	$('#concept_2').animate( { opacity: 0.6 }, 1000, function()
	    	{
	    		$('#concept_2').animate( { opacity: 1 }, 1000, function()
	    		{
	    			$('#concept_4').animate( { opacity: 0.6 }, 1000, function()
	    			{
	    				$('#concept_4').animate( { opacity: 1 }, 1000, function()
	    				{
	    					$('#concept_3').animate( { opacity: 0.6 }, 1000, function()
	    					{
	    						$('#concept_3').animate( { opacity: 1 }, 1000 );
	    					});
	    				});
	    			});
	    		});
	    	});
	    });
	});
}

$(document).ready(function launch_anim_concepts() {
	window.setTimeout("anim_concepts()",50);
	window.setInterval("anim_concepts()", 8000);
});


/*
  function start_1(){ $('#concept_1').animate( {opacity:  0.6} ); }
  function start_2(){ $('#concept_2').animate( {opacity:  0.6} ); }
  function start_3(){ $('#concept_3').animate( {opacity:  0.6} ); }
  function start_4(){ $('#concept_4').animate( {opacity:  0.6} ); }

  function end_1(){ $('#concept_1').animate( {opacity:  1} ); }
  function end_2(){ $('#concept_2').animate( {opacity:  1} ); }
  function end_3(){ $('#concept_3').animate( {opacity:  1} ); }
  function end_4(){ $('#concept_4').animate( {opacity:  1} ); }


   $(document).ready(function Timer(){
     for (i=1; i<=5; i++){
       window.setTimeout("start_1()",1000);
       window.setTimeout("end_1()",2000);
       window.setTimeout("start_2()",3000);
       window.setTimeout("end_2()",4000);
       window.setTimeout("start_4()",5000);
       window.setTimeout("end_4()",6000);
       window.setTimeout("start_3()",7000);
       window.setTimeout("end_3()",8000);
     }
  });
*/



// Définition Slideshow du bandeau
function slideshow1() {
  var $s = $("#img_1");
  $s.find("img.visible").each(function(){
  var $img = $(this).fadeOut(2000,function(){ $(this).removeClass("visible"); });
  var $next = $img.next();
  if ( !$next.length ) { $next = $s.find('img:first'); }
  $next.fadeIn(2000,function(){ $(this).addClass("visible"); });
    });
}
function slideshow2() {
  var $s = $("#img_2");
  $s.find("img.visible").each(function(){
    var $img = $(this).fadeOut(2000,function(){ $(this).removeClass("visible"); });
    var $next = $img.next();
    if ( !$next.length ) { $next = $s.find('img:first'); }
    $next.fadeIn(2000,function(){ $(this).addClass("visible"); });
  });
}
function slideshow3() {
  var $s = $("#img_3");
  $s.find("img.visible").each(function(){
    var $img = $(this).fadeOut(2000,function(){ $(this).removeClass("visible"); });
    var $next = $img.next();
    if ( !$next.length ) { $next = $s.find('img:first'); }
    $next.fadeIn(2000,function(){ $(this).addClass("visible"); });
  });
}
function slideshow4() {
  var $s = $("#img_4");
  $s.find("img.visible").each(function(){
    var $img = $(this).fadeOut(2000,function(){ $(this).removeClass("visible"); });
    var $next = $img.next();
    if ( !$next.length ) { $next = $s.find('img:first'); }
    $next.fadeIn(2000,function(){ $(this).addClass("visible"); });
  });
}

function slideshow_l_1() { $('#img_1').fadeIn(500,function(){ window.setInterval( slideshow1, 16000 ); } ); }
function slideshow_l_2() { $('#img_2').fadeIn(500,function(){ window.setInterval( slideshow2, 16000 ); } ); }
function slideshow_l_3() { $('#img_3').fadeIn(500,function(){ window.setInterval( slideshow3, 16000 ); } ); }
function slideshow_l_4() { $('#img_4').fadeIn(500,function(){ window.setInterval( slideshow4, 16000 ); } ); }




// Changement message au passage de la souris
function ChangeMessage(message,champ) {
  if(document.getElementById)
  document.getElementById(champ).innerHTML = message;
}




// SCRIPT MENU CSS
function AfficheSousMenu(sous_menu_id) {
  if (sous_menu_id == 'sous_menu_4') {
    document.getElementById('sous_menu_4').style.display='block';
    document.getElementById('menu_4').style.background='#4A8748';
  }
  if (sous_menu_id == 'sous_menu_5') {
    document.getElementById('sous_menu_5').style.display='block';
    document.getElementById('menu_5').style.background='#4A8748';
  }
}


function CacheSousMenu(id) {		

  sous_menu_id = 'sous_menu_'+id;
  menu_id = 'menu_'+id;

  if (document.getElementById(sous_menu_id)) {
    document.getElementById(sous_menu_id).style.display='none';
  }
  document.getElementById(menu_id).style.color='#000';
  document.getElementById(menu_id).style.background='#A1CB64';
}



// Fonctionnement du Quizz
function valideReponse(formulaire){
  var bonnesReponses=0;
  var nbQuestions = 10;
  var reponse = new Array(nbQuestions);
  for (i = 0 ; i < nbQuestions ; i++){
    reponse[i]=-1;
    if (document.getElementById('vrai'+i).checked) {reponse[i]=1;}
    if (document.getElementById('faux'+i).checked) {reponse[i]=0;}
    if (reponse[i] == -1) {
      document.getElementById('check_answer'+i).value="";
    }
    else if (reponse[i] == document.getElementById('answer'+i).value) {
      document.getElementById('check_answer'+i).value="Bonne réponse !";bonnesReponses++;
      document.getElementById('check_answer'+i).style.color="green";
    } else {
      document.getElementById('check_answer'+i).value="Mauvaise réponse !";
      document.getElementById('check_answer'+i).style.color="#FF0000";
      document.getElementById('question'+i).style.color="#FF0000";
      document.getElementById('enonce'+i).style.color="#FF0000";
    }
      document.getElementById('vrai'+i).disabled="disabled";
      document.getElementById('faux'+i).disabled="disabled";
      document.getElementById('radiov'+i).style.color="#999999";
      document.getElementById('radiof'+i).style.color="#999999";
      document.getElementById('resultat_quizz').value="Votre score est de "+bonnesReponses+"/10 !";
      if (bonnesReponses == 10) { document.getElementById('consigne').value="Vous avez fait un sans faute ! Bravo ! Si vous ne l'avez pas encore fait, nous vous invitons à découvrir notre guide “Tout savoir sur le bois”."; }
      else if ((bonnesReponses > 4) && (bonnesReponses < 10)) { document.getElementById('consigne').value="Vous avez quelques erreurs ! Nous vous invitons à revisiter notre guide “Tout savoir sur le bois” et de revenir ensuite tester vos connaissances."; }
      else { document.getElementById('consigne').value="Vous avez un nombre important d'erreurs ! N'hésitez pas à découvrir notre guide “Tout savoir sur le bois” et revenir ensuite tester vos connaissances"; }
      reponse[i]=-1;
  }
}