var elemToShow = new Array();
var showDuration = 500;
var elemToHide = new Array();
var hideDuration = 500;
var showComplete = true;

function miseEnForme(){
	var i;
	
	//Les titre h1
	var titre = document.getElementsByTagName('h1');
	var tt = titre[0];
	for(i=0;tt;i++){
		tt.innerHTML = '<img src="image/titre1_right.gif" style="float:right;" /> '+tt.innerHTML;
		tt = titre[i+1];
	}
	
	//Les titres h2
	var titre = document.getElementsByTagName('h2');
	var tt = titre[0];
	for(i=0;tt;i++){
		tt.innerHTML = '<img src="image/titre2_right.gif" style="float:right;" /> '+tt.innerHTML;
		tt = titre[i+1];
	}
	
	//Le menu competance
	var elem = $$('li.ssmenucomp0');
	var tog = null;
	for(var i=0;elem.length;i++){
		tog = elem[0].getPrevious();
		tog.ccm = 'comp'+i;
		tog.addEvent('click',function(){choseChantierMenu(this.ccm);});
		elem = $$('li.ssmenucomp'+(i+1));
	}
	
	//les menu chantier
	elem = $$('li.ssmenufr');
	tog = elem[0].getPrevious();
	
	tog.addEvent('click',function(){choseChantierMenu('fr');});

	elem = $$('li.ssmenuint');
	tog = elem[0].getPrevious();
	
	tog.addEvent('click',function(){choseChantierMenu('int');});
	
	if(!window.ie6) hideChantierMenu();
}

function hideChantierMenu2(e,z){
	if(!e[0].isHidden){
		elemToHide[z] = e;
		hideDuration = Math.floor(500/elemToHide[z].length);
		
		for(var i=0;i<elemToHide[z].length;i++){
			elemToHide[z][i].isHidden = true;
			elemToHide[z][i].setStyle('display', 'none');
			if(!window.ie6) elemToHide[z][i].setStyle('opacity', 0);
		}
	}
}

function hideChantierMenu(){
	var e = $$('li.ssmenufr');
	hideChantierMenu2(e,0);
	var e = $$('li.ssmenuint');
	hideChantierMenu2(e,1);
	var e = $$('li.ssmenucomp0');
	for(var i=0;e.length;i++){
		hideChantierMenu2(e,2+i);
		e = $$('li.ssmenucomp'+(i+1));
	}
}

function choseChantierMenu(type){
	if(!showComplete){
		setTimeout(function(){choseChantierMenu(type);},500);
		return;
	}
	showComplete = false;
	
	var e = $$('li.ssmenu'+type);
	if(!e[0].isHidden){
		showComplete = true;
		return;
	}
	
	hideChantierMenu();
	elemToShow = e;
	showDuration = Math.floor(500/elemToShow.length);
	
	for(var i=0;i<elemToShow.length;i++){
		elemToShow[i].isHidden = false;
		elemToShow[i].setStyle('display', 'block');
		new Fx.Styles(elemToShow[i],{
			duration: 500
		}).start({
			'opacity': [0, 1]
		});
	}
	
	showComplete = true;
}

function hideElem(news){
	if(document.all) news.setStyle('display', 'none');
}

function showElem(news){
	if(document.all) news.setStyle('display', 'block');
}