//slide sur contenu des formations
function toogleFormations(){
	$("#hrefOne").click(function () {		
		$("#my_ul1").slideToggle("slow");		
	});
	$("#hrefSecond").click(function () {
		$("#my_ul2").slideToggle("slow");		
	});
	$("#hrefThird").click(function () {		
		$("#my_ul3").slideToggle("slow");		
	});	
}

//creation liens slider
function createLinks()
{	
	for(var i=0;i<$("#contenuslide .slide").length;i++)
	{
		$("#interfaceHref").append('<a href="javascript:void(0);" style="text-decoration:none; width:12px; background-color: white; display:block; float:left; text-align:center;" id="hre'+i+'">'+(i+1)+'</a>');
		//$("#interfaceHref").append('<div class="savoir-plus"><a href="'+#URL_ARTICLE+'" title="En savoir plus : [(#TITRE|supprimer_numero)]">en savoir plus</a> <br class="spacer" /></div>');
	}	
}

function reloadReferences(time) {
  if($('#references ul.hasard').length == 1) {
    $('div#contenu').fadeOut(function(){
      $("#references").load("spip.php?page=references-hasard", function(){
        ajaxReferences();
        $('div#contenu').fadeIn();
      });
    });
    setTimeout('reloadReferences('+time+')', time);
  }
}

function ajaxReferences() {
  $('div#contenu ul.references a').bind('click', function(){
    clientId = $(this).attr('rel').replace(/client-/g, '');
    $('div#contenu').fadeOut(function(){
      $('div#contenu').load('spip.php?page=reference-selectionnee&id_rubrique=' + clientId, function() {
        $('div#contenu ul.articles li a').bind('click', function() {
          // Ajax loading of article content
          refId = $(this).attr('rel').replace(/ref-/g, '');
          $('div#contenu').fadeOut(function(){
            $('div#contenu').load('spip.php?page=article-contenu&id_article=' + refId, function() {
              $('div#contenu').fadeIn();
            });
          });
          return false;
        });
        $('div#contenu').fadeIn();
      });
    });
    return false;
  });
}



//charge le message d'erreur ou la video si le mail est valide
function load_my_ajax()
{
$("#mailSubmitEl").submit(function(){	
	//alert($("#mycheck1").attr("checked"));
	if( $("#mailFieldEl").val()!='')
	{  
		$.ajax({
	    type: "GET",
	    dataType: "xml",
	    url: "/",     	  
	    data: { page: "chrono-traitement", mailFieldEl: $("#mailFieldEl").val(), mycheck: $("#mycheck1").attr("checked") },
	    cache: false,
	    contentType: "application/x-www-form-urlencoded",
	    success: function(response, textStatus) {
				$(response).find('erreur').each(function() {				     
				     $("#formError").text($(this).text());
				     $("#formError").addClass('color_error');
				});
				$(response).find('titre').each(function() {
				     $("#titre_div h2").text("");
				     $("#titre_div h2").html($(this).text());
				});	
				$(response).find('data').each(function() {//afficher la video/effacer le form/effacer message erreur				        	
				      $("#myfield").remove();
				     $("#contentLoaded").html($(this).text());
				     $("#mailSubmitEl").text("");
				     $("#formError").text("");              
				});
	        }, 
	        error : function(ajax, textStatus, error) {
	        	alert(ajax + " / " + textStatus + " // " + error);
	        }
	     });                                                                         
	   }
	  	else
	   {
	    	$("#formError").text("Veuillez introduire votre mail");
	    	$("#formError").addClass('color_error');
	   }
	  return false;
});
}
//charge la video si le cookie session existe
function load_juste_video()
{
	$("#show_video").bind('click',function(){
		$.ajax({
		    type: "GET", 
		    dataType: "xml",
		    url: "/",     	  
		    data: { page: "chrono-traitement", param: "param" },
		    cache: false,
		    contentType: "application/x-www-form-urlencoded",
		    success: function(response, textStatus) {				        
				$(response).find('titre').each(function() {
					 $("#titre_div h2").text("");
					 $("#titre_div h2").html($(this).text());
				});	
				$(response).find('data').each(function() {//afficher la video/effacer le form/effacer message erreur
					 $("#myfield").remove();
					 $("#contentLoaded").html($(this).text());
					 $("#mailSubmitEl").text("");
					 $("#formError").text(""); 
					 $("#direct_video").remove();
				});
		    }, 
		    error : function(ajax, textStatus, error) {
		         alert(ajax + " / " + textStatus + " // " + error);
		        }
		  });	      
		return false;
	});
}

