function init() {
	if(!document.getElementById) return;

	canvas = new getCanvas();

//	var beginX = 702
//	var beginY = 0;
	var endX   = 150;
	var endY   = 0;
	var horiz  = (canvas.w-702)/2;
	var vertic = (canvas.h-500)/2;
	
	objCharg	= new make("divChargement");
	objBan   	= new make("divBan");
	objRub	 	= new make("divRub");
	objRubActu 	= new make("divRubActu");
	objRubDecouv = new make("divRubDecouv");
	objRubMairie = new make("divRubMairie");
	objRubVie 	= new make("divRubVie");
	objTitre 	= new make("divTitre");
	objText		= new make("divText");
	objPage  	= new make("divPage");
	objBas	 	= new make("divBas");
	
	objBan.moveTo(horiz,vertic+10);
	objTitre.moveTo(horiz,vertic+75);
	objPage.moveTo(horiz,vertic+115);
	objBas.moveTo(horiz,vertic+440);

	document.getElementById("divBouton1").innerHTML = '<a href="Actu_Agenda.asp" onmouseover="bouton2();" class="url01" id="rubA">&nbsp;actualités</a>';
	document.getElementById("divBouton2").innerHTML = '<a href="Decouv_Presentation.asp" onmouseover="bouton3();" class="url01" id="rubB">&nbsp;découvrir</a>';
	document.getElementById("divBouton3").innerHTML = '<a href="Mairie_Contacts.asp" onmouseover="bouton4();" class="url01" id="rubC">&nbsp;municipalité</a>';
	document.getElementById("divBouton4").innerHTML = '<a href="Quotidien_Enfance.asp" onmouseover="bouton5();" class="url01" id="rubD">&nbsp;au quotidien</a>';

//	code pour corriger les différences entre ie5 et ie6 dans le css
//	-----------------------------------------
	objBan.css.borderRightWidth = "0px";
	objTitre.css.borderRightWidth = "0px";
	objBas.css.borderRightWidth = "0px";
//	-----------------------------------------

	objCharg.show();
	objTitre.setW(702);
	objTitre.setH(34);
	objTitre.show();
	objText.show();
//	objText.bezierSlide(endX,endY,0,endY,-158,endY,4000,-1);
	setTimeout("objText.timeSlide(150,0,2000,-1,null,true)",3000);
	setTimeout("objCharg.hide()",1000);
	objRub.show();
	objBas.show();
	
//	setTimeout("objRubActu.timeSlide(objRub.elm.offsetWidth-objRubActu.elm.offsetWidth,0,500,-1)",6000);
//	setTimeout("objMenu.timeClip(174,121,1000,-1)",5000);
	setTimeout("onresize = setCanvas",2500);	
}

window.onload = init;

	var etat = false;

function bouton2() {
 
	if (!etat) {
		objRubActu.timeSlide(objRub.elm.offsetWidth-objRubActu.elm.offsetWidth,0,900,-1,null,true);
		objRubDecouv.timeSlide(objRub.elm.offsetWidth,0,900,-1,null,true);
		objRubMairie.timeSlide(objRub.elm.offsetWidth,0,900,-1,null,true);
		objRubVie.timeSlide(objRub.elm.offsetWidth,0,900,-1,null,true);
		document.getElementById("rubA").innerHTML = "&nbsp;actualités"
	}
}

function bouton3() {
 
	if (!etat) {
		objRubDecouv.timeSlide(objRub.elm.offsetWidth-objRubDecouv.elm.offsetWidth,0,900,-1,null,true);
		objRubActu.timeSlide(objRub.elm.offsetWidth,0,900,-1,null,true);
		objRubMairie.timeSlide(objRub.elm.offsetWidth,0,900,-1,null,true);
		objRubVie.timeSlide(objRub.elm.offsetWidth,0,900,-1,null,true);
		document.getElementById("rubB").innerHTML = "&nbsp;découvrir"
	}
}

function bouton4() {
 
	if (!etat) {
		objRubMairie.timeSlide(objRub.elm.offsetWidth-objRubMairie.elm.offsetWidth,0,900,-1,null,true);
		objRubActu.timeSlide(objRub.elm.offsetWidth,0,900,-1,null,true);
		objRubDecouv.timeSlide(objRub.elm.offsetWidth,0,900,-1,null,true);
		objRubVie.timeSlide(objRub.elm.offsetWidth,0,900,-1,null,true);
		document.getElementById("rubC").innerHTML = "&nbsp;municipalité"
	}
}

function bouton5() {
 
	if (!etat) {
		objRubVie.timeSlide(objRub.elm.offsetWidth-objRubVie.elm.offsetWidth,0,900,-1,null,true);
		objRubActu.timeSlide(objRub.elm.offsetWidth,0,900,-1,null,true);
		objRubDecouv.timeSlide(objRub.elm.offsetWidth,0,900,-1,null,true);
		objRubMairie.timeSlide(objRub.elm.offsetWidth,0,900,-1,null,true);		
		document.getElementById("rubD").innerHTML = "&nbsp;au quotidien"
	}
}

function setCanvas() {
	canvas = new getCanvas();
	
	var horiz = Math.round((canvas.w-702)/2);
	var vertic = Math.round((canvas.h-500)/2);
	
	objBan.moveTo(horiz,vertic+10);
	objTitre.moveTo(horiz,vertic+75);
	objPage.moveTo(horiz,vertic+115);
	objBas.moveTo(horiz,vertic+445);

	objTitre.setW(702);
	objTitre.setH(34);
	objTitre.show();
	objText.show();
}
