MAX = 100 ; // largeur maximum en pixel
REACTION = 1.4 ; // réaction des icons par rapport à la souris. plus grand --> plus d'icons qui réagissent

IE = document.all ? 1 : 0 ;
img_tags = new Array();

var old_li_disp = 0; var init = 1;

function idock(e,action,nbr)
{
	var page = document.getElementById('page') ; // div page	
	var dock = document.getElementById('idock') ; // div qui contient la barre de menu.
	var desc = document.getElementById('idesc') ; // div qui contient la barre de menu.

    var mini = 20;//Math.round(((dock.offsetWidth-MAX*REACTION)/(nbr+1)));
    var a = ((mini-MAX)/(MAX * REACTION)) ; // coef directeur de la droite d'agrandissement

	var x = 0; var y = 0;
	if (IE)	{ x = e.clientX ; y = e.clientY ; }// coordonnées de la souris sur IE 5.5
	else	{ x = e.pageX ; y = e.clientY ; } // coordonnées de la souris sur Mozilla ou Netscape 7
	
    var move = 1;
    //if ( y < dock.offsetTop+1 || y > dock.offsetTop+MAX) 
    if(action=="reset")		{ move = 0 }
      
    //dock.style.height = move*(MAX+20)+'px';
	
	if (document.body.clientWidth >= page.offsetWidth)	
	x -= (document.body.offsetWidth - page.offsetWidth) / 2 ;
	x -= dock.offsetLeft ; // on modifie la coordonnée pour quelle soit relatif au div et non à la fenetre.
	
	img_tags = dock.getElementsByTagName('img') ; // les images contenus dans le div
	li_tags = dock.getElementsByTagName('li') ; // les lis contenus dans le div
	a_tags = dock.getElementsByTagName('a') ; // les a contenus dans le div	

    var best_coef = 0; var best_no = 0; var best_millieu = 0;
	
	for(i=0 ; i<img_tags.length ; i++) // pour chaque images
	{
		millieu = img_tags[i].offsetLeft + parseInt(img_tags[i].style.width)/2 ;
		delta = (millieu - x) ;

		if (delta < 0) delta *= -1 ;

        coef = a * delta + MAX;
        
        //if(!(move) || coef < mini) coef=mini;
		//else if (coef > MAX) coef = MAX ;


		img_tags[i].style.width=coef+"px";
		img_tags[i].style.height=coef+"px";
		
		if(coef > best_coef) {
				best_coef = coef;
				best_no = i;
				best_millieu = millieu;
		}
		
	}
	
	if(old_li_disp != best_no) {
        li_tags[old_li_disp].style.display="none";
    	if(move) li_tags[best_no].style.display="inline";
		a_tags[best_no].title=""; }
	li_tags[best_no].style.left=best_millieu-li_tags[best_no].offsetWidth/2+"px";
	old_li_disp = best_no;
	//li_tags[best_no].innerHTML=best_no;
}