var preloaded = [];

preloaded[1]=[loadImage("images/navbar_01_off.jpg"), loadImage("images/navbar_01_on.jpg")];
preloaded[2]=[loadImage("images/navbar_02_off.jpg"), loadImage("images/navbar_02_on.jpg")];
preloaded[3]=[loadImage("images/navbar_03_off.jpg"), loadImage("images/navbar_03_on.jpg")];
preloaded[4]=[loadImage("images/navbar_04_off.jpg"), loadImage("images/navbar_04_on.jpg")];
preloaded[5]=[loadImage("images/navbar_05_off.jpg"), loadImage("images/navbar_05_on.jpg")];
preloaded[6]=[loadImage("images/img_02_05_04.jpg"), loadImage("images/img_02_05_04_over.jpg")];
preloaded[7]=[loadImage("images/img_02_05_06.jpg"), loadImage("images/img_02_05_06_over.jpg")];
function init() {

//==========================================================================================
// Vérification si le script est supporté par le browser
//==========================================================================================
// isSupported() vérifie si le javascript est fonctionel sur le browser et/ou si le browser
// supporte ce script (exemple NN4.7 n'affichera pas le sous-menu et ne mettra pas d'erreur)
//
// Si c'est supporté, appeler initialize(); et accroché les images roll over du menu
// à l'évenement .onactivate et .ondeactivate pour chaque sous menu
//==========================================================================================


if (mtDropDown.isSupported()) {
mtDropDown.initialize();

// accroché les images roll over du menu à l'évenement .onactivate et .ondeactivate 
// pour chaque sous menu jusqu'a la fermeture du sous-menu




menu1.onactivate = function() { swapImage("button1", preloaded[1][1].src) };
menu1.ondeactivate = function() { swapImage("button1", preloaded[1][0].src) };

menu2.onactivate = function() { swapImage("button2", preloaded[2][1].src) };
menu2.ondeactivate = function() { swapImage("button2", preloaded[2][0].src) };

menu3.onactivate = function() { swapImage("button3", preloaded[3][1].src) };
menu3.ondeactivate = function() { swapImage("button3", preloaded[3][0].src) };

menu4.onactivate = function() { swapImage("button4", preloaded[4][1].src) };
menu4.ondeactivate = function() { swapImage("button4", preloaded[4][0].src) };

menu5.onactivate = function() { swapImage("button5", preloaded[5][1].src) };
menu5.ondeactivate = function() { swapImage("button5", preloaded[5][0].src) };



}
}

// preloader
function loadImage(sFilename) {
	var img = new Image();
	//img.src ="/nom du répertoire/" + sFilename;
	img.src =sFilename;
	return img;
}

// swapper l'image
function swapImage(imgName, sFilename) {
	document.images[imgName].src = sFilename;
}