window.onload = function(){
	document.getElementById('nom').onfocus = function(){
		document.getElementById('aide1').innerHTML = 'Pour vous repérer plus facilement entre vos différentes flottes, donnez-lui un nom.';
		document.getElementById('aide2').innerHTML = '';
	}
	document.getElementById('amas').onfocus = function(){
		document.getElementById('aide1').innerHTML = 'Indiquez ici l\'amas de destination de votre flotte.';
		document.getElementById('aide2').innerHTML = '';
	}
	document.getElementById('ss').onfocus = function(){
		document.getElementById('aide1').innerHTML = 'Indiquez ici le système de destination de votre flotte.';
		document.getElementById('aide2').innerHTML = '';
	}
	document.getElementById('plan').onfocus = function(){
		document.getElementById('aide1').innerHTML = 'Indiquez ici la planète de destination de votre flotte.';
		document.getElementById('aide2').innerHTML = '';
	}
	document.getElementById('vitesse').onfocus = function(){
		document.getElementById('aide1').innerHTML = 'Choisissez le taux de vitesse de votre flotte. Plus la flotte ira vite, plus elle consomera de carburant';
		document.getElementById('aide2').innerHTML = '';
	}
	document.getElementById('mission').onfocus = function(){
		document.getElementById('aide1').innerHTML = '';
		document.getElementById('aide2').innerHTML = 'Choisissez la mission que vous voulez donner à votre flotte.';
	}
	document.getElementById('metal').onfocus = function(){
		document.getElementById('aide1').innerHTML = '';
		document.getElementById('aide2').innerHTML = 'Si vous souhaitez transporter des ressources dans les cales de vos vaisseaux, indiquez-le dans ces trois champs';
	}
	document.getElementById('cristal').onfocus = function(){
		document.getElementById('aide1').innerHTML = '';
		document.getElementById('aide2').innerHTML = 'Si vous souhaitez transporter des ressources dans les cales de vos vaisseaux, indiquez-le dans ces trois champs';
	}
	document.getElementById('hydrogene').onfocus = function(){
		document.getElementById('aide1').innerHTML = '';
		document.getElementById('aide2').innerHTML = 'Si vous souhaitez transporter des ressources dans les cales de vos vaisseaux, indiquez-le dans ces trois champs';
	}

	document.getElementById('nom').onkeyup = function(){
		document.getElementById('vp').innerHTML = "Chargement en cours ...";
		tempsFlotte();
	}
	document.getElementById('amas').onkeyup = function(){
		document.getElementById('vp').innerHTML = "Chargement en cours ...";
		tempsFlotte();
	}
	document.getElementById('ss').onkeyup = function(){
		document.getElementById('vp').innerHTML = "Chargement en cours ...";
		tempsFlotte();
	}
	document.getElementById('vitesse').onkeyup = function(){
		document.getElementById('vp').innerHTML = "Chargement en cours ...";
		tempsFlotte();
	}
	document.getElementById('plan').onkeyup = function(){
		document.getElementById('vp').innerHTML = "Chargement en cours ...";
		tempsFlotte();
	}
	document.getElementById('mission').onkeyup = function(){
		document.getElementById('vp').innerHTML = "Chargement en cours ...";
		tempsFlotte();
	}
}

function tempsFlotte() {
	new Ajax.Request(
		'ajax_flotte.php',
		{
			method: 'post',
			parameters: {nom: document.getElementById('nom').value, mission: document.getElementById('mission').value, hyd: document.getElementById('hydrogene').value, galaxie: document.getElementById('amas').value, ss: document.getElementById('ss').value, pos: document.getElementById('plan').value, vitesse: document.getElementById('vitesse').value},
			onSuccess: function(transport, json) {
				document.getElementById('temps').innerHTML = json.root.temps;
				document.getElementById('conso').innerHTML = json.root.conso;
				document.getElementById('deblok').innerHTML = json.root.deblok;
				document.getElementById('tactique').innerHTML = json.root.tactique;
				document.getElementById('vp').innerHTML = "";
			}
		}
	);
}