function loadImages()
{
	image1 = new Image();
	image1.src = 'images/bouton/candidat/epitech_raison1-off.jpg';
	image2 = new Image();
	image2.src = 'images/bouton/candidat/epitech_raison2-off.jpg';
	image3 = new Image();
	image3.src = 'images/bouton/candidat/epitech_raison3-off.jpg';
	image4 = new Image();
	image4.src = 'images/bouton/candidat/epitech_raison4-off.jpg';
	image5 = new Image();
	image5.src = 'images/bouton/candidat/epitech_raison1-on.jpg';
	image6 = new Image();
	image6.src = 'images/bouton/candidat/epitech_raison2-on.jpg';
	image7 = new Image();
	image7.src = 'images/bouton/candidat/epitech_raison3-on.jpg';
	image8 = new Image();
	image8.src = 'images/bouton/candidat/epitech_raison4-on.jpg';
}

function hideContents(nbOnglets) { // Cache tous les contenus
	for(var i=1; i<=nbOnglets; i++) {
		document.getElementById('Content'+i).style.display = 'none';
	}
}

function displayContent(idContent) { // Affiche le contenu correspondant à l'onglet sélectionné
	document.getElementById(idContent).style.display = 'block';
}

function survoleImage(img) {
	if (img.className == 'off')
	{
		var chemin = img.src;
		x = chemin.indexOf('-off',0);
	
		if(x==-1)
		{
			x = chemin.indexOf('-on',0);
			chemin = chemin.substring(0,x);
			chemin = chemin + '-off.jpg';
		}
		else
		{
			chemin = chemin.substring(0,x);
			chemin = chemin + '-on.jpg';
		}
	
		img.src = chemin;
	}
}

function setImageOff(img) {
	if (img.className == 'on')
	{
		var chemin = img.src;
		x = chemin.indexOf('-on',0);
		chemin = chemin.substring(0,x);
		chemin = chemin + '-off.jpg';
		img.src = chemin;
	}
	img.className = 'off';
}

function setImageOn(img) {
	img.className = 'on';	
}

function setAllImagesOff() {
	setImageOff(document.getElementById('raison1'));
	setImageOff(document.getElementById('raison2'));
	setImageOff(document.getElementById('raison3'));
	setImageOff(document.getElementById('raison4'));
}

function defineContent(img) {
	switch(img.id) {
		case "raison1":
			displayContent("Content1");
			break;
		case "raison2":
			displayContent("Content2");
			break;
		case "raison3":
			displayContent("Content3");
			break;
		case "raison4":
			displayContent("Content4");
			break;
	}
}

function selectImage(img) {
	if (img.className == 'off')
	{
		setAllImagesOff();
		setImageOn(img);
		hideContents(4);
		defineContent(img);
	}
}