// JavaScript Document
var active_page;
var periodical;
var mySlide1;
var mySlide2;
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});
active_page=mySlide1;
$('maquillage').addEvent('click', function(e){
	e = new Event(e);
	
	if(active_page != mySlide2)
	{
		active_page.slideOut();		
		window.setTimeout('display_page_1()',800);
		e.stop();
	}
	else
	{
		surbrillance('tab_maquillage');
		window.setTimeout('stop_surbrillance()',4000);
	}

});

$('epilation').addEvent('click', function(e){
	e = new Event(e);
	if(active_page != mySlide2)
	{
		active_page.slideOut();
		window.setTimeout('display_page_1()',800);
		e.stop();
	}
	else
	{
		surbrillance('tab_epilation');
		window.setTimeout('stop_surbrillance()',4000);
	}
});

$('massage').addEvent('click', function(e){
	e = new Event(e);
	if(active_page != mySlide2)
	{
		active_page.slideOut();
		window.setTimeout('display_page_1()',800);
		e.stop();
	}
	else
	{
		surbrillance('tab_massage');
		window.setTimeout('stop_surbrillance()',4000);
	}

});

$('coiffure').addEvent('click', function(e){
	e = new Event(e);
	if(active_page != mySlide1)
	{
		active_page.slideOut();
		window.setTimeout('display_page_2()',800);
		e.stop();
	}
	else
	{
		surbrillance('tab_coiffure');
		window.setTimeout('stop_surbrillance()',4000);
	}
});

$('onglerie').addEvent('click', function(e){
	e = new Event(e);
	if(active_page != mySlide1)
	{
		active_page.slideOut();
		window.setTimeout('display_page_2()',800);
		e.stop();
	}
	else
	{
		surbrillance('tab_onglerie');
		window.setTimeout('stop_surbrillance()',4000);
	}
});

$('soins').addEvent('click', function(e){
	e = new Event(e);
	if(active_page != mySlide1)
	{
		active_page.slideOut();
		window.setTimeout('display_page_2()',800);
	}
	else
	{
		surbrillance('tab_soins');
		window.setTimeout('stop_surbrillance()',4000);
	}
});

//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);
}

});

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

function display_page_1()
{
	$('service_page_1').style.display='none';
	$('service_page_2').style.display='block';
	mySlide2.hide();
	//mySlide1.slideOut();
	mySlide2.slideIn();
	active_page=mySlide2;

}

function display_page_2()
{
	$('service_page_2').style.display='none';
	$('service_page_1').style.display='block';
	mySlide1.hide();
	//mySlide1.slideOut();
	mySlide1.slideIn();
	active_page=mySlide1;

}