function diaporama(num)  {

  	if(document.getElementById) {

	    lien_precedente ='&lt; Page précédente';
	    lien_suivante ='Page suivante &gt;';
	    lien_debut ='&lt;&lt; Début';
	    lien_fin ='Fin &gt;&gt;';
	    lien_suivante_img1 = '';
	    lien_suivante_img2 = '';
	    liste_pages = '';

	    if(num > 1) {

	      	lien_precedente = '<a href="/lecture/chapitre/'+chap+'#'+(num-1)+'" onClick="page_precedente();">&lt; Page précédente</a>';
	      	lien_debut = '<a href="/lecture/chapitre/'+chap+'#1" onClick="go_to_page(1);">&lt;&lt; Début</a>';

	    }

    	if(page[num+1] != null) {

      		lien_suivante_img1 = '<a href="/lecture/chapitre/'+chap+'#'+(num+1)+'" onClick="page_suivante();">';
      		lien_suivante_img2 = '</a>';
      		lien_suivante = '<a href="/lecture/chapitre/'+chap+'#'+(num+1)+'" onClick="page_suivante();">Page suivante &gt;</a>';
      		lien_fin = '<a href="/lecture/chapitre/'+chap+'#'+(page.length-1)+'" onClick="go_to_page('+(page.length-1)+');">Fin &gt;&gt;</a>';

      		imgload=new Image();
		  	imgload.src=page[num+1];

    	}

	    txt_page_courante ='Page n°'+(num);
	    document.getElementById('pagination').innerHTML = lien_debut+' '+lien_precedente+' &nbsp;&nbsp;&nbsp;'+txt_page_courante+'&nbsp;&nbsp;&nbsp; '+lien_suivante+' '+lien_fin;
	    document.getElementById('page_box').innerHTML = lien_suivante_img1+'<img src="'+page[num]+'" id="image" />'+lien_suivante_img2;
	    document.title = 'Naruto • Lecture du chapitre '+chap+' en ligne (page n°'+num+') :: CaptaiNaruto';

  	}

}

function go_to_page(num) {

  	if(page[num] != null)  {
	    page_courante = num;
	    diaporama(page_courante);
  	}

}

function page_precedente() {

  	if(page[page_courante-1] != null)  {

	    page_courante--;
	    diaporama(page_courante);

  	}

}

function page_suivante() {

  	if(page[page_courante+1] != null)  {

	    page_courante++;
	    diaporama(page_courante);

  	}

}

function navClavier(e) {

  	var keycode;
  	var image = document.getElementById('image');
  	var largeurEcran;

  	if (self.innerHeight) {// tous sauf IE
    	largeurEcran = self.innerWidth;
  	} else if (document.documentElement && document.documentElement.clientWidth) { // IE6 Strict Mode
    	largeurEcran = document.documentElement.clientWidth;
  	} else if (document.body) { // autres
    	largeurEcran = document.body.clientWidth;
  	}

  	if (window.event) keycode = window.event.keyCode;
  	else if (e) keycode = e.which;
  	if(keycode == 39 && page[page_courante+1] != null && largeurEcran >= image.width)  {
    	window.location.href = '/lecture/chapitre/'+chap+'#'+(page_courante+1);
    	page_suivante();
  	}
  	else if(keycode == 37 && page[page_courante-1] != null && largeurEcran >= image.width) {
    	window.location.href = '/lecture/chapitre/'+chap+'#'+(page_courante-1);
    	page_precedente();
  	}

}
