function preloader(){

     var l = 0;
     imageObj = new Image();
     images = new Array();
     images[0]="url(wp-content/themes/eurordis/css/img/advocacy.jpg)";
     images[1]="url(wp-content/themes/eurordis/css/img/building.jpg)";
     images[2]="url(wp-content/themes/eurordis/css/img/funding.jpg)";
     images[3]="url(wp-content/themes/eurordis/css/img/governance.jpg)";

     for(l=0; l<=3; l++) 
     {
          imageObj.src=images[l];
     }
} 

window.onload = function(){

	if(document.getElementById("MainMentoringTopics")){
	
		// pre-chargement des images
		preloader();

		// Hack IE pour l'affichage des sous-menus au survol des categories
		var sfEls = document.getElementById("menu-mentoring-topics").getElementsByTagName("LI");
		for (var k=0; k<sfEls.length; k++) {
			sfEls[k].onmouseover=function() {
				this.className+=" sfhover";
			}
			sfEls[k].onmouseout=function() {
				this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
			}
		}

		catImage = document.getElementById("MentoringTopicsPictures");
		
		if(document.getElementById("menu-item-431")){
			catObj = new Array(document.getElementById("menu-item-431"),
						   document.getElementById("menu-item-46"),
						   document.getElementById("menu-item-47"),
						   document.getElementById("menu-item-48"));
		}else{
			catObj = new Array($$('#MainMentoringTopics li.cat-item-59')[0],
			                   $$('#MainMentoringTopics li.cat-item-18')[0],
							   $$('#MainMentoringTopics li.cat-item-19')[0],
							   $$('#MainMentoringTopics li.cat-item-20')[0]);
		}
		total = 4;
		increment = 0;
		slideShowOn = 1;
		
		// Lancement du 'diaporama'
		slideShow = runSlideShow();
		
		// Gestion du survol des categories par l'utilisateur
		catObj[0].onmouseover = function(){
				
			catImage.style.backgroundImage = images[0];
			for(var j = 0; j < catObj.length; j++){
				catObj[j].style.backgroundImage = '';
				catObj[j].getElementsByTagName('a')[0].style.color = '';
			}
			slideShowOn = 0;
		}
		catObj[0].onmouseout = function(){
			slideShowOn = 1;
		}
		catObj[1].onmouseover = function(){
			catImage.style.backgroundImage = images[1];
			for(var j = 0; j < catObj.length; j++){
				catObj[j].style.backgroundImage = '';
				catObj[j].getElementsByTagName('a')[0].style.color = '';
			}
			slideShowOn = 0;
		}
		catObj[1].onmouseout = function(){
			slideShowOn = 1;
		}
		catObj[2].onmouseover = function(){
			catImage.style.backgroundImage = images[2];
			for(var j = 0; j < catObj.length; j++){
				catObj[j].style.backgroundImage = '';
				catObj[j].getElementsByTagName('a')[0].style.color = '';
			}
			slideShowOn = 0;
		}
		catObj[2].onmouseout = function(){
			slideShowOn = 1;
		}
		catObj[3].onmouseover = function(){
			catImage.style.backgroundImage = images[3];
			for(var j = 0; j < catObj.length; j++){
				catObj[j].style.backgroundImage = '';
				catObj[j].getElementsByTagName('a')[0].style.color = '';
			}
			slideShowOn = 0;
		}
		catObj[3].onmouseout = function(){
			slideShowOn = 1;
		}
			
		catImage.style.backgroundRepeat= 'no-repeat';
	
	}
	
}

function runSlideShow(){
	
	if(slideShowOn == 1){
	
		// var exampleFx = new Fx.Tween('MentoringTopicsPictures', {
			// link: 'chain',
			// property: 'opacity',
			// duration: 300,
			// transition: Fx.Transitions.Quad.easeInOut
		// });
		
		// exampleFx.start(1,0);
		// (function(){catImage.style.backgroundImage = images[increment]}).delay(300);
		catImage.style.backgroundImage = images[increment];
		// exampleFx.start(0,1);
		catObj[increment].style.backgroundImage = 'url(wp-content/themes/eurordis/css/img/bg_ment_topics_cat_hover.png)';
		catObj[increment].getElementsByTagName('a')[0].style.color = '#FFFFFF';
		
		if(increment == 0){
			catObj[total-1].style.backgroundImage = 'url(wp-content/themes/eurordis/css/img/bg_ment_topics_cat.png)';
			catObj[total-1].getElementsByTagName('a')[0].style.color = '#5588CA';
		}
		if(increment > 0){
			catObj[increment-1].style.backgroundImage = 'url(wp-content/themes/eurordis/css/img/bg_ment_topics_cat.png)';
			catObj[increment-1].getElementsByTagName('a')[0].style.color = '#5588CA';
		}
		if(increment < total-1){
			increment += 1;
		}else{
			increment = 0;
		}
	}else{
		// increment = 0;
	}
	setTimeout("runSlideShow()", 5000);
}