// JavaScript Document
var active_page= new Object();
var id_active;
var periodical;
var myFade1;
var myFade2;
var myFade3;
window.addEvent('domready', function(){
/*mySlide1 = new Fx.Slide('service_page_1',{mode: 'horizontal'},{duration: 1000});
mySlide2 = new Fx.Slide('service_page_2',{mode: 'horizontal'},{duration: 1000});*/
myFade1= new Fx.Style('tarif_coiffure', 'opacity', {duration: 1000})
myFade2= new Fx.Style('tarif_soins', 'opacity', {duration: 1000}).start(0);
myFade3= new Fx.Style('tarif_onglerie', 'opacity', {duration: 1000}).start(0);

myTransition1 = new Fx.Style('coiffure_link', {duration:200, wait:false});
myTransition2 = new Fx.Style('soins_link', {duration:200, wait:false});
myTransition3 = new Fx.Style('onglerie_link', {duration:200, wait:false});

active_page.theEffectObject=myFade1;
active_page.theId="tarif_coiffure";
//selectItem('coiffure_link');

$('coiffure_link').addEvent('click', function(e){
	e = new Event(e);
	
	
	if(active_page.theEffectObject != myFade1)
	{
		//selectItem('coiffure_link');
		active_page.theEffectObject.start(1,0);		
		window.setTimeout('displayPage1()',1000);
		e.stop();
	}
});

$('soins_link').addEvent('click', function(e){
	e = new Event(e);
	if(active_page.theEffectObject != myFade2)
	{
		//selectItem('soins_link');
		active_page.theEffectObject.start(1,0);		
		window.setTimeout('displayPage2()',1000);
		e.stop();
	}
	else
	{
		surbrillance('tab_epilation');
		window.setTimeout('stop_surbrillance()',4000);
	}
});

$('onglerie_link').addEvent('click', function(e){
	e = new Event(e);
	if(active_page.theEffectObject != myFade3)
	{
		//selectItem('onglerie_link');
		active_page.theEffectObject.start(1,0);		
		window.setTimeout('displayPage3()',1000);
		e.stop();
	}
});


//lance la surbrillance d'un element
function surbrillance(la_tab)
{
	stop_surbrillance();
	var effect = $(la_tab).effect('background-color', {duration: 800});
	
	var fx = function() {
		effect.start('#FFDF62').chain(function() {
		effect.start('#FFFFFF');
		});
	}
	fx();
	periodical = fx.periodical(1700);
}

/*permet de changer le style de l'item selectionné*/
/*function selectItem(item_selected)
{
	document.getElementById('coiffure_link').className='titre_link';
	document.getElementById('soins_link').className='titre_link';
	document.getElementById('onglerie_link').className='titre_link';
	document.getElementById(item_selected).className='titre_link_selected';
}*/

});



function stop_surbrillance()
{
	$clear(periodical);
}



/*page contenant les tarifs des coiffures*/
function displayPage1()
{
	$(active_page.theId).style.display='none';
	$('tarif_coiffure').style.display='block';
	myFade1.start(0,1);
	//mySlide1.slideOut();
	active_page.theEffectObject=myFade1;
	active_page.theId="tarif_coiffure";

}


/*page contenant les tarifs des soins*/
function displayPage2()
{
	$(active_page.theId).style.display='none';
	$('tarif_soins').style.display='block';
	myFade2.start(0,1);
	//mySlide1.slideOut();
	active_page.theEffectObject=myFade2;
	active_page.theId="tarif_soins";

}

/*Page contenant les tarifs de l'onglerie*/
function displayPage3()
{
	$(active_page.theId).style.display='none';
	$('tarif_onglerie').style.display='block';
	myFade3.start(0,1);
	//mySlide1.slideOut();
	active_page.theEffectObject=myFade3;
	active_page.theId="tarif_onglerie";

}