window.addEvent('domready', function(){
loadcookie();   // function de charger le cookies




var fruits = new Hash.Cookie('myCookieName', {duration: 365});
transition = fruits.get('Transition');
ease = fruits.get('Ease');
TypeTrans = Fx.Transitions[transition][ease];
menu(TypeTrans);

var list = $$('#menu h3' );
list.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:2000,transition: Fx.Transitions.Elastic.easeOut, wait:false});
 
	element.addEvent('mouseenter', function(){

		fx.start({
			'margin-left': 15,
			'opacity' : '0.4'


		});					
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'margin-left': 0,
			'opacity' : '1'

		});
	});
	element.addEvent('click', function(){
		fx.start({
			'margin-left': -15

		});
	}); 
 
});

var list = $$('#content5 h3' );
list.each(function(element) {
 
	var fx = new Fx.Styles(element, {duration:2000,transition: Fx.Transitions.Elastic.easeOut, wait:false});
 
	element.addEvent('mouseenter', function(){

		fx.start({
			'color' : '#0000FF',
			'background-color': '#f6AF15',
			'opacity' : '0.8'

		});					
	});
 
	element.addEvent('mouseleave', function(){
		fx.start({
			'color': '#222',
			'background-color': '#ffe17f',
			'opacity' : '1'

		});
	});
 
});







function menu(TypeTrans)
{

document.getElementById("menu").style.display = "block";
$('fxTransition').setStyles({'display': 'none'});
$('fxEase').setStyles({'display': 'none'});



var slide1 = new Fx.Slide('list1', {duration: 500,transition: TypeTrans,mode: 'horizontal'});
var slide2 = new Fx.Slide('list2', {duration: 500,transition: TypeTrans,mode: 'horizontal'});
var slide3 = new Fx.Slide('list3', {duration: 500,transition: TypeTrans,mode: 'horizontal'});
var slide4 = new Fx.Slide('list4', {duration: 500,transition: TypeTrans,mode: 'horizontal'});
var slide5 = new Fx.Slide('list5', {duration: 500,transition: TypeTrans,mode: 'horizontal'});
var slide6 = new Fx.Slide('list6', {duration: 500,transition: TypeTrans,mode: 'horizontal'});
var slide7 = new Fx.Slide('list7', {duration: 500,transition: TypeTrans,mode: 'horizontal'});
var slide8 = new Fx.Slide('list8', {duration: 500,transition: TypeTrans,mode: 'horizontal'});


slide1.slideIn.delay(200,slide1);
slide2.slideIn.delay(400,slide2);
slide3.slideIn.delay(800,slide3);
slide4.slideIn.delay(1000,slide4);
slide5.slideIn.delay(1200,slide5);
slide6.slideIn.delay(1400,slide6);
slide7.slideIn.delay(1600,slide7);
slide8.slideIn.delay(1800,slide8);
setTimeout("$('fxTransition').setStyles({'display': 'block'})",2800);   
setTimeout("$('fxEase').setStyles({'display': 'block'})",2800);  

}

var selectTransition = $('fxTransition');
var selectEase = $('fxEase');

$$(selectEase, selectTransition).addEvent('change', function(){

	var transition = selectTransition.getValue();
	if (transition == 'linear'){
	TypeTrans = Fx.Transitions.linear;
	}else {
	var ease = selectEase.getValue();
		TypeTrans = Fx.Transitions[transition][ease];
	}
	settings['Transition'] = transition;fruits.extend(settings);
	settings['Ease'] = ease;fruits.extend(settings);
	menu(TypeTrans);
	

});




document.getElementById("ecrirmail").style.display = "block";
var ecrirmail = new Fx.Slide('ecrirmail', {duration: 200,transition: Fx.Transitions.linear,mode: 'vertical'});
ecrirmail.hide();	
var page=1;

function move(x){
page = page + x;
content = "content" + page;
	switch(page)
		{
			case 0:content="content" +8;page = 8;scroll.toElement(content);ecrirmail.slideIn();break;
			case 8:ecrirmail.slideIn();scroll.toElement(content);break;
			case 9:content="content" +1;page = 1;scroll.toElement(content);ecrirmail.slideOut();break;
			default:scroll.toElement(content);ecrirmail.slideOut();break;
		}

}



