window.addEvent('domready', function()
{
var div_rayonnageD = new Element("div", {
	"id" : "rayonnageD"
	});
	div_rayonnageD.injectInside("blocbandeau");
$("rayonnageD").setHTML("<img id='imgrayonnageD' src='imgsite/rayonnageD.jpg' style='width:440px; height:150px'>");
var div_rayonnageG = new Element("div", {
	"id" : "rayonnageG"
	});
	div_rayonnageG.injectInside("blocbandeau");
$("rayonnageG").setHTML("<img id='imgrayonnageG' src='imgsite/rayonnageG.jpg' style='width:262px; height:150px'>");
var div_logo = new Element("div", {
	"id" : "logo"
	});
	div_logo.injectInside("blocbandeau");
$("logo").setHTML("<img id='imglogo' src='imgsite/logo.jpg' style='width:148px; height:150px'>");
var div_memorayonnage = new Element("div", {
	"id" : "memorayonnage"
	});
	div_memorayonnage.injectInside("blocbandeau");
$("memorayonnage").setHTML(0);
var div_animfinie = new Element("div", {
	"id" : "animfinie"
	});
	div_animfinie.injectInside("blocbandeau");
$("animfinie").setHTML(0);
var div_lassociation = new Element("div", {
	"id" : "lassociation"
	});
	div_lassociation.injectInside("blocbandeau");
$("lassociation").setHTML("Ervy le Châtel, Village du Livre et des Arts");
$('fondsite').setStyles({'backgroundImage':'url(imgsite/fondpagebleu.jpg)','backgroundPosition':'bottom'});
$('page').addEvent('click', function(){BougeRayonnage()});
});
function BougeRayonnage()
{
	var memorayonnage = $("memorayonnage").getText();
	var animfinie = $("animfinie").getText();
	//alert (memorayonnage);
		if  ( (memorayonnage == 0) && (animfinie == 0) )
	{
	//définition des effets
	var fx0_1 = new Fx.Styles("rayonnageD", {duration: 10,fps:100});
	var fx0_2 = new Fx.Styles("imgrayonnageD", {duration: 10,fps:100});
	var fx1_1 = new Fx.Styles("rayonnageG", {duration: 10,fps:100});
	var fx1_2 = new Fx.Styles("imgrayonnageG", {duration: 10,fps:100});
	var fx2_1 = new Fx.Styles("logo", {duration: 2000,fps:100});
	var fx2_2 = new Fx.Styles("imglogo", {duration: 2000,fps:100});
	var fx3_1 = new Fx.Styles("rayonnageG", {duration: 1990,fps:100});
	var fx3_2 = new Fx.Styles("imgrayonnageG", {duration: 1990,fps:100});
	var fx4_1 = new Fx.Styles("rayonnageD", {duration: 1990,fps:100});
	var fx4_2 = new Fx.Styles("imgrayonnageD", {duration: 1990,fps:100});
	//on aggrandit le rayonnageD (440)
	fx0_1.start({'left' : 560, 'opacity' : [1, 0]});
	fx0_2.start({'left' : 560, 'opacity' : [1, 0]});
	//on aggrandit le rayonnageG et on ramène sa position à 0 et opacity 0  (262)
	fx1_1.start({'left' : [738, 0] , 'width' : [262,1000] , 'opacity' : [1, 0]});
	fx1_2.start({'left' : [738, 0] , 'width' : [262,1000] , 'opacity' : [1, 0]});
	//on ramène le logo
	//fx2.start.delay(0, fx2, {'opacity' : [1, 0], 'left': 340});
	fx2_1.start({'left': [520 , 340]});
	fx2_2.start({'left': [520 , 340]});
	//on déplace rayonnageD et opacity = 1
	fx3_1.start.delay(10, fx3_1, {'width': [1000, 262] , 'opacity' : [0, 1]});
	fx3_2.start.delay(10, fx3_2, {'width': [1000, 262] , 'opacity' : [0, 1]});
	//on déplace rayonnageD et opacity = 1
	fx4_1.start.delay(10, fx4_1, {'opacity' : [0, 1]});
	fx4_2.start.delay(10, fx4_2, {'opacity' : [0, 1]});
	//changement du backgroundImage de la page
	$('fondsite').setStyles({'backgroundImage':'url(imgsite/fondpagerouge.jpg)','backgroundPosition':'bottom'});
	$("memorayonnage").setHTML(1);
	setTimeout("animfinie()",2000);
	}
	if  ( (memorayonnage == 1) && (animfinie == 1) )
	{
	//définition des effets
	var fx0_1 = new Fx.Styles("rayonnageG", {duration: 10,fps:100});
	var fx0_2 = new Fx.Styles("imgrayonnageG", {duration: 10,fps:100});
	var fx1_1 = new Fx.Styles("rayonnageD", {duration: 10,fps:100});
	var fx1_2 = new Fx.Styles("imgrayonnageD", {duration: 10,fps:100});
	var fx2_1 = new Fx.Styles("logo", {duration: 2000,fps:100});
	var fx2_2 = new Fx.Styles("imglogo", {duration: 2000,fps:100});
	var fx3_1 = new Fx.Styles("rayonnageD", {duration: 1990,fps:100});
	var fx3_2 = new Fx.Styles("imgrayonnageD", {duration: 1990,fps:100});
	var fx4_1 = new Fx.Styles("rayonnageG", {duration: 1990,fps:100});
	var fx4_2 = new Fx.Styles("imgrayonnageG", {duration: 1990,fps:100});
	//on aggrandit le rayonnageD
	fx0_1.start({'left' : 738, 'opacity' : [1, 0]});
	fx0_2.start({'left' : 738, 'opacity' : [1, 0]});
	//on aggrandit le rayonnageG et on ramène sa position à 0 et opacity 0
	fx1_1.start({'left' : [560, 0] , 'width' : [440,1000] , 'opacity' : [1, 0]});
	fx1_2.start({'left' : [560, 0] , 'width' : [440,1000] , 'opacity' : [1, 0]});
	//on ramène le logo
	//fx2.start.delay(0, fx2, {'opacity' : [1, 0], 'left': 520});
	fx2_1.start({'left': [340 , 520]});
	fx2_2.start({'left': [340 , 520]});
	//on déplace rayonnageD et opacity = 1
	fx3_1.start.delay(10, fx3_1, {'width': [1000, 440] , 'opacity' : [0, 1]});
	fx3_2.start.delay(10, fx3_2, {'width': [1000, 440] , 'opacity' : [0, 1]});
	//on déplace rayonnageD
	fx4_1.start.delay(10, fx4_1, {'opacity' : [0, 1]});
	fx4_2.start.delay(10, fx4_2, {'opacity' : [0, 1]});
	//changement du backgroundImage de la page
	$('fondsite').setStyles({'backgroundImage':'url(imgsite/fondpagebleu.jpg)','backgroundPosition':'bottom'});
	$("memorayonnage").setHTML(0);
	setTimeout("animfinie()",2000);
	}
}
function animfinie()
{
	var memorayonnage = $("memorayonnage").getText();
	$("animfinie").setHTML(memorayonnage);
}