// initialisation JS
window.onload = init;

// variables
var divMenu;
var lienMenu;
var imagesBoutonAccueil = ['btn_home', 'btn_home_over'];
var divColonneGauche;
var divColonneCentre;
var divColonneDroite;
var divAgenda;
var TDdivAgenda;
var nbTDdivAgenda;
var H2divAgenda;
var TABLEdivAgenda;
var UA;
var navigateur;

// initialisation
function init()
	{
		// variables
		divMenu = document.getElementById('menu');
		lienMenu = divMenu.getElementsByTagName('a')[0];
		divColonneGauche = document.getElementById('colonneGauche');
		divColonneCentre = document.getElementById('colonneCentre');

		if(document.getElementById('colonneDroite'))
			{
				divColonneDroite = document.getElementById('colonneDroite');
			}

		divAgenda = document.getElementById('agenda');
		TDdivAgenda = divAgenda.getElementsByTagName('td');
		nbTDdivAgenda = TDdivAgenda.length;
		H2divAgenda = divAgenda.getElementsByTagName('h2');
		TABLEdivAgenda = divAgenda.getElementsByTagName('table');
		UA = navigator.userAgent;

		// test du navigateur
		if(UA.indexOf('Firefox') != -1)
			{
				navigateur = 'FF';
			}
		else if(UA.indexOf('MSIE') != -1)
			{
				navigateur = 'IE';
			}
		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 == 'FF' || navigateur == 'OP')
			{
				for(var i = 0; i < nbTDdivAgenda; i++)
					{
						TDdivAgenda[i].style.paddingTop = TDdivAgenda[i].style.paddingBottom = '12.5px';
					}
			}

		if(navigateur == 'FF')
			{
				H2divAgenda[0].style.marginTop = '-8px';
			}

		if(navigateur == 'IE')
			{
				H2divAgenda[0].style.marginTop = '-3px';
				TABLEdivAgenda[0].style.marginTop = '-2px';
			}

		if(navigateur == 'OP')
			{
				TABLEdivAgenda[0].style.marginTop = '0px';
			}
		
		if(navigateur == 'CH' || navigateur == 'SF')
			{
				TABLEdivAgenda[0].style.marginTop = '-2px';
			}

		// hauteur des colonnes centre/droite
		if(divColonneGauche.offsetHeight > divColonneCentre.offsetHeight)
			{
				divColonneCentre.style.height = divColonneGauche.offsetHeight + 'px';
			}

		if(document.getElementById('colonneDroite') && divColonneGauche.offsetHeight > divColonneDroite.offsetHeight)
			{
				divColonneDroite.style.height = divColonneGauche.offsetHeight + 'px';
			}
		
		// événements menu
		lienMenu.onmouseover = overBoutonAccueil;
		lienMenu.onmouseout = outBoutonAccueil;
	}

// over sur le bouton d'accueil
function overBoutonAccueil()
	{
		this.getElementsByTagName('img')[0].src = 'css/img/menu/' + imagesBoutonAccueil[1] + '.gif';
	}

// out sur le bouton d'accueil
function outBoutonAccueil()
	{
		this.getElementsByTagName('img')[0].src = 'css/img/menu/' + imagesBoutonAccueil[0] + '.gif';
	}