$(document).ready(function(){
	//Configuration
		  var retour = true;
		  var tempsTransition = 1000;
		  var affichePlayPause = true;
		  var lectureAutomatique = true;
		  	var tempsAttente = 6000;

		  var icones = new Array();
		  		icones['play'] = '/modules/slideshow/img/play_slider.png';
		  		icones['pause'] = '/modules/slideshow/img/pause_slider.png';

		  var currentPosition = 0;
		  var slideWidth = 708;
		  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').append('<div id="block_control"></div>');
  $('#block_control')
    .append('<img class="control" id="leftControl" src="http://rc.static-tiv.com/modules/slideshow/img/control_left_mini.png" />')
    .append('<img id="navDiapo" src="" alt="Navigation diaporama" />')
    .append('<img class="control" id="rightControl" src="http://rc.static-tiv.com/modules/slideshow/img/control_right_mini.png" />');



  // 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){
	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();
		}
	});
}

/*
 * ADMIN
 */

var editeur = '';

load_slide = function(id_slide) {
    $.post("/modules/slideshow/php/slideshow_php.php", {
            id_slide : id_slide,
            action : 'charger'
        },
    function success(data){
        CKEDITOR.remove(editeur);
        $('#a_visualiser_slide').html('');
        $('#a_visualiser_slide').html('<div id="a_slide_visualiser_slide"></div>');
        $('#a_slide_visualiser_slide').html(data);
        editeur = CKEDITOR.replace( 'a_slide_visualiser_slide' );
    });

    $('#a_titre_slide').css('display', 'block');
    $('#titre_slide').val($('#titre_slide_'+id_slide).html());
    $('#a_form').css('display', 'block');
    $('#save_diapo').css('display', 'block');
    $('#cancel_diapo').css('display', 'block');
    $('#create_new_slide').css('display', 'none');
    $('#a_id_slide').val(id_slide);
}

previsualiser_slide = function(id_slide) {
    $.post("/modules/slideshow/php/slideshow_php.php", {
            id_slide : id_slide,
            action : 'previsualiser'
        },
    function success(data){
        location.reload(true);
    });
}

publier_slide = function(id_slide) {
    $.post("/modules/slideshow/php/slideshow_php.php", {
            id_slide : id_slide,
            action : 'publier'
        },
    function success(data){
        location.reload(true);
    });
}

supprimer_slide = function(id_slide) {
    $.post("/modules/slideshow/php/slideshow_php.php", {
            id_slide : id_slide,
            action : 'supprimer'
        },
    function success(data){
        location.reload(true);
    });
}

nouveau_slide = function(contenu, titre, previsualiser, publier) {
    $.post("/modules/slideshow/php/slideshow_php.php", {
            titre_slide : titre,
            contenu_slide : contenu,
            previsualiser_slide : previsualiser,
            publier_slide : publier,
            action : 'nouveau'
        },
    function success(data){
        location.reload(true);
    });
}

update_slide = function(id_slide, contenu, titre, previsualiser, publier) {
    $.post("/modules/slideshow/php/slideshow_php.php", {
            id_slide : id_slide,
            titre_slide : titre,
            contenu_slide : contenu,
            previsualiser_slide : previsualiser,
            publier_slide : publier,
            action : 'update'
        },
    function success(data){
        location.reload(true);
    });
}

position_slide = function(slide_position, action) {
    $.post("/modules/slideshow/php/slideshow_php.php", {
            position_slide : slide_position,
            action_position : action,
            action : 'position'
        },
    function success(data){
        location.reload(true);
    });
}
/*
 * Bouton Nouveau Slide
 */

$('#create_new_slide').click(function() {
    CKEDITOR.remove(editeur);
    $('#a_visualiser_slide').html('');
    $('#a_visualiser_slide').html('<div id="a_slide_visualiser_slide" name="a_slide_visualiser_slide"></div>');
    editeur = CKEDITOR.replace( 'a_slide_visualiser_slide' );

    $('#a_titre_slide').css('display', 'block');
    $('#a_form').css('display', 'block');
    $('#save_new_diapo').css('display', 'block');
    $('#cancel_new_diapo').css('display', 'block');
    $('#create_new_slide').css('display', 'none');
})

/*
 * Bouton Enregistrer le nouveau slide
 */

$('#save_new_diapo').click(function() {
    var contenu = CKEDITOR.instances.a_slide_visualiser_slide.getData();
    var titre = $('#titre_slide').val();

    if ($("#previsualisation").attr("checked")==true)
        var previsualiser = 1;
    else
        var previsualiser = 0;

    if ($("#publier").attr("checked")==true)
        var publier = 1;
    else
        var publier = 0;

    nouveau_slide(contenu, titre, previsualiser, publier);
})

/*
 * Bouton Enregistrer les modifs du slide
 */

$('#save_diapo').click(function() {
    var id_slide = $('#a_id_slide').val();
    var contenu = CKEDITOR.instances.a_slide_visualiser_slide.getData();
    var titre = $('#titre_slide').val();

    if ($("#previsualisation").attr("checked")==true)
        var previsualiser = 1;
    else
        var previsualiser = 0;

    if ($("#publier").attr("checked")==true)
        var publier = 1;
    else
        var publier = 0;

    update_slide(id_slide, contenu, titre, previsualiser, publier);
})

/*
 * Bouton Annuler le nouveau slide
 */

$('#cancel_new_diapo').click(function() {
    $('#a_titre_slide').css('display', 'none');
    $('#a_form').css('display', 'none');
    $('#save_new_diapo').css('display', 'none');
    $('#cancel_new_diapo').css('display', 'none');
    $('#create_new_slide').css('display', 'block');
    $('#a_visualiser_slide').html('');
})

/*
 * Bouton Annuler la modif du slide
 */

$('#cancel_diapo').click(function() {
    $('#a_titre_slide').css('display', 'none');
    $('#a_form').css('display', 'none');
    $('#save_new_diapo').css('display', 'none');
    $('#cancel_new_diapo').css('display', 'none');
    $('#create_new_slide').css('display', 'block');
    $('#a_visualiser_slide').html('');
})

});