/* ********************** */
/* REQUETE AJAX (en POST) */
/* ********************** */
var requete;
var fct_en_cours = false;					// pour éviter 2 requetes simultanées

/* Fonction ajax générique */
function chargerXMLDoc(url, fct, data){   
   if (window.XMLHttpRequest) { 			// creation d'un objet natif XMLHttpRequest (Mozilla, Safari)
	   requete = new XMLHttpRequest();
	   if(requete){
		   requete.onreadystatechange = fct;
		   requete.open("POST", url, true);
		   requete.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=utf-8'); 
		   requete.send(data);   			// null pour du GET, data sinon
	   }
   } else if (window.ActiveXObject) { 		// creation d'un objet Active X (IE version Windows)
	   requete = new ActiveXObject("Microsoft.XMLHTTP");
	   if (requete) {
		   requete.onreadystatechange = fct;
		   requete.open("POST", url, true);
		   requete.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=utf-8');	// pour un POST
		   requete.send(data);
	   }
   }
}

function cache(){		
	if(document.getElementById('cache')){
		var div = document.getElementById('popup');
		div.style.display = 'none';
		document.body.removeChild(document.getElementById('cache'));
		//hideSelect(0);
	}else{			
		var div = document.createElement('div');		
		div.className = 'cache';
		div.id = 'cache';	
		div.onclick = function(){ cache(); }
		div.innerHTML		= ' ';		
		document.body.appendChild(div);			
		//hideSelect(1);
	}		
}

function showBig(el){
	
	var div = document.createElement('div');		
	div.id = 'cache';
	div.onclick	= function(){ hideBig(); }
	
	div.innerHTML		= ' ';		
	//document.body.appendChild(div);
	
	var img  = document.createElement('IMG');
	
	var src_tmp = el.src;
	var src_arr = src_tmp.split('/');	
	img.setAttribute('src','http://www.houtinfobois.be/images/big_'+src_arr[src_arr.length-1]);
	//img.setAttribute('src','images/douglas_big.jpg');
	img.onclick	= function(){ hideBig(); }
	img.id = 'big';
	
	var top = getElementTop(el)+0;
	var left = getElementLeft(el)+55;
	
	img.style.position = 'absolute';
	img.style.top = top+'px';
	img.style.left = left+'px';
	img.style.border = '1px solid #ccc';
	
	document.body.appendChild(img);
}

function hideBig(){
	img = document.getElementById('big');	
	//div = document.getElementById('cache');	
	document.body.removeChild(img);
	//document.body.removeChild(div);
}

// pour positionner en top/left l'ul
function getElementLeft(elem) {	
	xPos = elem.offsetLeft;
	tempEl = elem.offsetParent;
	while (tempEl != null) {
		xPos += tempEl.offsetLeft;
		tempEl = tempEl.offsetParent;
	}
	return xPos;
}
function getElementTop(elem) {
	yPos = elem.offsetTop;
	tempEl = elem.offsetParent;
	while (tempEl != null) {
		yPos += tempEl.offsetTop;
		tempEl = tempEl.offsetParent;
	}
	return yPos;
}
function getElementsByClassName(node, classname){
  var a = [];
  var re = new RegExp('\\b' + classname + '\\b');
  var els = node.getElementsByTagName("*");
  for(var i=0,j=els.length; i<j; i++)
	 if(re.test(els[i].className))a.push(els[i]);
  return a;
}