///////////////////////////////////////////////////////////////////////////////////////////////////
// D?laration des variables de la machine a ?ats
var var_clients_state_machine;
var var_clients_state_counter;
var var_clients_state_timer;
var var_clients_state_current_img;
var type_clients_states =
{  
	loading : 0,  
	holding : 1 ,
	moving : 2
}

///////////////////////////////////////////////////////////////////////////////////////////////////
// Initialisation des variables
var_clients_state_counter = 0;
var_clients_state_current_img = 0;
var_clients_state_machine = type_clients_states.loading;

///////////////////////////////////////////////////////////////////////////////////////////////////
// Lancement de la machine états
clients_state_machine();



///////////////////////////////////////////////////////////////////////////////////////////////////
// Fonction de chargement
function clients_state_loading()
{

	///////////////////////////////////////////////////////////////////////////////////////////////
	// Chargement des images dans le tableau
	for(i=0;i<var_clients_imgs_count;i++)
	{
		var_clients_imgs[i].style.position = 'absolute';
		var_clients_imgs[i].style.left= (i * 200 + i*10) + "px";
		var_clients_imgs[i].style.top="0px";
		var_clients_imgs[i].style.display='block';
		var_clients_imgs[i].style.cursor='pointer';
		var_clients_imgs[i].style.zindex = 2;
		var_clients_tags[i][1] = (i * 200 + i*10); 
		var_clients_imgs[i].oSrc = var_clients_tags[i][0];
		var_clients_imgs[i].onmouseup = function()
		{
			// FM
			// window.open(this.oSrc);
			window.location.href = "../qui_sommes_nous/clients.php";
			// FM
		}
		document.getElementById('script_clients_div').appendChild(var_clients_imgs[i]);
	}
		
	///////////////////////////////////////////////////////////////////////////////////////////////
	// Suppression du div de chargement
	//document.getElementById('script_clients_table').removeChild(document.getElementById('script_clients_chargement'));
	document.getElementById('script_clients_chargement').style.display = "none";
}

function clients_state_moving()
{
	
	///////////////////////////////////////////////////////////////////////////////////////////////
	// Déclaration des variables
	var lMax;
	
	///////////////////////////////////////////////////////////////////////////////////////////////
	// Décalage de toutes les images du tableau
	for(i=0;i<var_clients_imgs_count;i++)
	{
		//////////////////////////////////////////////////////////////////////////////////////////
		// Décalage vers la gauche
		var_clients_tags[i][1] = (var_clients_tags[i][1] - 1);
		
		//////////////////////////////////////////////////////////////////////////////////////////
		// On recherche la dernière image
		if (var_clients_tags[i][1] < -200)
		{
			//////////////////////////////////////////////////////////////////////////////////////
			// On recherche la dernière image
			lMax = 0;
			for(j=0;j<var_clients_imgs_count;j++)
			{
				if (var_clients_tags[j][1] > lMax)
					lMax = var_clients_tags[j][1];

			}
			
			///////////////////////////////////////////////////////////////////////////////////////
			// On colle l'image trop a gauche après la dernière a droite
			var_clients_tags[i][1] = (lMax + 200 + 10);
		}
		
		//////////////////////////////////////////////////////////////////////////////////////////
		// Décalage vers la gauche
		var_clients_imgs[i].style.left = (var_clients_tags[i][1]) + "px"
		document.getElementById('script_clients_div').appendChild(var_clients_imgs[i]);
		
	}
	
	
}

///////////////////////////////////////////////////////////////////////////////////////////////////
// Fonction d'attente avant de bouger
function clients_state_machine()
{

	switch(var_clients_state_machine)
	{
		///////////////////////////////////////////////////////////////////////////////////////////
		// Chargement
		case type_clients_states.loading:
			
			//////////////////////////////////////////////////////////////////////////////////////
			// Appel de la fonction de chargement
			clients_state_loading();
			
			//////////////////////////////////////////////////////////////////////////////////////
			// On passe  l'état bloqué
			var_clients_state_counter = 0;
			var_clients_state_machine = type_clients_states.moving;
			var_clients_state_timer = setTimeout("clients_state_machine()",1);
			break;
		///////////////////////////////////////////////////////////////////////////////////////////
		// Déplacement
		case type_clients_states.moving:
			
			//////////////////////////////////////////////////////////////////////////////////////
			// Appel de la fonction de chargement
			clients_state_moving();
			
			//////////////////////////////////////////////////////////////////////////////////////
			// Appel de la fonction suivante
			var_clients_state_machine = type_clients_states.moving;
			var_clients_state_timer = setTimeout("clients_state_machine()",20);
			break;
		///////////////////////////////////////////////////////////////////////////////////////////
		// Autre ?at
		default:
		
			break;
	}
}