window.onload = function(){
		
		demarrerAnimation();
		demarrerAnimation2();
	}

//retourne un element du dom suivant son ID
	function get_id(id){
		if(document.getElementById(id))
			return document.getElementById(id);
		else
			return false;
	}
//retourne un element du dom suivant son ID

// ================================================ CENTRAGE VERTICALE PAGE 

function centrageVertical()
	{
		hauteurPage = document.getElementById("repere").offsetTop + 1;
		hauteurContenu = 600;
		
		if(hauteurPage > hauteurContenu)
		{
			difference = hauteurPage - hauteurContenu;
			document.body.style.paddingTop = (difference/2) +"px";
		}
		else
		{
			document.body.style.paddingTop = 0;
		}
	}
	
	function centrageVertical2()
	{
		hauteurPage = document.getElementById("repere").offsetTop + 1;
		hauteurContenu = 600;
		
		if(hauteurPage > hauteurContenu)
		{
			difference = hauteurPage - hauteurContenu;
			document.body.style.paddingTop = (difference/2) +"px";
		}
		else
		{
			document.body.style.paddingTop = 0;
		}
	}

// ================================================ CENTRAGE VERTICALE PAGE 

// ============================== MENU 
function hover(obj)
{
	if(document.getElementById(obj))
		obj=document.getElementById(obj);
		
	if(obj.className == 'sousMenu' || obj.className == '')
	{
		obj.className = 'sousMenuVisible';
	}
	else
	{
		obj.className = 'sousMenu';
	}
}

function activeLien(obj)
{
	if(obj.className == 'lienMenu')
		obj.className = 'lienMenuActif';
	else
		obj.className = 'lienMenu';
}

function setHover(){
	sousMenus = document.getElementById('menu').getElementsByTagName('ul');
	for(i=0; i < sousMenus.length; i++)
	{
		sousMenus[i].onmouseover = function()
		{
			hover(this);
			activeLien(document.getElementById('lien'+this.id));
		}
		sousMenus[i].onmouseout = function()
		{
			hover(this);
			activeLien(document.getElementById('lien'+this.id));
		}
	}
	
	liensMenus = document.getElementById('menu').getElementsByTagName('a');
	for(i=0; i < liensMenus.length; i++)
	{
		if(liensMenus[i].className=='lienMenu'){
			liensMenus[i].onmouseover = function()
			{
				hover(this.rel);
			}
			liensMenus[i].onmouseout = function()
			{
				hover(this.rel);
			}
		}
	}
}
// ============================== MENU 


function survolActivite(ligne)
{
	//document.getElementById(ligne).style.backgroundColor="red";
}

function survolActivite2(ligne)
{
	/*if(document.getElementById(ligne).style.backgroundColor=="red")
		document.getElementById(ligne).style.backgroundColor='#fff';*/
}

// ================================================ ANIMATION FONDU PHOTOS GALERIE
	var Animation = function(imageAnimee,typeAnime)
	{
		this.nomImage=imageAnimee; // nom de l'image pour faire l'animation
		this.listeImage=new Array; // liste des images pour chaque anime
		this.interval=0; 
		this.j=0; // variable utilisée pour indiquer le rang de l'image en cours
		
		this.ajoutImage = function(nomVisuel) // fonction permettant d'ajouter une image dans la liste
		{
			this.listeImage.push(nomVisuel);
		}
		
		this.ajoutVitesse = function(valeurVitesse) // fonction permettant d'indiquer la vitesse de défilement
		{
			this.vitesse = valeurVitesse;
		}
		
		this.ajoutDuree = function(valeurDuree) // fonction permettant d'indiquer la durée du fadding
		{
			this.duree = valeurDuree;
		}
		
		this.runSlide = function() // fonction pour l'animation
		{
			if (document.all)
			{
				
				if(navigator.userAgent.indexOf("Opera")!=-1)
				{
					
				}
				else
				{
					document.getElementById(this.nomImage).style.filter="blendTrans(duration=2)" // indication du filtre à utiliser pour le fading des images
					document.getElementById(this.nomImage).style.filter="blendTrans(duration=this.duree)"
					document.getElementById(this.nomImage).filters.blendTrans.Apply()
				}
			}
			var p = this.listeImage.length; // variable indiquant le nombre d'images de l'anime
			//alert(this.listeImage[this.j]);
			if(typeAnime==0)
				document.getElementById(this.nomImage).src = this.listeImage[this.j]; // indique le nom de l'image
			else change_div(imageAnimee,this.listeImage[this.j]);

			if (document.all)
			{
				if(navigator.userAgent.indexOf("Opera")!=-1)
				{
					
				}
				else
				{
					document.getElementById(this.nomImage).filters.blendTrans.Play() // actionne le filtre pour l'image
				}
			}
			this.j++; // incrémente le rang de l'image en cours (pour passer à la suivante
			if (this.j > (p-1)) this.j=0 // si le rang de l'image en cours est supérieure au nombre d'images de l'anime on retourne à la première image
			
			var thisObj = this; // permet de récupérer le nom de l'occurence de l'objet
			this.interval = setTimeout(function(){ thisObj.runSlide() }, this.vitesse) // permet de changer l'image en fonctin de la vitesse choisie 
		}
		
		this.stopSlide = function() // permet de stopper le défilement des images (sur un évènement onclick, onmouseover par exemple)
		{
			clearTimeout(this.interval);
		}
	}
// ================================================ ANIMATION FONDU PHOTOS GALERIE

function afficheSsmenu(menuItem)
{	
	if(document.getElementById(menuItem).style.display == "block")
	{
		document.getElementById('sSAnnuaire').style.display = "none";
		document.getElementById('sSPresentation').style.display = "none";
		document.getElementById(menuItem).style.display = "none";
	}
	else
	{
		document.getElementById('sSAnnuaire').style.display = "none";
		document.getElementById('sSPresentation').style.display = "none";
		document.getElementById(menuItem).style.display = "block";
	}
}

// ================================================ AJAX
	
	var http_request = false; 
	function makeRequest(url) 
	{ 
		if (window.XMLHttpRequest) http_request = new XMLHttpRequest(); 
		else if (window.ActiveXObject) http_request = new ActiveXObject("Microsoft.XMLHTTP"); 
		http_request.onreadystatechange = alertContents; 
		http_request.open('GET', url, true); 
		http_request.send(null); 
	} 

	function alertContents() 
	{ 
		if (http_request.readyState == 4) 
		{ 
			if (http_request.status == 200) 
			{
				//alert(http_request.responseText); 
				eval(http_request.responseText); 
			}
			else alert('Erreur de chargement!'); 
		} 
	} 

	function change_div(nom,valeur)
	{
		if (document.getElementById) document.getElementById(nom).innerHTML = valeur;
		else if (document.all) document.all[nom].innerHTML = valeur;
}
	function afficheDiaporama(deb){
		makeRequest('ajax-diaporama.php?DEB='+deb);
	}
// ================================================ AJAX