function rendActif(param1, param2, param3) {
	document.getElementById(param1).className = "actif"; 
	document.getElementById(param2).className = "actif";
	document.getElementById(param3).className = "moins"; 
	document.getElementById(param3).innerHTML = "-";
}

function rendInactif(param1, param2, param3) {
	document.getElementById(param1).className = "inactif"; 
	document.getElementById(param2).className = "inactif";
	document.getElementById(param3).className = "plus"; 
	document.getElementById(param3).innerHTML = "+";
}



window.addEvent('domready', function() {
	var status = {
		'true': 'open',
		'false': 'close'
	};
	
	//-vertical

	var myVerticalSlideBienvenueToggle = new Fx.Slide('contenu_bienvenue');
	var myVerticalSlideBienvenueSlideOut = new Fx.Slide('contenu_bienvenue');
	
	var myVerticalSlideCompetencesToggle = new Fx.Slide('contenu_competences');
	var myVerticalSlideCompetencesSlideOut = new Fx.Slide('contenu_competences');
	
	var myVerticalSlidePartenairesToggle = new Fx.Slide('contenu_partenaires');
	var myVerticalSlidePartenairesSlideOut = new Fx.Slide('contenu_partenaires');

	var myVerticalSlideInterventionToggle = new Fx.Slide('contenu_intervention');
	var myVerticalSlideInterventionSlideOut = new Fx.Slide('contenu_intervention');

	var myVerticalSlideCarteToggle = new Fx.Slide('contenu_carte');
	var myVerticalSlideCarteSlideOut = new Fx.Slide('contenu_carte');
	
	$('haut_bienvenue').addEvent('click', function(e){
		e.stop();
		myVerticalSlideBienvenueToggle.slideIn();
		myVerticalSlideCompetencesSlideOut.slideOut();
		myVerticalSlidePartenairesSlideOut.slideOut();
		myVerticalSlideInterventionSlideOut.slideOut();
		myVerticalSlideCarteSlideOut.slideOut();
	});
	
	$('haut_competences').addEvent('click', function(e){
		e.stop();
		myVerticalSlideBienvenueSlideOut.slideOut();
		myVerticalSlideCompetencesToggle.slideIn();
		myVerticalSlidePartenairesSlideOut.slideOut();
		myVerticalSlideInterventionSlideOut.slideOut();
		myVerticalSlideCarteSlideOut.slideOut();
	});
	
	$('haut_partenaires').addEvent('click', function(e){
		e.stop();
		myVerticalSlideBienvenueSlideOut.slideOut();
		myVerticalSlideCompetencesSlideOut.slideOut();
		myVerticalSlidePartenairesToggle.slideIn();
		myVerticalSlideInterventionSlideOut.slideOut();
		myVerticalSlideCarteSlideOut.slideOut();
	});
	
	$('haut_intervention').addEvent('click', function(e){
		e.stop();
		myVerticalSlideBienvenueSlideOut.slideOut();
		myVerticalSlideCompetencesSlideOut.slideOut();
		myVerticalSlidePartenairesSlideOut.slideOut();
		myVerticalSlideInterventionToggle.slideIn();
		myVerticalSlideCarteSlideOut.slideOut();
	});
	
	$('haut_carte').addEvent('click', function(e){
		e.stop();
		myVerticalSlideBienvenueSlideOut.slideOut();
		myVerticalSlideCompetencesSlideOut.slideOut();
		myVerticalSlidePartenairesSlideOut.slideOut();
		myVerticalSlideInterventionSlideOut.slideOut();
		myVerticalSlideCarteToggle.slideIn();
	});
	
	
	myVerticalSlideBienvenueSlideOut.addEvent('complete', function() {
			rendInactif('haut_bienvenue','h3_bienvenue','deplie_bienvenue');

	});
	
	myVerticalSlideCompetencesSlideOut.addEvent('complete', function() {
			rendInactif('haut_competences','h3_competences','deplie_competences');		
	});
	
	myVerticalSlidePartenairesSlideOut.addEvent('complete', function() {
			rendInactif('haut_partenaires','h3_partenaires','deplie_partenaires');
	});
	
	myVerticalSlideInterventionSlideOut.addEvent('complete', function() {
			rendInactif('haut_intervention','h3_intervention','deplie_intervention');
	});
	
	myVerticalSlideCarteSlideOut.addEvent('complete', function() {
			rendInactif('haut_carte','h3_carte','deplie_carte');
	});
	
	
	myVerticalSlideBienvenueToggle.addEvent('complete', function() {
			rendInactif('haut_competences','h3_competences','deplie_competences');
			rendActif('haut_bienvenue','h3_bienvenue','deplie_bienvenue');
			rendInactif('haut_partenaires','h3_partenaires','deplie_partenaires');
			rendInactif('haut_intervention','h3_intervention','deplie_intervention');
			rendInactif('haut_carte','h3_carte','deplie_carte');
			document.title = "Bureau Bleu Agence Relations Presse Communication Institutionnelle";
	});
	
	myVerticalSlideCompetencesToggle.addEvent('complete', function() {
		
			rendActif('haut_competences','h3_competences','deplie_competences');
			rendInactif('haut_bienvenue','h3_bienvenue','deplie_bienvenue');
			rendInactif('haut_partenaires','h3_partenaires','deplie_partenaires');
			rendInactif('haut_intervention','h3_intervention','deplie_intervention');
			rendInactif('haut_carte','h3_carte','deplie_carte');
			document.title = "Bureau Bleu Agence Conseil Communication d’image et relation médias";
		
	});
	
	myVerticalSlidePartenairesToggle.addEvent('complete', function() {
		
			rendInactif('haut_competences','h3_competences','deplie_competences');
			rendInactif('haut_bienvenue','h3_bienvenue','deplie_bienvenue');
			rendActif('haut_partenaires','h3_partenaires','deplie_partenaires');
			rendInactif('haut_intervention','h3_intervention','deplie_intervention');
			rendInactif('haut_carte','h3_carte','deplie_carte');
			document.title = "Bureau Bleu Agence Conseil Réseau d’experts";
		
	});
	
	myVerticalSlideInterventionToggle.addEvent('complete', function() {
		
			rendInactif('haut_competences','h3_competences','deplie_competences');
			rendInactif('haut_bienvenue','h3_bienvenue','deplie_bienvenue');
			rendInactif('haut_partenaires','h3_partenaires','deplie_partenaires');
			rendActif('haut_intervention','h3_intervention','deplie_intervention');
			rendInactif('haut_carte','h3_carte','deplie_carte');
			document.title = "Bureau Bleu Agence Conseil Cas Clients";
		
	});
	
	myVerticalSlideCarteToggle.addEvent('complete', function() {
		
			rendInactif('haut_competences','h3_competences','deplie_competences');
			rendInactif('haut_bienvenue','h3_bienvenue','deplie_bienvenue');
			rendInactif('haut_partenaires','h3_partenaires','deplie_partenaires');
			rendInactif('haut_intervention','h3_intervention','deplie_intervention');
			rendActif('haut_carte','h3_carte','deplie_carte');
			document.title = "Bureau Bleu Contact";
		
	});
	
	
	
	var compteClicBas = 0;

	var myVerticalSlideBloc1SlideOut = new Fx.Slide('bloc_1');
	var myVerticalSlideBloc2SlideOut = new Fx.Slide('bloc_2');
	var myVerticalSlideBloc3SlideOut = new Fx.Slide('bloc_3');	
	
	var myVerticalSlideBloc1SlideIn = new Fx.Slide('bloc_1');
	var myVerticalSlideBloc2SlideIn = new Fx.Slide('bloc_2');
	var myVerticalSlideBloc3SlideIn = new Fx.Slide('bloc_3');
	

	document.getElementById('fleche_haut').style.display="none";
	$('fleche_bas').addEvent('click', function(e){		
		e.stop();
		if(compteClicBas==0){
			myVerticalSlideBloc1SlideOut.slideOut();
			myVerticalSlideBloc2SlideIn.slideIn();
			document.title = "Bureau Bleu Agence Conseil Communication Crise";	
		}
		else {
			myVerticalSlideBloc2SlideOut.slideOut();
			//myVerticalSlideBloc3SlideIn.slideIn();
			document.getElementById('fleche_bas').style.display="none";	
			document.getElementById('onglet_editorial').style.display="none";
			document.title = "Bureau Bleu Créativité des idées et des messages ";									
		}
		compteClicBas++;
	});
	
	$('fleche_haut').addEvent('click', function(e){
		e.stop();
		if(compteClicBas == 1){
			myVerticalSlideBloc1SlideIn.slideIn();
			document.getElementById('fleche_haut').style.display="none";
			document.title = "Bureau Bleu Agence Conseil Communication d’image et relation médias";
		}
		else {
			if(compteClicBas == 2){
				myVerticalSlideBloc2SlideIn.slideIn();
				document.title = "Bureau Bleu Agence Conseil Communication Crise";				
			}		
		}
		compteClicBas--;
	});
	
	$('ong_com').addEvent('click', function(e){
		myVerticalSlideBloc1SlideIn.slideIn();
		//myVerticalSlideBloc2SlideOut.slideOut();
		//myVerticalSlideBloc3SlideOut.slideOut();
		compteClicBas=0;
		document.getElementById('fleche_haut').style.display="none";
		document.getElementById('onglet_conseil').style.display="none";
		document.title = "Bureau Bleu Agence Conseil Communication d’image et relation médias";
		
	});
	
	$('ong_conseil').addEvent('click', function(e){
		myVerticalSlideBloc1SlideOut.slideOut();
		myVerticalSlideBloc2SlideIn.slideIn();
		//myVerticalSlideBloc3SlideOut.slideOut();
		compteClicBas=1;
		document.getElementById('fleche_bas').style.display="block";
		document.getElementById('onglet_conseil').style.display="none";
		document.title = "Bureau Bleu Agence Conseil Communication Crise";
	});
	
	$('ong_editorial').addEvent('click', function(e){
		myVerticalSlideBloc1SlideOut.slideOut();
		myVerticalSlideBloc2SlideOut.slideOut();
		compteClicBas=2;
		document.getElementById('fleche_bas').style.display="none";
		document.getElementById('onglet_editorial').style.display="none";
		document.getElementById('onglet_conseil').style.display="block";
		document.getElementById('onglet_communication').style.display="block";
		document.getElementById('fleche_haut').style.display="block";
		document.title = "Bureau Bleu Agence Conseil Communication Crise";
	});
	
	
	myVerticalSlideBloc2SlideOut.addEvent('complete', function() {
		document.getElementById('onglet_conseil').style.display="block";			
	});
	
	myVerticalSlideBloc1SlideIn.addEvent('complete', function() {
		document.getElementById('onglet_communication').style.display="none";
		document.getElementById('fleche_bas').style.display="block";
		document.getElementById('onglet_conseil').style.display="block";
		document.getElementById('onglet_editorial').style.display="block";			
	});
	
	myVerticalSlideBloc1SlideOut.addEvent('complete', function() {
		document.getElementById('fleche_haut').style.display="block";
		document.getElementById('onglet_communication').style.display="block";
	});
	
	myVerticalSlideBloc2SlideIn.addEvent('complete', function() {
		document.getElementById('fleche_bas').style.display="block";
		document.getElementById('onglet_conseil').style.display="none";
		document.getElementById('onglet_editorial').style.display="block";
	});
	
	
	var div = document.getElementsByTagName('div');
var dimension = 0;
for (i = 0 ; i < div.length ; i++)
{
if (div[i].className=='logo_univers')
{
dimension++;
}
};
	//var elements = document.getElementsByClassName('logo_univers');

	//var dimension=elements.length;
	
	var tailleLogos = dimension *150;
	document.getElementById('logos').style.width = tailleLogos+"px"; 
	
	var myHorizontalSlideLogoSlideOut = new Array();
	var myHorizontalSlideLogoSlideIn = new Array();
	for(i=0; i<dimension; i++){
		var indice = i+1;
		myHorizontalSlideLogoSlideOut[i] = new Fx.Slide('logo_'+indice, {mode: 'horizontal'});
		myHorizontalSlideLogoSlideIn[i] = new Fx.Slide('logo_'+indice, {mode: 'horizontal'});

	}

	
	var compteClic = 0;
	
	$('fleche_droite').addEvent('click', function(e){		
		e.stop();
		if(compteClic < dimension -3) {
			myHorizontalSlideLogoSlideOut[compteClic].slideOut();	
			compteClic++;
		}
	});
	
	$('fleche_gauche').addEvent('click', function(e){		
		e.stop();
		var compteClic2 = compteClic-1;
		myHorizontalSlideLogoSlideIn[compteClic2].slideIn();		
		compteClic--;
	});
	
	
	
	/*$('contact_lightbox').addEvent('click', function(e){
		e.stop();
		document.getElementById('lightbox').style.display="block";
	});
	
	$('ferme_lightbox_contact').addEvent('click', function(e){
		e.stop();
		document.getElementById('lightbox').style.display="none";
	});
	
	$('extranet_lightbox').addEvent('click', function(e){
		e.stop();
		document.getElementById('lightbox_extranet').style.display="block";
	});
	
	$('ferme_lightbox_extranet').addEvent('click', function(e){
		e.stop();
		document.getElementById('lightbox_extranet').style.display="none";
	});
	*/
	
	var el = $('lightbox_extranet');
	var el2 = $('lightbox');
	el.fade(0);
	el2.fade(0);
	// MooTools is able to handle effects without the use of a wrapper,
	// so you are able to do effects with just one easy line.
	
	//FIRST EXAMPLE
	
	// There are different ways to add a fading opacity effect to an element click
	
	// Short version
	//$('ferme_lightbox_extranet').addEvent('click', el.fade.bind(el, [0]));
	
	// Long version
	$('extranet_lightbox').addEvent('click', function(e) {
		// You often will need to stop propagation of the event
		e.stop();
		document.getElementById('lightbox_extranet').style.display="block";
		el.fade(1);
		document.getElementById('extranet_lightbox').style.background="transparent url(assets/images/commun/fd_extranet_actif.jpg) repeat scroll 0 0";
		document.getElementById('extranet_lightbox').style.color="#ffffff";
	});

    // Long version
	$('ferme_lightbox_extranet').addEvent('click', function(e) {
		// You often will need to stop propagation of the event
		e.stop();
		el.fade(0);
		document.getElementById('extranet_lightbox').style.background="transparent url(assets/images/commun/fd_extranet.jpg) repeat scroll 0 0";
		document.getElementById('extranet_lightbox').style.color="#007bbe";
	});
	
	
	$('contact_lightbox').addEvent('click', function(e) {
		// You often will need to stop propagation of the event
		e.stop();
		document.getElementById('lightbox').style.display="block";
		el2.fade(1);
		document.getElementById('contact_lightbox').style.background="transparent url(assets/images/commun/fd_contact_actif.jpg) repeat scroll 0 0";
		document.getElementById('contact_lightbox').style.color="#ffffff";
	});

    // Long version
	$('ferme_lightbox_contact').addEvent('click', function(e) {
		// You often will need to stop propagation of the event
		e.stop();
		el2.fade(0);
		document.getElementById('contact_lightbox').style.background="transparent url(assets/images/commun/fd_contact.jpg) repeat scroll 0 0";
		document.getElementById('contact_lightbox').style.color="#007bbe";
	});
});