function slide(imag)
{
    img=document.getElementById(imag);
    if(img.style.opacity<1)
    {
	var op=Number(img.style.opacity);
	op+=0.2;
	img.style.opacity=op;
	img.style.filters="alpha(opacity="+op+")";
	setTimeout(function() { slide(imag); } ,100);
    }
}

function slideout(imag)
{
    img=document.getElementById(imag);
    if(img.style.opacity>0)
    {
	var op=Number(img.style.opacity);
	op-=0.2;
	img.style.opacity=op;
	img.style.filters="alpha(opacity="+op+")";
	setTimeout(function() { slideout(imag); } ,100);
    }
    else
    {
	var item=document.getElementById("popupgallery");
	item.parentNode.removeChild(item);
	var itemb=document.getElementById("popupgallery2");
	itemb.parentNode.removeChild(itemb);
    }
}

function popup(image)
{
    if(document.getElementById("popupgallery")) { 
	document.getElementById("picid").src=image;
	return;
     }
    
    var main = document.createElement("div");
    main.id="popupgallery2";
    main.style.position="absolute";
    main.style.opacity="0.8";
    main.style.filters="alpha(opacity=0.8)";
    main.style.top="0px";
    main.style.left="0px";
    main.style.width="100%";
    main.style.zIndex="999";
    main.style.height="100%";
    main.style.background="#000";
    
    div=document.createElement("div");
    div.id="popupgallery";
    div.style.position="absolute";
    var img = document.createElement("img");
    img.id="picid";
    img.style.opacity=0;
    img.style.filters="alpha(opacity=0)";
    img.src=image;
    //img.style.width="100%";
    img.style.height="100%";
    img.style.border="2px solid black";
    img.style.margin="0px";
    img.style.padding="0px"; 
    div.style.textAlign="center";   
    div.style.position="absolute";
    div.style.zIndex="1000";
    div.style.width="80%";
    div.style.margin="0px";
    div.style.padding="0px";
    div.style.height="80%";
    div.style.top="2%";
    div.style.left="10%";
    //div.style.border="1px solid black";
    div.backgroundcolor="#fff";
    div.onclick=function() { slideout("picid");  }
    div.appendChild(img);
    
    var p = document.createElement("p");
    p.style.border="1px solid black";
    p.style.background="white";
    p.style.margin="0px";
    p.style.padding="0px";    
    p.innerHTML="Fermer";
    div.appendChild(p);
//    main.appendChild(div);
    document.body.appendChild(main);
    document.body.appendChild(div);
    setTimeout(function() { slide("picid") },10);
}