// initialisation JS
window.onload = init;

// variables
var divMenu;
var lienMenu;
var nbLiensMenu;
var imagesBoutonAccueil = ['pictoAccueil', 'pictoAccueilOver'];
var UA;
var navigateur;
var versionNavigateur;
var divCarte;
var baliseImgCarte;
var baliseArea;
var divInfosAgence;

// initialisation
function init()
	{
		// variables
		divMenu = document.getElementById('menu');
		lienMenu = divMenu.getElementsByTagName('a');
		nbLiensMenu = lienMenu.length;

		UA = navigator.userAgent;

		// test du navigateur
		if(UA.indexOf('Firefox') != -1)
			{
				navigateur = 'FF';
			}
		else if(UA.indexOf('MSIE') != -1)
			{
				navigateur = 'IE';
				versionNavigateur = UA.split('MSIE ');
				versionNavigateur = versionNavigateur[1].substring(0, 1)
			}
		else if(UA.indexOf('Opera') != -1)
			{
				navigateur = 'OP';
			}
		else if(UA.indexOf('Chrome') != -1)
			{
				navigateur = 'CH';
			}
		else if(UA.indexOf('Safari') != -1)
			{
				navigateur = 'SF';
			}
		else
			{
				navigateur = 'IE';
			}

		// différences navigateurs
		if(navigateur == 'IE' && versionNavigateur == '9')
			{
				// style commun
				for (var i = 1; i < nbLiensMenu; i++)
					{
						lienMenu[i].style.paddingRight = '21px';
						lienMenu[i].style.paddingLeft = '21px';
					}

				// dernier lien
				lienMenu[nbLiensMenu - 1].style.paddingRight = '23px';
				lienMenu[nbLiensMenu - 1].style.paddingLeft = '23px';
			}

		// infos de l'agence
		if(document.getElementById('infosAgence'))
			{
				divInfosAgence = document.getElementById('infosAgence');

				if(navigateur == 'IE' && versionNavigateur == '9')
					{
						divInfosAgence.style.top = '524px';
					}
				else if(navigateur == 'IE' && versionNavigateur == '8' || navigateur == 'OP')
					{
						divInfosAgence.style.top = '538px';
					}
				else if(navigateur == 'CH' || navigateur == 'SF')
					{
						divInfosAgence.style.top = '540px';
					}
			}

		// événements menu
		lienMenu[0].onmouseover = overBoutonAccueil;
		lienMenu[0].onmouseout = outBoutonAccueil;

		// carte	
		if(document.getElementById('carte'))
			{
				divCarte = document.getElementById('carte');
				baliseImgCarte = divCarte.getElementsByTagName('img')[0];
				baliseArea = divCarte.getElementsByTagName('area');

				for(var i = 0; i < baliseArea.length; i++)
					{
						baliseArea[i].id = i;
						baliseArea[i].onmouseover = overCarte;
						baliseArea[i].onmouseout = outCarte;
					}
			}
	}
	
		// over sur le bouton d'accueil
	function overBoutonAccueil()
		{
			this.getElementsByTagName('img')[0].src = 'images/maquette/' + imagesBoutonAccueil[1] + '.gif';
		}
	
	// out sur le bouton d'accueil
	function outBoutonAccueil()
		{
			this.getElementsByTagName('img')[0].src = 'images/maquette/' + imagesBoutonAccueil[0] + '.gif';
		}