function review(){
indice=num+1;
temp1 = (indice/5);
temp2 = parseInt(temp1);
if(temp1 == temp2)
{
vi_old = 4;
vi_new = 0;
last = indice+5;
v=0;
for(j=indice;j<last;j++)
{
charger_photo(v, j);
v++;
}
}
else
{
vi_new = vi_old+1;
}
src_img=tabimg[indice];
afficher_photo(src_img);
current_vi(vi_old, vi_new);
vi_old = vi_new;
num=indice;
}

function preview(){
indice=num-1;
temp1 = (num/5);
temp2 = parseInt(temp1);
if(temp1 == temp2)
{
vi_old = 0;
vi_new = 4;
first = num-5;
v=0;
for(j=first;j<num;j++)
{
charger_photo(v, j);
v++;
}
}
else
{
vi_new = vi_old-1;
}
src_img=tabimg[indice];
afficher_photo(src_img);
current_vi(vi_old, vi_new);
vi_old = vi_new;
num=indice;
}
/* first */
function first(){
src_img=tabimg[num];
afficher_photo(src_img);
for(j=0;j<5;j++)
{
src_vi=tabimg[j];
if(src_vi != undefined)
{
document.getElementById(j).src=rep+"vi_"+src_vi;
document.getElementById(j).name=j;
}
else
{
document.getElementById(j).style.display = "none";
}
}
document.getElementById("0").className = "vi_current";
document.getElementById("0").style.cursor = "wait";
}
/* current_vi */
function current_vi(vi_old, vi_new)
{
document.getElementById(vi_old).className = "vi";
document.getElementById(vi_old).style.cursor = "pointer";
document.getElementById(vi_new).className = "vi_current";
document.getElementById(vi_new).style.cursor = "default";
}

/* charger_photo */
function charger_photo(v, j)
{
src_vi=tabimg[j];
if(src_vi != undefined)
{
document.getElementById(v).src=rep+"vi_"+src_vi;
document.getElementById(v).style.display = "inline";
document.getElementById(v).name=j;
}
else
{
document.getElementById(v).style.display = "none";
}
}
/* Afficher_photo */
function afficher_photo(src_img)
{
document.getElementById("photo").src=rep+src_img;
}
/* Afficher_direct */
function afficher_direct(img)
{
src_img=tabimg[img.name];
document.getElementById("photo").src=rep+src_img;
vi_new = parseInt(img.id);
current_vi(vi_old, vi_new);
vi_old = vi_new;
num=parseInt(img.name);
}
/* test */
function test()
{
if(num == 0){
document.getElementById("precedent").style.display="none";
}
else{
document.getElementById("precedent").style.display="inline";
}
if(num == nb_photo){
document.getElementById("suivant").style.display="none";
}
else{
document.getElementById("suivant").style.display="inline";
}
}
