$(document).ready(function() {
  /******************** Datepicker ************************/

  $(function(){
    $.datepicker.regional['fr'] = {clearText: 'Effacer', clearStatus: '',
      closeText: 'Fermer',
      closeStatus: 'Fermer sans modifier',
      prevText: '<Préc',
      prevStatus: 'Voir le mois précédent',
      nextText: 'Suiv>',
      nextStatus: 'Voir le mois suivant',
      currentText: 'Courant',
      currentStatus: 'Voir le mois courant',
      monthNames: ['janvier','février','mars','avril','mai','juin',
      'juillet','août','septembre','octobre','novembre','décembre'],
      monthNamesShort: ['Jan','Fév','Mar','Avr','Mai','Jun',
      'Jul','Aoû','Sep','Oct','Nov','Déc'],
      monthStatus: 'Voir un autre mois',
      yearStatus: 'Voir un autre année',
      weekHeader: 'Sm',
      weekStatus: '',
      dayNames: ['Dimanche','Lundi','Mardi','Mercredi','Jeudi','Vendredi','Samedi'],
      dayNamesShort: ['Dim','Lun','Mar','Mer','Jeu','Ven','Sam'],
      dayNamesMin: ['Di','Lu','Ma','Me','Je','Ve','Sa'],
      dayStatus: 'Utiliser DD comme premier jour de la semaine',
      dateStatus: 'Choisir le DD, MM d',
      dateFormat: 'dd/mm/yy',
      firstDay: 1, 
      initStatus: 'Choisir la date',
      isRTL: false
    };
    $.datepicker.setDefaults($.datepicker.regional['fr']);
  });
  $.datepicker.setDefaults($.datepicker.regional['fr']);

  /******************** / Datepicker ************************/
   
  /*$("#header a").hover(
    function () {
      var id = $(this).parent().attr('id');
      $('#sub-'+id+'').show();
      $('#sub-'+id+'').parent().css('background-color', '#d3d3d3');
      $('#url-'+id+'').show();
    },
    function () {
      var id = $(this).parent().attr('id');
      $('#sub-'+id+'').hide();
      $('#url-'+id+'').hide();
      $('#sub-'+id+'').parent().css('background', 'none');
    }
  );*/
  
  /******************** rollover image index ************************/

  $('img[id^="image-post-"]').hover(
    function () {
      var idImage = $(this).attr('id');
      var id = idImage.split('image-post-');
      $('#post-'+id[1]+' .title-post').addClass('title-post-hover');
    },
    function () {
      var idImage = $(this).attr('id');
      var id = idImage.split('image-post-');
      $('#post-'+id[1]+' .title-post').removeClass('title-post-hover');
    }
  );
  
  $('div[id^="title-post-"] a').hover(
    function () {
      var idImage = $(this).parent().parent().attr('id');
      var id = idImage.split('title-post-');
      $('#post-'+id[1]+' .title-post').addClass('title-post-hover');
    },
    function () {
      var idImage = $(this).attr('id');
      var id = idImage.split('title-post-');
      $('#post-'+id[1]+' .title-post').removeClass('title-post-hover');
    }
  );
  $('div[id^="title-post-"]').hover(
    function () {
      var idImage = $(this).attr('id');
      var id = idImage.split('title-post-');
      $('#post-'+id[1]+' .title-post').addClass('title-post-hover');
    },
    function () {
      var idImage = $(this).attr('id');
      var id = idImage.split('title-post-');
      $('#post-'+id[1]+' .title-post').removeClass('title-post-hover');
    }
  );

/******************** slideshow ************************/

  var currentPosition = 0;
  var slideWidth = 250;
  var slides = $('.slide');
  var numberOfSlides = slides.length;

  // Supprime la scrollbar en JS
  $('#slidesContainer').css('overflow', 'hidden');

  slides
  .wrapAll('<div id="slideInner"></div>')
  // on met tous les slides en float:left pour qu'il s'affichent de manière horizontale
  .css({
    'float' : 'left',
    'width' : slideWidth
  });

  // La longueur de #slideInner équivaut à la somme de la longueur de tous les slides
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert les flèches de gauche et de droite
  $('#slideshow-command')
    .prepend('<span class="prev-couv control" id="leftControl"><</span>')
    .append('<span class="next-couv control" id="rightControl">></span>');

  // Cache la flèche de gauche au début
  manageControls(currentPosition);

  // crée un écouteur pour l'évènement de type clic sur les div qui ont la classe .control
  $('.control')
    .bind('click', function(){
    // Determine une nouvelle position
      currentPosition = ($(this).attr('id')=='rightControl')
    ? currentPosition+1 : currentPosition-1;

      //Cache ou montre les flèches
      manageControls(currentPosition);
      // Move slideInner using margin-left
      $('#slideInner').animate({
        'marginLeft' : slideWidth*(-currentPosition)
      });
    });

  // manageControls: Cache ou montre les flèches de contrôles en fonction de la position
  function manageControls(position){
    // Hide left arrow if position is first slide
    if(position==0){ $('#leftControl').hide() }
    else{ $('#leftControl').show() }
    // Hide right arrow if position is last slide
    if(position==numberOfSlides-1){ $('#rightControl').hide() }
    else{ $('#rightControl').show() }
    }

    /******************** /slideshow ************************/
    
    /******************** Formulaire de demande d'informations ************************/
    
    
    $.post('/formulaire-demande-dinformation/', function(data){
          $('#demandeDinformation').append(data);
          $('#demandeDinformation .wpcf7').hide();
    });
    
    $('#demandeDinformation a').click(function(){

    
      $('#demandeDinformation .wpcf7').toggle();

      $('#demandeDinformation #debut').datepicker();
      $('#demandeDinformation #fin').datepicker();
      
      $('#demandeDinformation #article').toggle();
      
      return false;
    });
    
    $('#projet input').live('click', function(){
      if($(this).is(':checked'))
        $('#champs_projet').slideDown("slow");
      else
        $('#champs_projet').slideUp("slow");
    });
    
    var form = $('#demandeDinformation form');
    
    $(form).live('submit', function(){
      $.ajax({
        type: 'post',
        url: $(this).attr('action'),
        data: $(this).serialize(),
        success: function(response){
          if($(response).find('.wpcf7-mail-sent-ok').length){
            var msg_valid = $(response).find('.wpcf7-mail-sent-ok').text();
            $('#demandeDinformation .wpcf7').slideUp("slow", function(){
              $('#demandeDinformation .wpcf7').remove();
              $('#demandeDinformation').append('<div class="msg_valid">'+msg_valid+'</div>');
              $('#demandeDinformation .msg_valid').slideDown("slow", function(){
                setTimeout(function(){
                  $('#demandeDinformation .msg_valid').slideUp("slow", function(){
                    $('#demandeDinformation .msg_valid').remove();
                  });
                }, 10000);
              });
            });
          } else{
            $('#demandeDinformation .wpcf7').remove();
            $('#demandeDinformation').append(response);
            if($('#projet input').is(':checked'))
              $('#champs_projet').show();
    
            $('#demandeDinformation #debut').datepicker();
            $('#demandeDinformation #fin').datepicker();
          
            $('#demandeDinformation #article').hide();
          }
        }
      });
      return false;
    });
    
    $.post('/formulaire-demande-dinformation/', function(data){
          $('#demandeDinformationArticle').append(data);
          $('#demandeDinformationArticle .wpcf7').hide();
    });
        
    $('#demandeDinformationArticle a.js').click(function(){

          $('#demandeDinformationArticle .wpcf7').toggle();
    
          $('#demandeDinformationArticle #debut').datepicker();
          $('#demandeDinformationArticle #fin').datepicker();
          
          $('#demandeDinformationArticle #article').hide();
          $('#demandeDinformationArticle #article').val($('#demandeDinformationArticle #article_name').val());

      return false;
    });
    
    $('#projet input').live('click', function(){
      if($(this).is(':checked'))
        $('#champs_projet').slideDown("slow");
      else
        $('#champs_projet').slideUp("slow");
    });
    
    var form = $('#demandeDinformationArticle form');
    
    $(form).live('submit', function(){
      $.ajax({
        type: 'post',
        url: $(this).attr('action'),
        data: $(this).serialize(),
        success: function(response){
          if($(response).find('.wpcf7-mail-sent-ok').length){
            var msg_valid = $(response).find('.wpcf7-mail-sent-ok').text();
            $('#demandeDinformationArticle .wpcf7').slideUp("slow", function(){
              $('#demandeDinformationArticle .wpcf7').remove();
              $('#demandeDinformationArticle').append('<div class="msg_valid">'+msg_valid+'</div>');
              $('#demandeDinformationArticle .msg_valid').slideDown("slow", function(){
                setTimeout(function(){
                  $('#demandeDinformationArticle .msg_valid').slideUp("slow", function(){
                    $('#demandeDinformationArticle .msg_valid').remove();
                  });
                }, 10000);
              });
            });
            if($('#demandeDinformationArticle #BLOG').val() == 2)
              window.location='/formulaire-demande-dinformation/download/';
          } else{
            $('#demandeDinformationArticle .wpcf7').remove();
            $('#demandeDinformationArticle').append(response);
            if($('#projet input').is(':checked'))
              $('#champs_projet').show();
    
            $('#demandeDinformationArticle #debut').datepicker();
            $('#demandeDinformationArticle #fin').datepicker();
          
            $('#demandeDinformationArticle #article').hide();
            $('#demandeDinformationArticle #article').val($('#demandeDinformationArticle #article_name').val());
          }
        }
      });
      return false;
    });
    
    /******************** /Formulaire de demande d'informations ************************/
});