/*
	tuto :
	http://www.6ma.fr/tuto/mootools+jours+jour+17+accordion-480
*/

//-----------------------------------------------------------------
//-----------------------------------------------------------------
//   FONCTION  on/over/out  BT    


var statutBt = 0;

function setStyleOn(nomdiv, statutNav, fondOn) {
	statutBt = statutNav;
	$('btContactA').setStyle('border-right-color', '#ffffff');
	$('rappelImmediatA').setStyle('border-right-color', '#ffffff');
	$('essaiGratuitA').setStyle('border-right-color', '#ffffff');
	$('EtudeProjetA').setStyle('border-right-color', '#ffffff');
	
	$('btContactA').setStyle('background-image', 'url(gen-img/bt-form-contact-off.jpg)');
	$('rappelImmediatA').setStyle('background-image', 'url(gen-img/bt-form-rappel-immediat-off.jpg)');
	$('essaiGratuitA').setStyle('background-image', 'url(gen-img/bt-form-essai-gratuit-off.jpg)');
	$('EtudeProjetA').setStyle('background-image', 'url(gen-img/bt-form-etude-projet-off.jpg)');
	
	var lienImg = 'url(gen-img/'+ fondOn +')'
	
	$(nomdiv).setStyle('border-right-color', '#C50120');
	$(nomdiv).setStyle('background-image', lienImg );
}

/*  function spe pour page  */

function setStyleOn2(nomdiv, statutNav, fondOn) {
	statutBt = statutNav;
	$('btContactA').setStyle('border-right-color', '#ffffff');
	$('rappelImmediatA').setStyle('border-right-color', '#ffffff');
	$('essaiGratuitA').setStyle('border-right-color', '#ffffff');
	$('EtudeProjetA').setStyle('border-right-color', '#ffffff');
	
	$('btContactA').setStyle('background-image', 'url(../gen-img/bt-form-contact-off.jpg)');
	$('rappelImmediatA').setStyle('background-image', 'url(../gen-img/bt-form-rappel-immediat-off.jpg)');
	$('essaiGratuitA').setStyle('background-image', 'url(../gen-img/bt-form-essai-gratuit-off.jpg)');
	$('EtudeProjetA').setStyle('background-image', 'url(../gen-img/bt-form-etude-projet-off.jpg)');
	
	var lienImg = 'url(../gen-img/'+ fondOn +')'
	
	$(nomdiv).setStyle('border-right-color', '#C50120');
	$(nomdiv).setStyle('background-image', lienImg );
}


function setStyleOver(nomdiv, statutNav) {
	if ( statutNav != statutBt ) {
		$(nomdiv).setStyle('border-right-color', '#C50120');
	}
}

function setStyleOut(nomdiv, statutNav) {
	if ( statutNav != statutBt ) {
		$(nomdiv).setStyle('border-right-color', '#ffffff');
	}
}

function setStyleAll() {
	$('btContactA').setStyle('border-right-color', '#ffffff');
	$('rappelImmediatA').setStyle('border-right-color', '#ffffff');
	$('essaiGratuitA').setStyle('border-right-color', '#ffffff');
	$('EtudeProjetA').setStyle('border-right-color', '#ffffff');
}


//-----------------------------------------------------------------
//----------------------------------------------------------------
//  FONCTION  accordion

var satutOn = 0;

window.addEvent('domready', function(){
			
	// morph pour width
	var morphElement = $('accordion');
	var morphObject = new Fx.Morph(morphElement);

	//-----------------------------------------------------------------
	
	var toggles = $$('h3.atStart');
	var content = $$('div.atStart');

	var AccordionObject = new Accordion(toggles, content, {
		show:4,
		opacity: false,
		alwaysHide: true,
				
		onActive: function(toggler, element) {
			satutOn ++;
		},
		
		onBackground: function(toggler, element){
			satutOn --;
		},
		
		onComplete: function(one, two, three, four){
			
			if ( satutOn >=  -2 ) {
				morphObject.start({
					'margin-left': -141,
					'width': 340,
					'border-left-color' : '#D2D2D2'
				});
			} else {
				morphObject.start({
					'margin-left': 0,
					'width': 199,
					'border-left-color' : '#ffffff'
				});
				setStyleAll();
			}
			satutOn = 0;
		}
		
	});
});