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


A = ((MIN-MAX)/(MAX * REACTION)) ; // coef directeur de la droite d'agrandissement 

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


docktab = new Array('dock0','dock1','dock2','dock3','dock4'); 
  

function initialise()
{	
	// détection de résolution
	if (screen.width<1024 || screen.height<768){alert('Cette page est optimisée pour une résolution de au moins 800*600. Votre résolution est de '+screen.width+'*'+screen.height+' Si possible, changez votre résolution!');}

	centrage();
	
	memimgwidth(); 	   
	
	
}   	
 
 
function memimgwidth()
{
  for(i=0 ; i<docktab.length ; i++)
		{							  
		
		dock = document.getElementById(docktab[i]);   // div (dock) en cour.
		img_tags = dock.getElementsByTagName('img') ; // les images contenus dans le div	
			
			img_width[i] = new Array();	
			
			for(j=0 ; j<img_tags.length ; j++)
			{
			if(img_tags[j].id=='espace'){}
			else
			{		
			
			img_width[i][j] = img_tags[j].style.width; 
		
			}
				 
			}
		} 
	 
}

function centrage()
{
 	//définition des variable locales 
	var dock = 0 ;  // div qui contient la barre de menu.
	
	
	//boucle d'iteration des dock (dock0,dock1,dock2,...etc.)
	for(i=0 ; i<docktab.length ; i++)
		{							  
		
		dock = document.getElementById(docktab[i]);   // div (dock) en cour. 
	   	
		//calcule et centrage
		dock.style.left =(document.body.scrollWidth/2)-(415);	   
	
		}

}




function ouEstMaSouris(e,n)
{
	
	var dock = document.getElementById(docktab[n]) ; // div qui contient la barre de menu.
	
	img_tags = dock.getElementsByTagName('img') ; // les images contenus dans le div	
	var B=0;
	var MIN2 =0;
	var MAX2 =0;
	
	var x = 0;
	if (IE)	x = e.clientX+document.body.scrollLeft ; // coordonnées x de la souris sur IE 5.5
	else	x = e.pageX ;  // coordonnées x de la souris sur Mozilla ou Netscape 7
		
	x -= dock.offsetLeft ; // on modifie la coordonnée pour quelle soit relative au div et non à la fenetre.	   
	
	var y = 0;
	if (IE)	y = e.clientY+document.body.scrollTop ; // coordonnées y de la souris sur IE 5.5
	else	y = e.pageY ;  // coordonnées y de la souris sur Mozilla ou Netscape 7
		
	y -= dock.offsetTop ; // on modifie la coordonnée Y pour quelle soit relative au div et non à la fenetre.
	
   	//window.status = "Souris x:"+x+" | y:"+y;
	
	if ((y>=80 || y<=20)||(x<=parseInt(img_width[n][0])+parseInt(img_width[n][1])+15)) 
	{
	   	for(i=0 ; i<img_tags.length ; i++)
	   	{	  
			   if(img_tags[i].id=='espace'){}
			   else	
			   {
			   img_tags[i].style.width = img_width[n][i];
		       img_tags[i].style.height = 70;
			   }   
		} 
	} 
	
	
	
	else 
	{	  
	
		for(i=0 ; i<img_tags.length ; i++) // pour chaque images
		{  	
			if(img_tags[i].id=='espace'){}
			else
			{
			MIN2=parseInt(img_width[n][i]);
			MAX2=(parseInt(img_width[n][i]))*(100/70); 
			B=	((MIN2-MAX2)/(MAX2 * REACTION));
			
			millieu = img_tags[i].offsetLeft + parseInt(img_tags[i].style.width)/2 ;
			delta = millieu - x ;
	
			if (delta < 0) delta *= -1 ;
	
			coef = A * delta + MAX ; 
			coef2 = B * delta + MAX2 ;
			
	
			if (coef < MIN) coef = MIN ;
			else if (coef > MAX) coef = MAX ;
	
			img_tags[i].style.height=coef; 
			
			if (coef2 < MIN2) coef2 = MIN2 ;
			else if (coef2 > MAX2) coef2 = MAX2 ;
	
			img_tags[i].style.width=coef2;	 
			
			}
		}	
		
		
	} 
	
}