function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}

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

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

function gendiapoclick(tab,nb)
{
	return function()
	{
			/*var item=document.getElementById("popupgallery");
			item.parentNode.removeChild(item);
			var itemb=document.getElementById("popupgallery2");
			itemb.parentNode.removeChild(itemb);*/
			popup(tab[nb],tab,nb);
			return false;
	}
}	

function transition(img,image)
{
	var trans;
	if(!document.getElementById("transitionimg"))
	{
		trans=document.createElement("img")
		trans.src=image;

		var pos = findPos(img);
		trans.style.position="absolute";
		trans.style.left=pos[0]+"px";
		trans.style.top=pos[1]+"px";
		trans.style.opacity=0;
		trans.style.filter="alpha(opacity=0)";
		document.body.appendChild(trans);
	}
	else { trans=document.getElementById("transitionimg"); }
	setTimeout(function() { transitionslide(img,trans); },100);
}

function transitionslide(imgold,imgnew)
{
    if(imgold.style.opacity>0)
    {
	var op=Number(imgold.style.opacity);
	op-=0.2;
	imgold.style.opacity=op;
	imgold.style.filter="alpha(opacity="+op*100+")";
	imgnew.style.opacity=1-op;
	imgnew.style.filter="alpha(opacity="+(1-op)*100+")";
	setTimeout(function() { transitionslide(imgold,imgnew); } ,100);
    }
    else
	{
		imgold.src=imgnew.src;
		imgnew.style.display="none";
		imgold.style.opacity=1;
		imgold.style.filter="alpha(opacity=100)";
    }	
}

// Appel popup(image); ou popup(image,tableau_d_images, indice en cours)
function popup(image,tab,nb,msg)
{
	scroll(0,0);
	/*document.body.style.overflowY="hidden";
	document.body.style.overflowX="hidden";*/

    var main;
    if(document.getElementById("popupgallery2")) { main=document.getElementById("popupgallery2"); }
    else
    {
		main = document.createElement("div");
		main.id="popupgallery2";
		if (/MSIE (5\.5|6\.)/.test(navigator.userAgent) )
		{
			main.style.position="absolute";
		}
		else
		{
			main.style.position="fixed";
		}
		main.style.opacity="0.7";
		if(!/MSIE (5\.5|6\.)/.test(navigator.userAgent) )
		{
			main.style.filter="alpha(opacity="+0.7*100+")";
			main.style.background="#000";
		}
		main.style.top="0px";
		main.style.left="0px";
		main.style.width="100%";
		main.style.height="100%";
		
    }
    
    var div;
    var mdiv=document.getElementById("mainpopup");
    if(document.getElementById("popupgallery")) { div=document.getElementById("popupgallery"); }
    else
    {
		var mdiv=document.createElement("div");
		document.body.appendChild(main);
		document.body.appendChild(mdiv);
		//div.id="popupgallery";
		mdiv.style.background="#fff";
		mdiv.id="mainpopup";
		mdiv.style.border="2px solid #999";
		mdiv.style.position="absolute";
		mdiv.style.width="60%";
		mdiv.style.margin="0px";
		mdiv.style.padding="0px";
		mdiv.style.top="5%";
		mdiv.style.left="25%";
		mdiv.style.textAlign="center";
		/*div.style.border="1px solid black";*/
		mdiv.backgroundcolor="white";
		/* CREATION DE LA DIV CONTENANT L IMAGE */
		
		div = document.createElement("div");
		//div.style.height="100px";
		div.id="popupgallery";
		mdiv.appendChild(div);
	}
    
    var img
    if(document.getElementById("picid")) 
    { 
		img=document.getElementById("picid");  
		transition(img,image);
	}
    else
    {
		img = document.createElement("img");
		img.id="picid";
		img.style.opacity=0;
		img.style.filter="alpha(opacity=0)";
		// img.src=image;
		img.src=image;

		img.style.height="auto";
		img.style.margin="5px";
		img.style.padding="0px";    
		div.appendChild(img);
		setTimeout(function() { slide("picid") },10);
	}

    
    var minis;
	if(tab && !document.getElementById("minis"))
	{
		minis= document.createElement("p");
		minis.id="minis";
		/*minis.style.border="1px solid black";*/
		minis.style.background="white";
		minis.style.margin="0px";
		minis.style.padding="0px";    
		mdiv.appendChild(minis);
		
		var max=0;
		for(var i=0;i<tab.length-1;i++)
		{
			// PRELOAD
			var image= new Image;
			image.src=tab[i];
			image.onload= function()
			{
				if(max<image.height) { max=image.height; div.style.height=(max)+"px"; }
			}
			if(max<image.height) { max=image.height; div.style.height=(max)+"px"; }
			
			// FIN PRELOAD
			
			var previous= document.createElement("a");
			previous.href="#";
			var imgprevious= document.createElement("img");
			imgprevious.id="previousid"+i;
			pattern = /(.*)\.(.+?)/i;
			replyPattern = "$1"+"_miniature2.$2";
			if(nb==i)
			{
				imgprevious.style.border="2px solid orange"; 
			}
			imgprevious.src= tab[i].replace(pattern, replyPattern);
			imgprevious.alt="mini"+i;
			imgprevious.style.margin="5px";
			
			//var previous= document.createElement("span");
			previous.onclick= gendiapoclick(tab,i);
			previous.appendChild(imgprevious);
			minis.appendChild(previous);	
		}
	}
	else if(tab)
	{
		for(var i=0;i<tab.length-1;i++)
		{
			var imgprevious=document.getElementById("previousid"+i);
			if(nb==i) 	{ imgprevious.style.border="2px solid orange"; 	}
			else { imgprevious.style.border="none";  }
		}
	}
	if(!document.getElementById("fermerpopup"))
	{
		var p2=document.createElement("p");
		p2.style.fontStyle="italic";
		p2.innerHTML=msg;
		
		var p = document.createElement("p");
		p.onclick=function() 
		{ 
			slideout("picid"); 
			document.body.style.overflowY="auto";
		}
		p.id="fermerpopup";
		var a= document.createElement("a");
		a.href="#";
		a.style.display="block";
		a.style.textDecoration="none";
		a.style.fontWeight="bold";
		a.style.padding="5px";
		a.style.color="black";
		a.onclick=function() 
		{ 
			slideout("picid"); 
			document.body.style.overflowY="auto";
		}
	   /*p.style.border="1px solid #607ea4";*/
	    var img=document.createElement("img");
	    img.src="/images/global/close_fr.png";
	    img.alt="Fermer la fenêtre";
	    a.appendChild(img);

		p.style.background="white";
		p.style.margin="0px";
		p.style.padding="0px";    
		p.appendChild(a);
		mdiv.appendChild(p2);
		mdiv.appendChild(p);	
    }
	
	
    
//    main.appendChild(div);

    
}