function get(element){
var el=document.getElementById(element);
return el;
}

function fade_in_out(element){
var el=get(element);
if ((el.style.display=="none") || (el.style.display==""))affiche(element,1);
else if((el.style.display=="block")||(el.style.display=="inline"))masque(element,1);
}

function masque(element,tps,vts){
var el=get(element);
	if(!vts)var vts=300;
	if(!tps || tps==0)
		el.style.display="none";
	else setTimeout("fadeout('"+element+"','"+vts+"');",tps);
}

function affiche(element,tps,vts){
var el=get(element);
	if(!vts)var vts=300;
	if(!tps || tps==0){
		//changeOpac(100,element);
		el.style.display="block";
	}else setTimeout("fadein('"+element+"','"+vts+"');",tps);
}

function changeOpac(opacity,id) {
	var object=get(id).style;  
	if(opacity==0)
		masque(id);
	else 
		object.display="block";
	object.opacity = (opacity / 100);  
	object.MozOpacity = (opacity / 100);  
	object.KhtmlOpacity = (opacity / 100);  
	object.filter = "alpha(opacity=" + opacity + ")";  
}  

function fadein(element,vitesse){
	var speed = Math.round(vitesse / 100);  
	var timer= 0;  
	changeOpac(1,element);
	for(i=0;i<= 100;i++){  
		setTimeout("changeOpac("+i+",'"+element+"')",(timer*speed));  
		timer++;  
	}
}

function fadeout(element,vitesse){ 
	var speed = Math.round(vitesse / 100);  
	var timer= 0;
	changeOpac(100,element);
	for(i=100;i>=0;i--){  
		setTimeout("changeOpac("+i+",'"+element+"')",(timer*speed));  
		timer++;  
	}
}


function zoomIn(element){
	var el=get(element);
	el.style.width=parseInt(el.width + 1) +'px';
}
function zoomOut(element){
	var el=get(element);
	el.style.width=parseInt(el.width - 1) +'px';
}
function zoom(e,mode,vitesse){
	if(!e)e=window.event;
	var speed = Math.round(vitesse / 100);  
	var timer= 0;  
	var monImage=(e.target)? e.target:e.srcElement;
	if(mode=='in'){
		for(i=0;i<=200;i++){  
			setTimeout("zoomIn('"+monImage.id+"')",(timer*speed));  
			timer++;  
		}
	}else{
		for(i=200;i>=0;i--){  
			setTimeout("zoomOut('"+monImage.id+"')",(timer*speed));  
			timer++;  
		}
	}
}

function displayChildren(element){
	var el=get(element);
	var allChild = el.childNodes;
	for (var i = 0; i< allChild.length; i++) {
		if(allChild[i].className='li'){
		  fade_in_out(allChild[i].id);
		 }
	}
}