/* Module ajax */

// ------ ------ ------
// ------ Gammes ------
// ------ ------ ------

function chargeGammes(couleur)
{
	//alert(couleur);
	new Ajax.Request('chargeGammes.php',
  {
    method:'get',
		parameters: {lacouleur: couleur},
    onSuccess: function(transport){
      var response = transport.responseText || "no response text";
      //alert("Success! \n\n" + response);
			
			// appelle a la fonction affichage des gammes
			afficheGammes(response, couleur);
			
    },
    onFailure: function(){ alert('Something went wrong...') }
  });

}

function afficheGammes(response, couleur)
{
	document.getElementById('lien_rouge').className="offCouleur";
	document.getElementById('lien_rose').className="offCouleur";
	document.getElementById('lien_blanc').className="offCouleur";
	document.getElementById('lien_'+couleur).className="onCouleur";
	
	document.getElementById('ajaxrecettes').innerHTML = '';
	document.getElementById('ajaxgammes').innerHTML = response;
}


// ------ ------ ------
// ------ Gammes ------
// ------ ------ ------

function chargeRecettes(couleur,gamme)
{
	//alert(couleur);
	new Ajax.Request('chargeRecettes.php',
  {
    method:'get',
		parameters: {lacouleur: couleur, lagamme: gamme},
    onSuccess: function(transport){
      var response = transport.responseText || "no response text";
      //alert("Success! \n\n" + response);
			
			// appelle a la fonction affichage des gammes
			afficheRecettes(response,gamme);
			
    },
    onFailure: function(){ alert('Something went wrong...') }
  });

}

function afficheRecettes(response,gamme)
{
	document.getElementById('agamme0').className="offGamme";
	document.getElementById('agamme1').className="offGamme";
	document.getElementById('agamme2').className="offGamme";
	document.getElementById('agamme3').className="offGamme";
	document.getElementById('agamme4').className="offGamme";
	document.getElementById('agamme5').className="offGamme";
	document.getElementById('agamme6').className="offGamme";
	document.getElementById('agamme7').className="offGamme";
	document.getElementById('agamme8').className="offGamme";
	document.getElementById('agamme9').className="offGamme";
	
	document.getElementById('agamme'+gamme).className="onGamme";
	
	document.getElementById('ajaxrecettes').innerHTML = response;
}