function imgBasOn(id){
	if(document.getElementById(id)){
			var originalSrc=document.getElementById(id).src;
			document.getElementById(id).src=originalSrc.replace('Off.jpg','On.jpg');
			
	}
	if(document.getElementById(id+"_desc")){
			var desc=document.getElementById(id+"_desc");
			var curleft = curtop = 0;
			var obj=document.getElementById(id);
			if (obj.offsetParent) {
				curleft = obj.offsetLeft;
				curtop = obj.offsetTop;
				while (obj = obj.offsetParent) {
					curleft += obj.offsetLeft;
					curtop += obj.offsetTop;
				}
			}
			curleft=curleft+60;
			curtop=curtop+30;
			desc.style.left=curleft+"px";
			desc.style.top=curtop+"px";
			desc.style.display="block";
			
	}
}

function imgBasOff(id){
	if(document.getElementById(id)){
			var originalSrc=document.getElementById(id).src;
			document.getElementById(id).src=originalSrc.replace('On.jpg','Off.jpg');
	}
	if(document.getElementById(id+"_desc")){
			var desc=document.getElementById(id+"_desc");
			desc.style.display="none";
	}
}

function imageOn(id){
	if(id == 'logo'){
			var originalSrc=document.getElementById('elementAccueil').className;
			//document.getElementById('elementAccueil').className=originalSrc.replace('Accueil','survolA');
			originalSrc=document.getElementById('bt1').className;
			document.getElementById('bt1').className=originalSrc.replace('bt1','survolB');
	}
	else{
			var originalSrc=document.getElementById('Logo').className;
			document.getElementById('Logo').className=originalSrc.replace('LogoJH','survolL');
			originalSrc=document.getElementById('bt1').className;
			document.getElementById('bt1').className=originalSrc.replace('bt1','survolB');
			
	}
			originalSrc=document.getElementById('separateurColGch').className;
			document.getElementById('separateurColGch').className=originalSrc.replace('separateur_accueil','separateurOn');	
}
	
function imageOff(id){
	if(id == 'logo'){
			var originalSrc=document.getElementById('elementAccueil').className;
			document.getElementById('elementAccueil').className=originalSrc.replace('survolA','Accueil');
			originalSrc=document.getElementById('bt1').className;
			document.getElementById('bt1').className=originalSrc.replace('survolB','bt1');
	}
	else{
			var originalSrc=document.getElementById('Logo').className;
			document.getElementById('Logo').className=originalSrc.replace('survolL','LogoJH');
			originalSrc=document.getElementById('bt1').className;
			document.getElementById('bt1').className=originalSrc.replace('survolB','bt1');
	}
	originalSrc=document.getElementById('separateurColGch').className;
	document.getElementById('separateurColGch').className=originalSrc.replace('separateurOn','separateur_accueil');	
}