function agrandir(numero)
{

/*split = image[numero].split("|")
imageCourante = new Image();
imageCourante.src = path + split[0] + ".jpg";

marge_x = 35;
marge_y = 35;

largeur_fen = imageCourante.width + marge_x ;
hauteur_fen = imageCourante.height + marge_y ;*/
// on reste finalement en 800x600
largeur_fen = 850;
hauteur_fen = 650;

position_y = 30;
position_x = 30;


//Création de la fenetre
proprietes = "toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,resizable=1";
proprietes += ", width=" + largeur_fen + ", height=" + hauteur_fen + ", top=" + position_y + ", left=" + position_x;
fenetre = window.open("" , "", proprietes);

//Code se retrouvant dans la fenetre
code = "       <HTML>                                               \n";
code += "      <HEAD>                                               \n";
code += "      <TITLE>" + split[1] + "</TITLE>                      \n";

code += "      <link href=\"css\/lbl.css\" rel=\"stylesheet\" type=\"text\/css\">";

code += "      <SCRIPT language='Javascript'>                       \n";

//transmet le tableau image() pour etre utilisé
code += "      var image = new Array ()                             \n";

for (z = 0 ; z < image.length ; z++)
{
  split = image[z].split('|');
  code += "    image[" + z + "] = \"" + path + split[0] + ".jpg\";  \n";
}
code += "      var description = new Array ()                       \n";
code += "                                                           \n";

for (z = 0 ; z < image.length ; z++)
{
  split = image[z].split('|');
  code += "    description[" + z + "] = \"" + split[1] + "\";       \n";
}

code += "                                                           \n";
code += "      var image_courrante = " + numero + "                 \n";
code += "                                                           \n";

//pour passer à la prochaine image
code += "      function suiv()                                      \n";
code += "      {                                                    \n";
code += "          image_courrante++                                \n";
code += "          if (image_courrante > image.length-1)            \n";
code += "          {                                                \n";
code += "               image_courrante = 0;                        \n";
code += "          }                                                \n";
code += "          document.imageAff.src = image[image_courrante] ; \n";
code += "          document.getElementById('description').innerHTML = description[image_courrante];";
//code += "          window.resizeTo(document.imageAff.width + " + marge_x + ", document.imageAff.height + " + marge_y + "); \n";
code += "          window.document.title = description[image_courrante];\n";
code += "                                                             ";
code += "       }                                                   \n";
code += "                                                           \n";

//Pour passer à l'image précédante
code += "      function prec()                                      \n";
code += "      {                                                    \n";
code += "          image_courrante--                                \n";
code += "          if (image_courrante < 0)                         \n";
code += "          {                                                \n";
code += "               image_courrante = image.length-1;           \n";
code += "          }                                                \n";
code += "          document.imageAff.src = image[image_courrante] ; \n";
code += "          document.getElementById('description').innerHTML = description[image_courrante];";
//code += "          window.resizeTo(document.imageAff.width + " + marge_x + ", document.imageAff.height + " + marge_y + "); \n";
code += "          window.document.title = description[image_courrante];\n";
code += "      }                                                    \n";
code += "                                                           \n";
code += "</SCRIPT>                                                  \n";
code += "                                                           \n";
code += "</HEAD>                                                    \n";

code += "<BODY>                                                     \n";

//Dans l'ordre: les bouttons précédante / suivante, l'image et sa description

code += "<DIV class=diapo>                                          \n";

code += "<DIV class=prec><IMG name='imagePrec' SRC='images\/boutons\/prec.jpg' onclick='javascript:prec();\n' alt=''></DIV>";
code += "<DIV class=suiv><IMG SRC=\"images\/boutons\/suiv.jpg\" onclick='javascript:suiv();\n' alt=''></DIV>";

split = image[numero].split('|');

code += "<DIV class=image><IMG name='imageAff' SRC='" + path + split[0] + ".jpg' onclick='javascript:window.close();'></DIV>\n";
code += "<DIV id=description>" + split[1] + "</DIV>               \n";

code += "</DIV>                                                     \n";

code += "</BODY>\n";
code += "</HTML>\n";

//ecriture du code
fenetre.document.write(code)
}
