// JavaScript Document

$(document).ready(function() 
{
	// Page Panel
	// Masque le deuxième p du tableau tr td
	$(".menu_categorie_over").children("p:last-child").hide();
	// Au click sur : table tr td.menu_categorie_over
	$(".menu_categorie_over p span").css({"text-decoration" : "underline"});
	$(".menu_categorie_over").click( function() 
	{
		// Affiche ou masque le premier p
		$(this).children("p:first").slideToggle();
		
		// Affiche ou masque le deuxieme p
		$(this).children("p:last-child").slideToggle();
		$(this).children("p:last-child").css({"cursor" : "default"});
	});
	// Permet d'ajouter du css au deuxieme p
	$(".menu_categorie_over").children("p:last-child").css({"text-align" : "left"});
	
	$("#banniere").click(function() 
	{
		location.href='index.php';
	});
	
	// Page shows
	$(".show .legende").hide();
	$(".show img").not('.show .legende img').mouseenter(function()
	{
		$(".show .legende").not($(this).parent().children(".legende")).slideUp();
		$(this).parent().children(".legende").slideDown();

	});
	
	// Page Agenda
	if($(".show img.ancien"))
	{
		$(".show img.ancien").css('opacity', 0.3);
	}
	$("#lienCreationChamp").click(function()
	{
		var id_actuel = parseInt($(this).attr("href"));
		var id_suivant = id_actuel + 1;
		var image_suivante = 'image_'+ id_suivant;
		var champ = document.createElement('input');
		var sautDeLigne = document.createElement('br');
		champ.setAttribute('type', 'file');
		champ.setAttribute('name', image_suivante);
		$('.toutLesChamps').append(champ);
		$('.toutLesChamps').append(sautDeLigne);
		$("#lienCreationChamp").attr("href", id_suivant);
		$("#nb_images").val(id_suivant);
		return false;
	});
	
	// Page biographie
	
	//Configuration
		  var retour = true;
		  var tempsTransition = 1000;
		  var affichePlayPause = false;
		  var lectureAutomatique = true;
		  	var tempsAttente = 5000;
			
		  var icones = new Array();
		  		icones['play'] = '/images/biographie/play_slider.png';
		  		icones['pause'] = '/images/biographie/pause_slider.png';	
			
		  var currentPosition = 0;
		  var slideWidth = 280;
		  var slides = $('.slide');
		  var numberOfSlides = slides.length;
		  var interval;
		  var lectureEnCours = false;
  // Supprime la scrollbar en JS
  $('#slidesContainer').css('overflow', 'hidden');

  // Attribue  #slideInner  à toutes les div .slide
  slides
    .wrapAll('<div id="slideInner"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidth
    });

  // Longueur de #slideInner égale au total de la longueur de tous les slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('#slideshow')
    .prepend('<span class="control" id="leftControl">Précédent</span>')
    .append('<span class="control" id="rightControl">Suivant</span>');


  
  // Hide left arrow control on first load
  manageControls(currentPosition);

  //Crée un écouteur d'évènement de type clic sur les classes .control
  $('.control')
    .bind('click', function(){
		
    // Determine la nouvelle position
	currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
    
	if(currentPosition == numberOfSlides && retour == false ){
		currentPosition--;
		pause();
	}
	
	// Cache ou montre les controles
    manageControls(currentPosition);
    // Fais bouger le slide
    $('#slideInner').animate({
      'marginLeft' : slideWidth*(-currentPosition)
    },tempsTransition);
  });

  // manageControls: Cache ou montre les flêches de controle en fonction de la position courante
  function manageControls(position){
    // Cache la fleche "précédent" si on est sur le premier slide
	if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
	// Cache la fleche "suivant" si on est sur le dernier slide (et que le retour automatique n'est pas activé)
    if(position==numberOfSlides-1 && retour == false){
		$('#rightControl').hide();
	} else {
		$('#rightControl').show();
	}
	if(position == numberOfSlides && retour == true){
		currentPosition = 0;
		 $('#leftControl').hide();
	}
  }
  function suivant(){
	$('#rightControl').click();
	}
  function start() {
  	lectureEnCours = true;
    interval = setInterval(suivant, tempsAttente );
  }
  function pause() {
  	lectureEnCours = false;
   clearInterval(interval);
  }
  
 //Si le diapo est activé 
if(lectureAutomatique == true){
  start();
}
if(affichePlayPause == true){
	$('#slidesContainer').prepend('<img id="navDiapo" src="" alt="Navigation diaporama" />');
	if(lectureAutomatique == true){
		$('#navDiapo').attr('src',icones['pause']);
	}else{
		$('#navDiapo').attr('src',icones['play']);	
	}
	$('#navDiapo').bind('click', function(){
		if(lectureEnCours == true){
			$(this).attr('src',icones['play']);
			pause();
		}else{
			$(this).attr('src',icones['pause']);
			start();
		}
	});
}


	
});
function verif()
{
    if(confirm(lang_retablir_texte_avertissement))  //si ca return TRUE c'est qu'on a choisit OK
    {
        document.forms['formulaire1'].submit(); 
    }
   else
    {
		return false;
    }
}
