window.addEvent("domready", function(){
	var menus = $$('.menu LI, .ajax_click');
	var pages = $$('.ajax_page');
	var current;
	var playing = false;
	var mask;
	$('footer').setStyle("height", 0);
	$('footer').tween('height', 45);
	
	
	
	pages.set("tween", {
		
		transition: 'back:in:out'
		
	});
	
	menus.set("morph", {
		
		duration:100
	});
	
	menus.addEvents({
		"mouseenter": function(){
		this.morph({
			'padding-left':5,
			'padding-right':5
			
		});
	},
	"mouseleave": function(){
		this.morph({
			'padding-left':0,
			'padding-right':0
		});
	}
	});
	
	menus.addEvent("click", function(e){
		if (e && e.stop)
			e.stop();
		var tar = $(this.getElement('a').get("data-page"));
		
		if (!tar || (current == tar))
			return ;
		
		current.setStyle("left", null);
		current.tween("right", 3000);
//		$('spluw').setStyle("overflow-y", "hidden");
		tar.setStyles({
			'left': 3000,
			'right': 0
		}).removeClass("none");
		tar.setStyle("right", null);
		tar.tween("left", 0);
		(function(){ current.addClass("none"); current.setStyle("z-index", 0); current = tar; current.setStyle("z-index", 20000);	
		if (this.getElement('a').get("data-page") == 'tarifs')
			{
				
				$('demo').tween('height', 280);
			
			}
		else
			{
			$('demo').setStyle('height', 0);
			}
		}.bind(this)).delay(500);
		
		
	});
	
	
	pages.each(function(el, i){
		if (i != 0)
		{
			el.setStyle("left", 3000);
			el.setStyle("z-index", 0);
			
		}
		else
		{
			current = el;
			current.setStyle("z-index", 20000);
		}
	});
	
	
	
	$$('.ot').each(function(el){
		new OverText(el);	
		
	});
	
	
	var acc = {};
	
	if (Browser.ie7 || Browser.ie6)
	{
		acc = {
			onActive: function (toggler, element)
			{
				element.removeClass('none');
			},
			onBackground: function(toggler, element)
			{
				element.addClass('none');
			}
		};
	}
	else
	{
		acc = {
				onActive: function (toggler, element)
				{
					toggler.addClass('active');
				},
				onBackground: function(toggler, element)
				{
					toggler.removeClass('active');
				}
			};
	}
	
	
	
	
	if ($('tarifs') && !noacc)
	{
	
		var myAccordion1 = new Fx.Accordion($$('#tarifs .question'), $$('#tarifs .reponse'), acc);
	}
	if ($('faqcontact') && !noacc)
	{
		var myAccordion2 = new Fx.Accordion($$('#faqcontact .question'), $$('#faqcontact .reponse'), acc);
	}
	
	if ($('fonctionnalites') && !noacc)
	{
		var myAccordion2 = new Fx.Accordion($$('#fonctionnalites .question'), $$('#fonctionnalites .reponse'), acc);
	}
	$$('.startForm, .startFinish').slide('hide');
	$$('.startForm, .startFinish').removeClass('none');
	
	
	
	$$('.start').addEvent("click", function(e){
		e.stop();
		this.slide('out');
		
		this.getParent('.creerSite').getElement('.startForm').slide('in');
		
		(function(){ OverText.update();}).delay(500);
		
		
		
	});
	
	$$('.sendEmail').addEvent("click", function(e){
		e.stop();
		var input = this.getParent().getElement("INPUT[type=text]");
		
		this.getParent('.startForm').slide('out');
		
		this.getParent('.creerSite').getElement('.startFinish').slide('in');
		$('dummy').load("/trySpluw/?email="+input.get("value"));
	});
	
	$$('.videoPlayer').fade('hide');
	
	$(document.body).addEvent("click", function(e){
		if ($('ml_content'))
			$('ml_content').fade('out');
		if (playing)
		{
			if (e.target.get('tag') != 'div' && e.target.get('tag') != 'img')
				return ;
			var player = $('videoPlayer');
			e.stop();
			player.removeClass("playing");
//			if ($('p1')) $('p1').setStyle("display", "none");
//			if ($('p2')) $('p2').setStyle("display", "none");
			
			
			player.fade('out');
			$$('.mask').fade('out');
			(function(){
			player.setStyles({width:421, height:245});
			$('videoPlayer').position({relativeTo: $('videoPlayer').getParent()});
//			mask.destroy();
			}).delay(500);
		}
		
		
	});
	
	$$('.videoMini').addEvent("click", function(e){
		e.stop();
		playing = true;
		$('videoPlayer').position({relativeTo: $('videoMini')});
		
		var player = $('videoPlayer');
		player.removeClass("none");
		player.fade('in');
		player.morph({
			left:'50%',
			top: -200,
			width:950,
			height:580
		});
		(function(){
			player.addClass("playing");
			//$$('.swplayer').setStyle("display", "block");
//			if ($('p1')) $('p1').setStyle("display", "block");
//			if ($('p2')) $('p2').setStyle("display", "block");
			if (!mask)
				mask = new Mask();
			$$('.mask').fade('hide');
			mask.show();
			$$('.mask').fade('in');
		}).delay(500);
	});
	
	
	
	$$('#demo IMG').set('tween', {duration:200, transition: 'back:out'});
	$$('#demo UL').set('tween', {duration:200, transition: 'back:out'});
	$$('#demo A').addEvent("mouseenter", function(){
		this.getElement('IMG').tween("height", 180);
		this.getParent("ul").tween("margin-left", 60);
	});
	
	$$('#demo A').addEvent("mouseleave", function(){
		this.getElement('IMG').tween("height", 160);
		this.getParent("ul").tween("margin-left", 75);
	});
	
	
	
	
	
	// BANNIERE !
	
	
	
	var canvas = $$('.animatedTitle');
	canvas.each(function(canva){
		var titleData = { i: 0 };
		var titles = canva.getElements('.aTitle');
		
		var fx = new Fx.Scroll(canva, {
		    duration: 1500,
		    transition: 'back:in:out'
		    
		})
		
		fx.toTop();
		
		var banniereAnim = function()
		{ 
			
			this.i++;
			if (!titles[this.i])
				this.i = 0;
			
			fx.toElement(titles[this.i]);
			
		};
		
		banniereAnim.periodical(3000, titleData);
	
	});
	
	if ($('ml_content'))
	{
		$('ml_content').fade('hide');
		$('ml').addEvent('click', function(e){
			
			e.stop();
			$('ml_content').fade('toggle');
		});
	}
//	$$('.question').each(function(el){
//		
//		var aide = new Element('span',{
//			'class': 'aide'
//			
//		});
//		el.getElement('.width').grab(aide);
//	});
	
	

	
});


function etape1()
{
	$$('.title2').morph('.title2s');
}
/* {{{ FONCTIONS FLASH */

/* ecrire le code HTML pour integrer un flash, et contourne la restriction IE, en conservant la validite XHTML */
function integrer_flash (largeur, hauteur, chemin, title) {
    document.write("<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0' width='"+largeur+"' height='"+hauteur+"' title='"+title+"' wmode='transparent'>\n");
    document.write("<param name='movie' value='"+chemin+"' />\n");
    document.write("<param name='quality' value='high' />\n");
	document.write("<param name='wmode' value='transparent' />\n");
    document.write("<embed src='"+chemin+"' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' width='"+largeur+"' height='"+hauteur+"' wmode='transparent'></embed> \n");
    document.write("</object>\n");
}

/* }}} */