/**
  * Fonctions liées aux projets en cours
  * @autor : Pixy
  */

$(function() {
  // DEFINITION DES VARIABLES
  var numPageRef = 1;
  var curPageRef = 1;
  var nbPagesRef = $('#references').find('ul').length;
  $('#page-reference-' + curPageRef).fadeIn(2000);
  var htmlTempRef = "";
  var refOpen = false;
  
  
  
  function initialiserEventsRef() {
    // PAGINATION PREVIOUS
    $('#pagination-reference a.prev').click(function(event) {
      event.preventDefault();
      if(curPageRef > 1) {
        var prevPage = curPageRef -1;
        $('ul#page-reference-' + curPageRef).fadeOut(500, function() {
          $('ul#page-reference-' + prevPage).fadeIn(500);
          curPageRef--;
        });
      }
    });
    
    // PAGINATION NEXT
    $('#pagination-reference a.next').click(function(event) {
      event.preventDefault();
      if(curPageRef != nbPagesRef) {
        var nextPage = curPageRef +1;
        $('ul#page-reference-' + curPageRef).fadeOut(500, function() {
          $('ul#page-reference-' + nextPage).fadeIn(500);
          curPageRef++;
        });
      }
    });
    
    // CLIQUE SUR UN PROJET
    $('.projet-reference').click(function(event) {
      event.preventDefault();
      var projet = $(this); // Element 'li'
      affichageProjetReference(projet);
    }); // FIN EVENEMENT PROJET
    
    
    // CLIQUE SUR UN PROJET DU SLIDER
    $('#secondline').click(function(event) {
      if(refOpen == true) { // Si un projet est déjà ouvert
        fermerProjetRef('#page-projects-references div.projects', htmlTempRef); // On le ferme
      }
      var url = $(this).attr('href');
      var id_projet = $(this).attr('title');
      var projet = $('#projet-' + id_projet);
      if(url == '#page-projects-references') {
        affichageProjetReference(projet);
      }
    });
  }
  
  function fermerProjetRef(context, html) {
    $(context).fadeOut(500, function() {
      $(this).empty().append(html).fadeIn(500);
      initialiserEventsRef();
      refOpen = false;
    });
  } 
  
  // AFFICHAGE D'UN PROJET REFERENCE
  function affichageProjetReference(projet) {
    var numProjet = projet.attr('id').split('-')[1]; // Récupération du numéro du projet
    
    // On masque la liste
    htmlTempRef = $('#page-projects-references div.projects').html(); //
    $('#page-projects-references div.projects').fadeOut(500, function() {
      $.ajax({
        url: 'traitements/ajax-recuperer-projet-reference.php',
        data: 'numProjet='+numProjet,
        type: 'POST',
        success: function(html) {
          refOpen = true;
          $('#page-projects-references div.projects').empty().append(html).fadeIn(500);
          
          $('#fermerProjetReference').click(function(event) {
            event.preventDefault();
            fermerProjetRef('#page-projects-references div.projects', htmlTempRef); // Fermeture d'un projet référence
          });
        } // fin success
      }); // fin ajax
    }); // fin clique
  }
  
  // INITIALISATION DES EVENEMENTS
  initialiserEventsRef();
  
});