// Dock Bar
/*
Code d'etat
	0 -> repos
	1 -> centre monte
	2 -> centre descend
	3 -> cote monte
	4 -> cote descend
*/
var 
	dock = "",
	largeur_vignette=89.6,
	N_vignette = 0,
	vignette = new Array(),
	coeff = new Array(),
	x_souris,
	y_souris
;

function get_evenement(event)
{
	x_souris = event.x + getScrollPosition()[0];
	y_souris = event.y + getScrollPosition()[1];
	
}



function getScrollPosition()
{
    return Array((document.documentElement && document.documentElement.scrollLeft) || window.pageXOffset || self.pageXOffset || document.body.scrollLeft,(document.documentElement && document.documentElement.scrollTop) || window.pageYOffset || self.pageYOffset || document.body.scrollTop);
}
function initialisation_dock(nombre,id)
{
	dock = document.getElementById(id);
	
	N_vignette = nombre;
	

	
	
	for(var i =0; i < N_vignette; i++)
	{
		vignette[i] = 0;
		coeff[i] = 1;
	}
	
	

}

function focus_vignette(numero_vignette)
{
	
	
	if(numero_vignette != -1)
	{
		vignette[numero_vignette] = 1;
		
		if(vignette[numero_vignette+1]==0)
			vignette[numero_vignette+1] = 3;
		else if(vignette[numero_vignette+1]==1) // Si la V de gauche etait le focus
			vignette[numero_vignette+1] = 4;
		
		
		if(vignette[numero_vignette-1]==0)
			vignette[numero_vignette-1] = 3;
		else if(vignette[numero_vignette-1]==1) // Si la V de droite etait le focus
			vignette[numero_vignette-1] = 4;
		

		
		vignette[numero_vignette+2] = 2;
		vignette[numero_vignette-2] = 2;
	}
	else
	{
		for(var i =0; i<N_vignette;i++)
		{
			vignette[i] = 2;
			vignette[i] = 2;
		
		
		}
	}
}

function zoom()
{
	
	
	if(
	x_souris < getPosition(dock).x || 
	y_souris < getPosition(dock).y ||
	
	x_souris > getPosition(dock).x + getTaille(dock).w || 
	y_souris > getPosition(dock).y + getTaille(dock).h
	)
	{
		for(var i =0; i<N_vignette;i++)
		{
			vignette[i] = 2;
			vignette[i] = 2;
		
		
		}
	}
	
	for(var i =0; i<N_vignette;i++)
	{
		document.getElementById('titreVignette_' + i).style.display = 'none';
		switch(vignette[i])
		{
			case 1:
			
				if(coeff[i] < 2.5)
					coeff[i] += 0.1;
				
				else
				{
					coeff[i] = 2.5;
					document.getElementById('titreVignette_' + i).style.display = 'block';
				}
				
				document.getElementById('vignette_' + i).style.width =  largeur_vignette * coeff[i] + 'px';
			break;
			
			case 2:
			
				if(coeff[i] > 1)
					coeff[i] -= 0.1;
				
				else
				{
					coeff[i] = 1;
					vignette[i] = 0;
				}
				
				document.getElementById('vignette_' + i).style.width =  largeur_vignette * coeff[i] + 'px';
			break;
			
			
			case 3:
			
				if(coeff[i] < 1.6)
					coeff[i] += 0.04;
				else
					coeff[i] = 1.6;

				document.getElementById('vignette_' + i).style.width =  largeur_vignette * coeff[i] + 'px';
			break;
		
			case 4:
			
				if(coeff[i] > 1.6)
					coeff[i] -= 0.04;
				else
					coeff[i] = 1.6;

				document.getElementById('vignette_' + i).style.width =  largeur_vignette * coeff[i] + 'px';
			break;
		
			default:
			break;
		}
	}

	setTimeout(zoom, 10);
}