function openWindow(ref){
    
    photo = fichiers[ref];
    var fenetre = document.createElement("div");
    fenetre.id = 'fenetre';
    fenetre.className = 'fenetre';
    hauteur_fenetre = document.body.clientHeight;
    fenetre.style.height = hauteur_fenetre+'px';
    var conteneur = document.createElement("div");
    conteneur.id = 'conteneur';
    conteneur.className = 'conteneur';
    top_conteneur = window.screen.height/4;
    var nombre_photos = fichiers.length-1;
    if(ref == nombre_photos){
        next = 1;
    }
    else{
        next = ref+1;
    }
    
    if(ref == 1){
        prev = nombre_photos;
    }
    else{
        prev = ref-1;
    }
    var correctionIeTop = '';
    var correctionIeBottom = '';
    if(getInternetExplorerVersion() <= 8.0){
      correctionIeTop = '<div class="top_photos"></div>';
      correctionIeBottom = '<div class="bottom_photos"></div>';
    }
    conteneur.innerHTML = correctionIeTop+'<div id="photo_number">'+ref+'/'+nombre_photos+'</div><a href="#" id="close_window" onclick="closeWindow();return false" ><img src="styles/img/close_window.png"/></a><a href="'+photo+'" id="previous" onclick="changePhoto('+prev+');return false;"><img src="styles/img/left_arrow.png"/></a><div id="photo" onclick="changePhoto('+next+')"><img id="loader" src="styles/img/loader.gif" /><img id="photo_courante" src="'+photo+'" alt="'+photo+'"/></div><a id="next" href="'+photo+'" onclick="changePhoto('+next+');return false;"><img src="styles/img/right_arrow.png"/></a></div>'+correctionIeBottom;
    fenetre.appendChild(conteneur);
    document.body.appendChild(fenetre);
    image = document.getElementById("photo_courante");
    image.style.display = 'none';
    addEvent(image,'load', function(){document.getElementById("loader").style.display = 'none'; image.style.display='inline';});
    
    addEvent(document, 'keydown', function(evenement){if(evenement.keyCode == 39) changePhoto(next); if(evenement.keyCode == 37) changePhoto(prev);});
}

function closeWindow(){
    var old = document.getElementById("fenetre");

    document.body.removeChild(old);
}

function changePhoto(ref){
   document.getElementById("loader").style.display = 'inline';
   document.getElementById("photo_courante").style.display = 'none';
    photo = fichiers[ref];
    image = document.getElementById("photo_courante");
    image.src = photo;
    var nombre_photos = fichiers.length-1;
    if(ref == nombre_photos){
        next = 1;
    }
    else{
        next = ref+1;
    }
    
    if(ref == 1){
        prev = nombre_photos;
    }
    else{
        prev = ref-1;
    }
    document.getElementById("photo").onclick = function(){changePhoto(next);return false;};
    document.getElementById("next").onclick = function(){changePhoto(next);return false;};
    document.getElementById("previous").onclick = function(){changePhoto(prev);return false;};
    document.getElementById("photo_number").innerHTML = ''+ref+'/'+nombre_photos+'';
}

function addEvent(obj,event,fct){
     if(obj.attachEvent)
        obj.attachEvent('on' + event,fct);
     else
        obj.addEventListener(event,fct,true);
}


/* Savoir si IE  */
function getInternetExplorerVersion()
// Returns the version of Internet Explorer or a -1
// (indicating the use of another browser).
{
  var rv = -1; // Return value assumes failure.
  if (navigator.appName == 'Microsoft Internet Explorer')
  {
    var ua = navigator.userAgent;
    var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
    if (re.exec(ua) != null)
      rv = parseFloat( RegExp.$1 );
  }
  return rv;
}