// initialisation du javascript dans la page HTML
window.onload = init;

// variables
var navigateur;
var boutonAccueil;
var boutonLien1;
var boutonLien2;
var boutonLien3;
var boutonLien4;
var boutonLien5;
var boutonLien6;
var logoNoir;


// crˇation de la fonction d'initialisation
function init()
	{
		// appel fonction dˇtection du navigateur
		detectionNavigateur();
		
		// appel de la fonction initialisation des ˇvˇnements
		initEvenements();
	}

// fonction dˇtection du navigateur	
function detectionNavigateur()
	{
		// navigator.appName : nom du code source du navigateur
		if(navigator.appName == "Microsoft Internet Explorer")
			{
				navigateur = "IE";
			}
			
		else
			{
				navigateur = "autre";
			}
	}

// fonction initialisation des ˇvˇnements
function initEvenements()
	{
		// cibler les objets
		boutonAccueil = document.getElementById("accueil");
                boutonLien1 = document.getElementById("lien1");
                boutonLien2 = document.getElementById("lien2");
                boutonLien3 = document.getElementById("lien3");
                boutonLien4 = document.getElementById("lien4");
                boutonLien5 = document.getElementById("lien5");
		boutonLien6 = document.getElementById("lien6");
                logoNoir = document.getElementById("logoNoir");
                
		
		
		
		// Crˇation des ˇvˇnements
		if(navigateur == "autre")
			{
                                boutonLien1.addEventListener("mouseover", changementCouleur, false);
                                boutonLien1.addEventListener("mouseout", resetCouleur, false);
                                boutonLien2.addEventListener("mouseover", changementCouleur, false);
                                boutonLien2.addEventListener("mouseout", resetCouleur, false);
                                boutonLien3.addEventListener("mouseover", changementCouleur, false);
                                boutonLien3.addEventListener("mouseout", resetCouleur, false);
                                boutonLien4.addEventListener("mouseover", changementCouleur, false);
                                boutonLien4.addEventListener("mouseout", resetCouleur, false);
                                boutonLien5.addEventListener("mouseover", changementCouleur, false);
                                boutonLien5.addEventListener("mouseout", resetCouleur, false);
				boutonLien6.addEventListener("mouseover", changementCouleur, false);
                                boutonLien6.addEventListener("mouseout", resetCouleur, false);
                              
			}
			
		else
			{
				boutonLien1.onmouseover = changementCouleur;
                                boutonLien1.onmouseout = resetCouleur;
                                boutonLien2.onmouseover = changementCouleur;
                                boutonLien2.onmouseout = resetCouleur;
                                boutonLien3.onmouseover = changementCouleur;
                                boutonLien3.onmouseout = resetCouleur;
                                boutonLien4.onmouseover = changementCouleur;
                                boutonLien4.onmouseout = resetCouleur;
                                boutonLien5.onmouseover = changementCouleur;
                                boutonLien5.onmouseout = resetCouleur;
				boutonLien6.onmouseover = changementCouleur;
                                boutonLien6.onmouseout = resetCouleur;
                               
			}
	}


function changementCouleur()
    {
        logoNoir.style.display = "block";
        boutonAccueil.style.backgroundColor = "#fff";
    }

function resetCouleur()
    {
        logoNoir.style.display = "none";
        boutonAccueil.style.backgroundColor = "#0095cb";
    }