var Mynav = navigator.appName;
ns = (Mynav == 'Netscape') ? 1:0;
ie = (Mynav == 'Microsoft Internet Explorer') ? 1:0;
var decal =700;
var value =1;
var timer;
tab_user=[
['35','0_97100000_1467909923.jpg','','530','298'],['36','0_34262100_1467909924.jpg','','490','367'],['39','0_70903100_1467910237.jpg','','640','480'],['40','0_14287600_1467910617.jpg','','640','480'],	['']
];

function setOpacity() {
	if(document.getElementById('outerImageContainer')!=NaN && document.getElementById('outerImageContainer')!=null){	
		value=value+1;
		document.getElementById('outerImageContainer').style.opacity = value/10;
		document.getElementById('outerImageContainer').style.filter = 'alpha(opacity=' + value*10 + ')';
		if (value==10){		
			document.getElementById('loading').style.display = 'none';
			clearTimeout(timer);
		}
		timer = setTimeout('setOpacity()',200);
	}
	else{
		var elem2 = document.getElementsByTagName('object'); for (var i=0; i < elem2.length; i++) elem2[i].style.visibility='visible';
		var elem2 = document.getElementsByTagName('embed'); for (var i=0; i < elem2.length; i++) elem2[i].style.visibility='visible';
	}
	
}
function cachetout(){
	document.getElementById('lightbox').style.visibility='hidden';	
	var elem2 = document.getElementsByTagName('object'); for (var i=0; i < elem2.length; i++) elem2[i].style.visibility='visible';
	var elem2 = document.getElementsByTagName('embed'); for (var i=0; i < elem2.length; i++) elem2[i].style.visibility='visible';	
}

function showphoto(id) {
var elem2 = document.getElementsByTagName('object'); for (var i=0; i < elem2.length; i++) elem2[i].style.visibility='hidden';
var elem2 = document.getElementsByTagName('embed'); for (var i=0; i < elem2.length; i++) elem2[i].style.visibility='hidden';
var texte='';
var w=0;
var h=0;
var t = 0;
var l = 0;

	for(i=0;i<tab_user.length-1;i++){
		if(tab_user[i][0]==id){
		w= parseInt(tab_user[i][3]) + 20;
		h= parseInt(tab_user[i][4]) +20;
		l=parseInt((decal-w)/2);
		if(!ie){
			t = (window.pageYOffset+(window.innerHeight)/2)-(h/2);
			t=parseInt(t);
			}
		if(ie){
			t = (document.body.scrollTop+(document.body.clientHeight)/2)-(h/2);
			t=parseInt(t);
			}
		
          texte = texte + '<div id="lightbox" style="top:' + t + '; margin-left:' + l + '" >';
              texte = texte + '<div id="outerImageContainer" style="width:' + w + ';height:' + h + '">';
                  texte = texte + '<div id="imageContainer">'; 
                      texte = texte + '<img  src="phototheque/' + tab_user[i][1] + '" id="lightboxImage">';
                      texte = texte + '<div  id="hoverNav">';
                          if(i>0){texte = texte + '<a href="#ancreph" id="prevLink" onclick="showphoto(' + tab_user[i-1][0] + ')"></a>';}
                          if(i<tab_user.length-1){texte = texte + '<a href="#ancreph" id="nextLink" onclick="showphoto(' + tab_user[i+1][0] + ')"></a>'; }
					  texte = texte + '</div>';
                      texte = texte + '<div id="loading">';
                          texte = texte + '<a href="#" id="loadingLink">';
                              texte = texte + '<img src="img/loading.gif"></a>';  
					texte = texte + '</div>';
                texte = texte + '</div>';
            texte = texte + '</div>';
              texte = texte + '<div id="imageDataContainer" style="width:' + w + '">';
                  texte = texte + '<div id="imageData">';
                      texte = texte + '<div id="imageDetails">';
                          texte = texte + '<span id="caption">' + tab_user[i][2] + '</span>';
                         texte = texte + '<span id="numberDisplay">' + parseInt(i+1) + ' / ' + parseInt(tab_user.length-1) + '</span>'; 
					 texte = texte + '</div>';
                      texte = texte + '<div id="bottomNav">';
                          texte = texte + '<a id="bottomNavClose">';
                            texte = texte + '<img src="img/closelabel.gif" width="66" height="22" onclick="cachetout()"> </a>'; 
					 texte = texte + '</div>';
                   texte = texte + '</div>';
               texte = texte + '</div>';
          texte = texte + '</div>';  		  
					break;
		} 
	}
	
	value =1;
	
	document.getElementById('iddivphoto').innerHTML=texte;
	setOpacity();


}