function view(img) {
var viewer=document.createElement('div');
var picview=document.createElement('div');
viewer.setAttribute("id","VIEWER");
picview.setAttribute("id","PICVIEW");

//viewer.innerHTML="<h4>&nbsp;</h4>";
document.getElementById('net').appendChild(viewer);
document.getElementById('net').appendChild(picview);

document.getElementById("VIEWER").style.top = 0;
document.getElementById("VIEWER").style.left = 0;
document.getElementById("VIEWER").style.width=document.body.clientWidth+30;
document.getElementById("VIEWER").style.height=document.getElementById("PDP").offsetTop+300;

document.getElementById("PICVIEW").style.top = document.body.scrollTop;
document.getElementById("PICVIEW").style.left = 0;
document.getElementById("PICVIEW").style.width=document.body.clientWidth+30;
document.getElementById("PICVIEW").style.height=document.body.clientHeight+30;

st=img.src.indexOf("/med/",0)+img.src.indexOf("/min/",0)+1;

picview.innerHTML="<img  src='images/close.gif' onClick='fin()' /><div align='center' id='diapo'><div id='load' ><img  src='images/loading.gif'  />&nbsp; Chargement...&nbsp; </div><img id='IMGMAX' style='display:none' onClick='fin()' src='"+img.src.substr(0,st)+"/max/"+img.src.substr(st+5,200)+"' onLoad='document.getElementById(\"load\").style.display=\"none\";    this.style.display=\"block\"'/></div><h3 style='width:40%;text-align:center;' ><img  src='images/fleur.gif' >"+img.alt+"<br>&nbsp;</h3><div style='width:400px;' ></div>";	
//document.body.scrollTop=500;
document.body.style.overflow = "hidden";
parent.scroll(0,document.getElementById("PICVIEW").offsetTop );

}

function fin() {

  document.getElementById('net').removeChild(document.getElementById('PICVIEW'));
   document.getElementById('net').removeChild(document.getElementById('VIEWER'));
   document.body.style.overflow = ""; 
}