//Afficher / Masquer des elements
function showhide(action,element){
	if(action=='Show'){document.getElementById(element).style.display = 'block';}
	else{document.getElementById(element).style.display = 'none';}
}  																  


function showhidepage(element,nbelement){
	for(i=0;i<nbelement;i++){
		showhide('Hide','page'+i);
	}
	showhide('Show',element);
}

//Changer couleur arriere plan d'un element
function BgColor(action,element,color,color_hover){
	if(document.getElementById(element)){element = document.getElementById(element);}else{element = element;}  
	if(action == 'Over'){element.style.backgroundColor = color_hover;}
	else{element.style.backgroundColor = color;}	
}


function info_bulle(action,element,libelle){
	var obj = document.getElementById('info_bulle');
	
	if(document.getElementById(element)){
		var element = document.getElementById(element);
	}else{
		var element = element;
	}
							  
	if(action == 'Over'){
		left = getLeft(element)+30;
		top = getTop(element)+14; 					
		obj.style.left =  left + 'px';
		obj.style.top =  top +'px';
		obj.innerHTML = libelle;
		obj.style.display='block';
	}else{
		obj.style.display='none';	
	}
} 
/* 
function ho(action,element,html){
	var obj = document.getElementById(element+'hover');
	var img = document.getElementById(element);
	
	if(action=='Over'){				 
		//obj.style.left =  (getLeft(img)+120) +'px';
		//obj.style.top =  (getTop(img)+20) +'px';
		obj.style.display='block';
	}else{
		obj.style.display='none';
	}
}
*/
function getLeft(element){
	var offsetLeft=0;
	while(element != null){
		offsetLeft += element.offsetLeft;
		element = element.offsetParent;
	}
	return offsetLeft;
}

function getTop(element){
	var offsetTop=0;
	while(element != null){
		offsetTop += element.offsetTop;
		element = element.offsetParent;
	}
	return offsetTop;
}

function open_window(page,top,left,width,height)
{
	option = 'directories=0,location=0,menubar=0,toolbar=0,status=0,scrollbars=1,resizable=1,width='+width+',height='+height+',top='+top+',left='+left;
	window.open(page,'',option);
}