window.addEvent("domready", function(){	
	var mask = new Mask($("form_container"));

	var  form = new FormCheck($("contact_form"),{ 
			submitByAjax:true,
			onAjaxSuccess:function(t){
				mask.hide();
				alert(t)
			},
			onAjaxRequest:function(t){
				mask.show();
			}				
	})
									 
	$$("input[type=text]").combine($$("textarea")).combine($$("input[type=password]")).each(function(input){
		input.setProperty("ovalue", input.get("value"));
		input.addEvents({
			"focus": function(){
				if(this.get("value").trim() == this.getProperty("ovalue"))	
					this.set("value", "");
			},
			"blur":function(){
				if(this.get("value").trim() == "")	
					this.set("value", this.getProperty("ovalue"));
			}
		});
	});


	$$("#menu li a").each(function(a,i){
		var __fx = new Fx.Morph(a,{duration: 1000, transition: Fx.Transitions.Pow.easeOut});		
		a.setStyles({"background-position":"3px 10px"});
		a.addEvents({
			mouseenter:function(event){				
				__fx.cancel();	
				__fx.start({"background-position":"3px 0px"});

			},
			mouseleave:function(event){
				__fx.cancel();	
				__fx.start({"background-position":"3px 10px"});
			}
		});
	});
	$$("#menu li").each(function(li,i){
		var __fx = new Fx.Morph(li,{duration: 500, transition: Fx.Transitions.Pow.easeOut});	
		li.setStyles({"background-position":"40px 40px"});
		li.addEvents({
			mouseenter:function(event){				
				__fx.cancel();	
				__fx.start({"background-position":"40px 60px"});

			},
			mouseleave:function(event){
				__fx.cancel();	
				__fx.start({"background-position":"40px 40px"});
			}
		});
	});
	
	
	 if($("maps")){
			$('maps').addEvents({
				mouseenter:function(){this.fade(.6);},
				mouseleave:function(){this.fade(1);}
			});
			new multiBox({
				mbClass: '.sb',
				container: $(document.body),
				useOverlay: true,
				maxSize: null,
				addRollover: true,
				addChain: true,
				recalcTop: false,
				addTips: true,
				autoOpen: 0
			});
		}		
	
	var showFunction = function() {
	 //r�initialise tous les styles avant de lancer un morph
		$$('.bgk').setStyles({
		'display': 'none',
		'opacity': 0
		}); 
	 
	 //ici nous lan�ons le morph et d�finissions le style d'arriv�e
		this.start({
		'display': 'block',
		'opacity': 1
		
		
		});
	}				 
									 
 

	var elOneM = $('contentone');
	var elTwoM = $('contenttwo');
	var elThreeM = $('contentthree');
	
 
 //creation des objets morph
	elOneM = new Fx.Morph(elOneM, {
	link: 'cancel'
	});
	elTwoM = new Fx.Morph(elTwoM, {
	link: 'cancel'
	});
	elThreeM = new Fx.Morph(elThreeM, {
	link: 'cancel'
	});
	
 
	$('contact').addEvent('click', showFunction.bind(elOneM));
	$('partenariat').addEvent('click', showFunction.bind(elTwoM));
	$('activite').addEvent('click', showFunction.bind(elThreeM));
	

	
});