// met à jour le compteur de la barre de navigation
function compteur(curr, next, opts) {
  var index = $(this).parent().children().index(this) + 1;
  var total = opts.slideCount;
  $('.compteur').html(" "+index+"/"+total+" ");
}  


// le pager    
function barreNavigation(){
    var html;
            
    // -- code HTML 
    html = '<div class="nav">';
    html += '<a id="prev1" href="#" title="image pr&eacute;c&eacute;dente"><span>Pr&eacute;c&eacute;dente</span></a>'; 
    html += '<span class="compteur">&nbsp;</span>';   
    html += '<a id="next1" href="#" title="image suivante"><span>Suivante</span></a>';
    html += '</div>';

    // ajout du code après le bloc "images" dans le bloc "citation"       
    $('#images').after(html);
}    

// rajoute les images dans un element
function chargerImage(jsImages, elem){

    var i;    
    var tabImages = jsImages.split(';');
           
    $(elem).ready(function() {
        for (i = 0; i < tabImages.length; i++) {             
            $('#images').append('<img src="'+tabImages[i]+'" alt="'+tabImages[i]+'" />');        
        }
       
    });
}