Ext.onReady(function(){
	Ext.BLANK_IMAGE_URL = './js/extjs/resources/images/default/s.gif';
	//appel des fonctions une fois la page COMPLETEMENT chargée
	window.onload = function(){
		//gestion de l'alerte de la page d'accueil
		if(Ext.get('blocMessageAlerte')){
			if(Ext.get('blocMessageAlerte').down('div')){
				//on met en pause le lancement de l'animation pour que les visiteurs aient le temps de la voir.
				setTimeout("deplacerCamionAlerte()", 1000);
				setTimeout("faireApparaitreAlerte()", 1300);
			}
		}
	}
	
});
function faireApparaitreAlerte(){
	//on attrape le bloc alerte
	var blocAlerte = Ext.get('blocMessageAlerte').down('div');
	//on fait apparaite le bloc texte d'alerte
	blocAlerte.toggle();
}
function deplacerCamionAlerte(){
	//on attrape le bloc camion
	var camion = Ext.get('blocMessageAlerte').down('span');
	
	//on calcule la future position du camion
	var newX = camion.getX() -330;
	var newY = camion.getY();
	//on synchronise tous les effets du camion (vont se déclencher en même temps, pas de queue)
	camion.syncFx();
	//on lance le déplacement du camion
	camion.moveTo(newX, newY, {duration: 1.2});
	//on déclenche en même temps la disparition du camion (baisse de l'alpha)
	camion.fadeOut({
		endOpacity: 0, //can be any value between 0 and 1 (e.g. .5)
		easing: 'easeOut',
		duration: 1.2,
		remove: false,
		useDisplay: false
	});
}

var chargement = function(){
	var zonePresentation = document.getElementById('accueil_presentation');
	cache('accueil_bloc_presentation');
	//Association des évènements à l'objet html
	zonePresentation.onmouseover = function(){affiche('accueil_bloc_presentation');};
	zonePresentation.onmouseout = function(){cache('accueil_bloc_presentation');};
	
	var zonePresentation = document.getElementById('accueil_actualite');
	cache('accueil_bloc_actualite');
	//Association des évènements à l'objet html
	zonePresentation.onmouseover = function(){affiche('accueil_bloc_actualite');};
	zonePresentation.onmouseout = function(){cache('accueil_bloc_actualite');};
	
	var zonePresentation = document.getElementById('accueil_serviceEnLigne');
	cache('accueil_bloc_serviceEnLigne');
	//Association des évènements à l'objet html
	zonePresentation.onmouseover = function(){affiche('accueil_bloc_serviceEnLigne');};
	zonePresentation.onmouseout = function(){cache('accueil_bloc_serviceEnLigne');};
	
	var zonePresentation = document.getElementById('accueil_recrutement');
	cache('accueil_bloc_recrutement');
	//Association des évènements à l'objet html
	zonePresentation.onmouseover = function(){affiche('accueil_bloc_recrutement');};
	zonePresentation.onmouseout = function(){cache('accueil_bloc_recrutement');};
		
	
	var zonePresentation = document.getElementById('accueil_marchePublic');
	cache('accueil_bloc_marchePublic');
	//Association des évènements à l'objet html
	zonePresentation.onmouseover = function(){affiche('accueil_bloc_marchePublic');};
	zonePresentation.onmouseout = function(){cache('accueil_bloc_marchePublic');};
	
	var zonePresentation = document.getElementById('accueil_mediatheque');
	cache('accueil_bloc_mediatheque');
	//Association des évènements à l'objet html
	zonePresentation.onmouseover = function(){affiche('accueil_bloc_mediatheque');};
	zonePresentation.onmouseout = function(){cache('accueil_bloc_mediatheque');};
	
	var zonePresentation = document.getElementById('accueil_clubSDIS14');
	cache('accueil_bloc_clubSDIS14');
	//Association des évènements à l'objet html
	zonePresentation.onmouseover = function(){affiche('accueil_bloc_clubSDIS14');};
	zonePresentation.onmouseout = function(){cache('accueil_bloc_clubSDIS14');};
}