// Fonction de déplacement du pointeur de catégories principales

//function move_pointer(elem,target){
function move_pointer(elem){
	
	$("#"+ elem).hover(function(e){
		
		$("#"+ elem).stop();
		e.preventDefault(); // Emp?che le navigateur de suivre le lien.
	      
	    //on capture la position d'origine du pointeur
		var curleft = document.getElementById("pointeur").offsetLeft;
		//alert(curleft);//test
		//estimation de la source de déplacement
		if(curleft < 300){
			var source = 'accueil';
		}else if(curleft > 300 && curleft < 500){
			source = 'formateurs';
		}else if(curleft > 500){
			source = 'droit_formation';
		}
		
		// changement de background de la destination
		$("#"+ elem).removeClass('nonactif');
		$("#"+ elem).addClass('actif');
		
		// changement de background de la source
		$('#' + source).removeClass('actif');
		$('#' + source).addClass('nonactif');
	
		//on capture la position finale du pointeur + la moitié du div d'arrivé
		var curleft_f = document.getElementById(elem).offsetLeft;
		var target_width = document.getElementById(elem).offsetWidth;
		//alert("target_width : " + target_width);//test
		var demi_div = (target_width / 2 );
		
		//alert("curleft_f : " + curleft_f);//test
		//alert("demi_div : " + demi_div);//test
		
		delta = (document.getElementById(elem).offsetLeft + demi_div)-13; // 13px = moitié du pointeur
		 //déplacement de la div de l'image
		$("#pointeur").animate({
			left: "+" + delta +"px"
		},{
			duration:800,easing:"swing"
		});
		
	}
	,function(e){
	  	e.preventDefault(); // Emp?che le navigateur de suivre le lien.
	  	
	  	// changement de background de la destination
		$("#"+ elem).removeClass('actif');
		$("#"+ elem).addClass('nonactif');
		
		// changement de background de la source
		$('#accueil').removeClass('nonactif');
		$('#accueil').addClass('actif');
	  	
	  	//déplacement de la div de l'image
		$("#pointeur").animate({
			left: "+275"
		},{
			duration:500,easing:"easeOutBounce"
		});
	    
	  }
	);
} 

$(document).ready(function(){
	
	move_pointer("formateurs");
	move_pointer("droit_formation");
	
});