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

$(function() {
  // DEFINITION DES VARIABLES
  var numPage = 1;
  var curPage = 1;
  var nbPages = $('#en-cours').find('ul').length;
  $('#page-progress-' + curPage).fadeIn(2000);
  var htmlTemp = "";
  var enCoursOpen = false;
  
  
  
  
  function initialiserEvents() {
    // PAGINATION PREVIOUS
    $('#pagination-en-cours a.prev').click(function(event) {
      event.preventDefault();
      if(curPage > 1) {
        var prevPage = curPage -1;
        $('ul#page-progress-' + curPage).fadeOut(500, function() {
          $('ul#page-progress-' + prevPage).fadeIn(500);
          curPage--;
        });
      }
    });
    
    // PAGINATION NEXT
    $('#pagination-en-cours a.next').click(function(event) {
      event.preventDefault();
      if(curPage != nbPages) {
        var nextPage = curPage +1;
        $('ul#page-progress-' + curPage).fadeOut(500, function() {
          $('ul#page-progress-' + nextPage).fadeIn(500);
          curPage++;
        });
      }
    });
    
    // CLIQUE SUR UN PROJET
    $('.projet-en-cours').click(function(event) {
      event.preventDefault();
      var projet = $(this); // Element 'li'
      afficherProjetEnCours(projet);
    }); // FIN EVENEMENT PROJET
    
    
    $('#secondline').click(function(event) {
      if(enCoursOpen == true) { // Si un projet est déjà ouvert
        fermerProjetEnCours('#page-projects-en-cours div.projects', htmlTemp); // On le ferme
      }
      var url = $(this).attr('href');
      var id_projet = $(this).attr('title');
      var projet = $('#projet-' + id_projet);
      if(url == '#page-projects-en-cours') {
        afficherProjetEnCours(projet);
      }
    });
  }
  
  
  function fermerProjetEnCours(context, html) {
    $(context).fadeOut(500, function() {
      $(this).empty().append(html).fadeIn(500);
      initialiserEvents();
      enCoursOpen = false;
    });
  } 
  
  // AFFICHAGE D'UN PROJET
  function afficherProjetEnCours(projet) {
    var numProjet = projet.attr('id').split('-')[1]; // Récupération du numéro du projet
    
    // On masque la liste
    htmlTemp = $('#page-projects-en-cours div.projects').html(); // 
    $('#page-projects-en-cours div.projects').fadeOut(500, function() {
      $.ajax({
        url: 'traitements/ajax-recuperer-projet.php',
        data: 'numProjet='+numProjet,
        type: 'POST',
        success: function(html) {
          enCoursOpen = true;
          $('#page-projects-en-cours div.projects').empty().append(html).fadeIn(500);
          $('#fermerProjetEnCours').click(function(event) {
            event.preventDefault();
            fermerProjetEnCours('#page-projects-en-cours div.projects', htmlTemp);
          });
        } // fin success
      }); // fin ajax
    }); // fin clique
  }
  
  
  
  // INITIALISATION DES EVENEMENTS
  initialiserEvents();
  
  
});