$(document).ready(function(){
	$('#container #left dl dt').hover(function() {
		$(this).addClass('hover');
	}, function() {
		$(this).removeClass('hover');
	});
	$('#container #left dl dd ul li').hover(function() {
		$(this).addClass('hover');
	}, function() {
		$(this).removeClass('hover');
	});
	// Suggestion lors de la recherche
	$("#livesearch").suggest("spip.php?page=livesearch",{
		onSelect: function() {
			document.location.href= '/recherche/'+this.value;
		}
	});
	
  // Si on est sur une page des metiers on montre les cases a cocher
  $('body.metiers div.texte-metiers p.instructions').show();
  $('body.metiers div.texte-metiers ul li input[@type=checkbox]').show();

  // Si on est sur une page des references on montre les cases a cocher
	$('body.references div#left li input[@type=checkbox]').show();
	// On s'assure que les cases des liens actifs sont cochees
  $('body.references div#left li.on input[@type=checkbox]').attr('checked', true);
	// Si on est sur la page d'accueil des references (et uniquement)
	if($('#references ul.hasard').length == 1) {
    ajaxReferences();
//		setTimeout('reloadReferences(10000)', 10000);
	}

  $('body.references #left dl dd ul li a').bind('click', function(){
    // Si on clique sur le lien, on simule le check de la case correspondante 
    $(this).siblings('input[@type=checkbox]').trigger('click');
    return false;
  });
	// Au clic sur un lien du menu gauche dans les references
	$("body.references #left dl dd ul li input[@type=checkbox]").bind('click', function() {
    $(this).parent('li').toggleClass('on');
    //$(this).attr('checked', !$(this).attr('checked'));
		var ids_mot = '';
		var id_groupe = 0;
		var separator = '';
		nbChk = 0;
		home = false;
		// On recupere tous les liens du menu active
		$("#left dl dd ul li.on a").each(function(){
			nbChk++;
			var tab = new Array();
			tab = $(this).attr('class').split('-');
			if(id_groupe) {
				if(tab[0]==id_groupe) {
					separator = ',';
				} else {
					separator = '-';
				}
			}
			id_groupe = tab[0];
			ids_mot += separator + tab[1];
		});
		// Si aucun mot cle de selectionne on affiche la page d'accueil
		if(nbChk == 0) {
			$('#contenu').load('/spip.php?page=references-default&id_rubrique=11');
			return false;
		}
		// Si plus de 4 mots cles selectionnes on empeche d'en selectionner un autre
    if(nbChk >= 4) {
      $('div#left dl dd ul li').not('.on').each(function(){
        $(this).find('input').animate({opacity: 0});
      });
    } else {
      $('div#left dl dd ul li').not('.on').each(function(){
        $(this).find('input').animate({opacity: 1});
      });
    }
		if(nbChk >= 5) {
			$(this).parent('li').toggleClass('on');
      $(this).attr('checked', !$(this).attr('checked'));
		} else {
		  $('div#contenu').fadeOut(function(){
				$('div#contenu').load('/spip.php?page=references-mix&id_mot=' + ids_mot,function() {
				  ajaxReferences();
          $('div#contenu').fadeIn();
	 		  });
	 		});
		}
		return true;
	});

	// Au clic sur une checkbox dans la partie Metier
	$("body.metiers div#container div#contenu div.texte-metiers input[@type=checkbox]").bind('click', function() {
    var ids_mot = '';
		var separator = '-';
		nbChk = 0;
		// On recupere toutes les checkbox cochees
		$("body.metiers div#container div#contenu div.texte-metiers input[@type=checkbox][@checked]").each(function(){
			nbChk++;
			ids_mot += separator + $(this).attr('value');
		});
    
    //Si toutes les cases sont decochees, alors on recupere tous les mots-clefs
    if (nbChk == 0) {
      ids_mot = "";
      $("body.metiers div#container div#contenu div.texte-metiers input[@type=checkbox]").each(function(){
        ids_mot += separator + $(this).attr('value');
      });
    }
    
    $(".droite").fadeOut(function(){
     $(".droite").load("spip.php?page=metiers-mix&id_rubrique=36&id_mot=" + ids_mot, '', function(){
       // On cache le loading
       $(".droite").fadeIn();
     }); 
    });
    
		return true;
	});	
	
	toogleFormations();
		
	//à l'ouverture du thickbox on vide les champs
	$("#show_thick").bind('click',function(){
		$("#formError").text("");
		$("#formError").removeClass("color_error");
		$("#mailFieldEl").val("");
		
	});
	
	load_my_ajax();
	load_juste_video();
	
	//creation slider references
	var index_div=0;
	var timer;		
	$("#interfaceHref a").click(function(){
		   clearTimeout(timer);
		   timer = setTimeout('$("#next").click()', 10000);
		   index_div = $(this).attr("id").split("hre")[1];  		   
		   $("#contenuslide").animate({ marginLeft:-(index_div*486)+"px"}, 1000);     
		   $("#interfaceHref a").removeClass("actif_sl");  
		   $(this).addClass("actif_sl"); 
		   	     		         
	}); 

	$("#previous").click(function(){
		clearTimeout(timer);
	     if(index_div!=0)
	     {
	      index_div--;
	      $("#contenuslide").animate( { marginLeft:-(index_div*486)+"px" }, 1000);
		  timer = setTimeout('$("#previous").click()', 10000);
	     }
		 else
		 {
		  timer = setTimeout('$("#next").click()', 1);
		 }
	  });
	
	$("#next").click(function(){
		clearTimeout(timer);
	     if(index_div<$("#contenuslide .slide").length-1)
	     {    
	      index_div++;
	      //alert(index_div*200);//calcule de la nouvelle position
	      $("#contenuslide").animate( { marginLeft:-(index_div*486)+"px" }, 1000);  
		  timer = setTimeout('$("#next").click()', 10000);
	     }
	     else {
		   timer = setTimeout('$("#previous").click()', 1);
		 }      
	  });
});