var preloaded = [];

preloaded[1]=[loadImage(zepath+"i/about.gif"), loadImage(zepath+"i/about_2.gif")];
preloaded[2]=[loadImage(zepath+"i/church.gif"), loadImage(zepath+"i/church_2.gif")];
preloaded[3]=[loadImage(zepath+"i/missions.gif"), loadImage(zepath+"i/missions_2.gif")];
preloaded[4]=[loadImage(zepath+"i/vocations.gif"), loadImage(zepath+"i/vocations_2.gif")];
preloaded[5]=[loadImage(zepath+"i/newsletters.gif"), loadImage(zepath+"i/newsletters_2.gif")];
preloaded[6]=[loadImage(zepath+"i/resources.gif"), loadImage(zepath+"i/resources_2.gif")];
preloaded[7]=[loadImage(zepath+"i/calendar.gif"), loadImage(zepath+"i/calendar_2.gif")];
preloaded[8]=[loadImage(zepath+"i/giveonline.gif"), loadImage(zepath+"i/giveonline_2.gif")];

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) };

menu6.onactivate = function() { swapImage("button6", preloaded[6][1].src) };
menu6.ondeactivate = function() { swapImage("button6", preloaded[6][0].src) };

menu7.onactivate = function() { swapImage("button7", preloaded[7][1].src) };
menu7.ondeactivate = function() { swapImage("button7", preloaded[7][0].src) };

menu8.onactivate = function() { swapImage("button8", preloaded[8][1].src) };
menu8.ondeactivate = function() { swapImage("button8", preloaded[8][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;
}