function getScrollXY(a) {
  var scrOfX = 0, scrOfY = 0;
  if( typeof( window.pageYOffset ) == 'number' ) {
    //Netscape compliant
    scrOfY = window.pageYOffset;
    scrOfX = window.pageXOffset;
  } else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
    //DOM compliant
    scrOfY = document.body.scrollTop;
    scrOfX = document.body.scrollLeft;
  } else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
    //IE6 standards compliant mode
    scrOfY = document.documentElement.scrollTop;
    scrOfX = document.documentElement.scrollLeft;
  }
  if(a)
  return scrOfY;
  else 
  return scrOfX;
}

function windowSize(a) {
  var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
  // window.alert( 'Width = ' + myWidth );
  // window.alert( 'Height = ' + myHeight );
    if(a)
  return myHeight;
  else 
  return myWidth;
}

function create_div(id){
	var diapo = document.createElement("div");
		diapo.id = "diapo"+id;
		diapo.className = "diapo";
		diapo.onclick = close;
		diapo.style.top="-600px";
		diapo.style.left="-600px";
		diapo.onclick = close;
	var image = document.createElement("img");
		image.id = "img_"+id;
		image.onload = append_large;
		diapo.appendChild(image);
	var text_close = document.createElement("p");
		text_close.innerHTML="Cliquer pour fermer";
		diapo.appendChild(text_close);
		document.body.appendChild(diapo);
}

function show_large(event){
	if (!event) event = window.event;

	X = event.clientX;
	Y = event.clientY;
	
	if(id_active!="null"){
		document.getElementById("diapo"+id_active).style.display="none";
	}
	
	var arr = this.src.split("/");
	var dir = arr[arr.length-2];
	var img_name = "P1010"+arr[arr.length-1];
	var big_src="";
	for (var i=0;i<arr.length-1;i++){
		big_src+=arr[i]+"/";
	}

	id_active=dir+"-"+img_name;
	
	if(!document.getElementById("diapo"+id_active)) {
		create_div(id_active); 
		document.getElementById("img_"+id_active).src=big_src+img_name;
	}else{
		append_large2(document.getElementById("img_"+id_active));
	}
}

function append_large(){
	this.parentNode.style.display="block";
	if((Y+this.parentNode.clientHeight/2)>windowSize(1)) topY = windowSize(1)-this.parentNode.clientHeight-30;
	else if((Y-this.clientHeight/2)<0) var topY = 10;
	else var topY = Y-parseInt(this.clientHeight/2);
	this.parentNode.style.top=getScrollXY(1)+topY+"px";
	if((X+this.parentNode.clientWidth/2)>windowSize(0)-20) topX = windowSize(0)-this.parentNode.clientWidth-50;
	else if((X-this.clientWidth/2)<0) var topX = 10;
	else var topX = X-parseInt(this.clientWidth/2);
	this.parentNode.style.left=getScrollXY(0)+topX+"px";
}

function append_large2(image){
	image.parentNode.style.display="block";
	if((Y+image.parentNode.clientHeight/2)>windowSize(1)) topY = windowSize(1)-image.parentNode.clientHeight-30;
	else if((Y-image.clientHeight/2)<0) var topY = 10;
	else var topY = Y-parseInt(image.clientHeight/2);
	image.parentNode.style.top=getScrollXY(1)+topY+"px";
	if((X+image.parentNode.clientWidth/2)>windowSize(0)-20) topX = windowSize(0)-image.parentNode.clientWidth-50;
	else if((X-image.clientWidth/2)<0) var topX = 10;
	else var topX = X-parseInt(image.clientWidth/2);
	image.parentNode.style.left=getScrollXY(0)+topX+"px";
}

function close(){
	document.getElementById("diapo"+id_active).style.display="none";
}

window.onload = function(){
	var table = document.getElementById("obleft").rows;
	var temp = document.location.href.split("/");
	var page = temp[temp.length-2];
	for(var i=0; i<table.length; i++){
		var cell1 = table[i].cells[0];
		var cell2 = table[i].cells[1];
		var temp2 = cell2.firstChild.href.split("/");
		var href = temp2[temp2.length-2];
		if(href == page){
			cell1.className = "glm01z";
			cell2.className = "glmz";
		}		
	}
	if(!document.getElementById("no-large-img")){
		id_active="null";
		var images = document.getElementsByTagName("IMG");
		for (var i=0;i<images.length;i++){
			images[i].onclick=show_large;
			images[i].style.cursor="pointer";
		}
	}
}