var tab = new Array();
function traiteImage()
{
	var nbre = document.getElementById('leWys').getElementsByTagName('img').length;
	var e = document.getElementById('leWys').getElementsByTagName('img');
	
	for(i = 0; i < nbre; i++)
	{
		e[i].style.cursor = "pointer";
		//tab[i] = e[i].src;
		e[i].setAttribute('id','im'+i)
		//////////
		e[i].onclick=function(){ ouvre(this.id);  };
	}
}
 pageWidth = 0;pageHeight = 0;
function getWindow(){
  pageWidth =  window.innerWidth;
  pageWidth = (pageWidth)? pageWidth : document.documentElement.clientWidth;
  pageWidth = (pageWidth)? pageWidth: document.body.clientWidth;

  pageHeight =  window.innerHeight;
  pageHeight = (pageHeight)? pageHeight: document.documentElement.clientHeight;
  pageHeight = (pageHeight)? pageHeight: document.body.clientHeight;
}
function changeOpac(opacity) 
{
    var object = document.getElementById('agIm').style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";
}
function opacity(opacStart, opacEnd, millisec) 
{
    //speed for each frame
    var speed = Math.round(millisec / 100);
    var timer = 0;
   if(opacStart < opacEnd) 
   {
		for(i = opacStart; i <= opacEnd; i++) 
		{
            setTimeout("changeOpac(" + i + ")",(timer * speed));
            timer++;
        }
   }
}
function ouvre(indice)
{
	hauteur = document.body.scrollHeight;
	var im = document.getElementById(indice).src;
	if(document.getElementById('recherche'))
	document.getElementById('recherche').style.display = "none";
	document.getElementById('noircir').style.height = hauteur+"px";
	document.getElementById('noircir').style.display = "block";
	document.getElementById('noircir').style.position = "absolute";
	document.getElementById('noircir').style.top = "0px";
	document.getElementById('noircir').style.left = "0px"
	document.getElementById('noircir').style.zIndex = "199";
	document.getElementById('agIm').style.display = "block";
	document.getElementById('agIm').style.zIndex = "200";
	document.getElementById('agIm').style.padding = "20";
	document.getElementById('agIm').style.paddingBottom = "2";
	document.getElementById('agIm').style.position = "absolute";
	document.getElementById('agIm').innerHTML = '<img src="'+im+'"/>';
	document.getElementById('agIm').innerHTML += '<br/><div style="width:100%;text-align:right;color:#ffffff;cursor:pointer;font-weight:bold;" onclick = "ferme();">X</div>';
	getWindow();
	var myDiv = document.getElementById('agIm');
	var posLeft = (pageWidth-myDiv.offsetWidth)/2;
	myDiv.style.left = (posLeft<0)?0+"px":posLeft+"px";
	var posTop = (pageHeight-myDiv.offsetHeight)/2;
	myDiv.style.top = (posTop<0)?0+"px":posTop+"px";
	opacity(0,100,600);
}
function ferme()
{
	if(document.getElementById('recherche'))
	document.getElementById('recherche').style.display = "block";
	document.getElementById('noircir').style.display = "none";
	document.getElementById('agIm').innerHTML = "";
	document.getElementById('agIm').style.display = "none";
}