window.addEvent('keyup', function(event) {
	
		switch (event.keyCode){
			 case 34: move(-1); break;	
			 case 33: move(1);break;
						};
	

});	


	
var scroll = new Fx.Scroll('demo-wrapper', {
	wait: false,
	duration: 1000,
	offset: {'x': 0, 'y': 0},
	transition: Fx.Transitions.Quad.easeInOut
});
scroll.toElement("content1");

$('list1').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content1');
	ecrirmail.slideOut();
	page = 1;
});

 
$('list2').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content2');
	ecrirmail.slideOut();
	page = 2;
});
 
$('list3').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content3');
	ecrirmail.slideOut();
	page = 3;
});

$('list4').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content4');
	ecrirmail.slideOut();
	page = 4;
});

$('list5').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content5');
	ecrirmail.slideOut();
	page = 5;
});

$('list6').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content6');
	ecrirmail.slideOut();
	page = 6;
	
});

$('list7').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content7');
	ecrirmail.slideOut();
	page = 7;
	
});

$('list8').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content8');
	ecrirmail.slideIn();
	page = 8;
});
$('contactme').addEvent('click', function(event) {
	event = new Event(event).stop();
	scroll.toElement('content8');
	ecrirmail.slideIn();
	page = 8;
});

/*-------------------------------------------------------------------------*/

var accordion = new Accordion('h3.atStart', 'div.atStart', {
	opacity: false,
	onActive: function(toggler, element){
					toggler.setStyle('color', '#ff0033');
					element.setStyle('display','none');
	},
	
	onBackground: function(toggler, element){
					toggler.setStyle('color', '#3E3E3E');
					
		}
		
}, 
    
$('menu'));


var accordion2 = new Accordion('h3.atStarts', 'div.atStarts', {opacity: false,onActive: function(toggler, element){toggler.setStyle('color', '#ff0033');},onBackground: function(toggler, element){toggler.setStyle('color', '#3E3E3E');}}, $('content5'));
		
		
//-----------------------------------------------------------------------------------------//
		

		$('myForm').addEvent('submit', function(e) {
	/**
	 * Prevent the submit event
	 */
	new Event(e).stop();
 
	/**
	 * This empties the log and shows the spinning indicator
	 */
	var log = $('log_res').empty().addClass('ajax-loading');
 
	/**
	 * send takes care of encoding and returns the Ajax instance.
	 * onComplete removes the spinner from the log.
	 */
	this.send({
		update: log,
		onComplete: function() {
			log.removeClass('ajax-loading');
		}
	});
});
		
	
		
	correction();

var txt,  log;
$('obNom').addEvents({'keyup': function() {if($( 'obNom').value !==true){$('mailnom').setHTML("<div class=\"mailcontenu\">Nom : " + $( 'obNom').value + "</div>");}if($( 'obNom').value ==false){$('mailnom').setHTML("");}	}	});
$('obentre').addEvents({ 'keyup': function() {if($('obentre').value !==true){$('mailentre').setHTML("<div class=\"mailcontenu\">Entreprise : " + $('obentre').value + "</div>");}if($('obentre').value ==false){$('mailentre').setHTML("");}	}	});
$('email').addEvents({'keyup': function() {if($('email').value !==true){$('mailemail').setHTML("<div class=\"mailcontenu\">Email : " + $('email').value + "</div>");}if($('email').value ==false){$('mailemail').setHTML("");}	}	});
$('obtel').addEvents({'keyup': function() {if($('obtel').value !== true){$('mailtel').setHTML("<div class=\"mailcontenu\">T&eacute;l&eacute;phone : " + $('obtel').value + "</div>");}if($('obtel').value == false){$('mailtel').setHTML(" ");}	}	});
$('obCom').addEvents({'keyup': function() {if($('obCom').value !== true){$('mailcom').setHTML("<div class=\"mailcontenu\">Commentaire : <br/>" + $('obCom').value + "</div>");}if($('obCom').value == false){$('mailcom').setHTML(" "); }	}	});	

var inlineExample = new inlineEdit('content7',{indicatorText: 'Cliquer pour &eacute;diter'});
	
});		/*
var body = new Fx.Style('page', 'font-family', {duration:500});
var police=document.forms.style.police.value;
*/