var sel_couleur;
var sel_taille;

// Définition de la liste des tailles pour une couleur
//function set_tailles(couleur) {
function set_tailles(couleur, str_id) {
  if (tab) {
    //******* Début : validation W3C et extension à d'autres id d'attributs
    //var liste_tailles = document.getElementById("liste_tailles");
	var liste_tailles = document.getElementById(str_id);
	//******* Fin : validation W3C et extension à d'autres id d'attributs
    sel_taille=liste_tailles.options[liste_tailles.options.selectedIndex].value;
    for (m=liste_tailles.options.length-1; m>=0; m--)
      liste_tailles.options[m]=null;
    var j=0;
    for (i=0; i<tab.length; i++){
      if (tab[i]["id_couleur"]==couleur.value) {
        liste_tailles.options[j]=new Option(tab[i]["nom_taille"], tab[i]["id_taille"]);
	    j++;
	  }
    }
    for (i=0; i<liste_tailles.length; ++i)
      if (liste_tailles.options[i].value==sel_taille)
        liste_tailles.options[i].selected=true;
  }
}

// Définition de la liste des couleurs pour une taille
//function set_couleurs(taille) {
function set_couleurs(taille, str_id) {
  if (tab) {
    //******* Début : validation W3C et extension à d'autres id d'attributs
    //var liste_couleurs=document.getElementById("liste_couleurs");
	var liste_couleurs=document.getElementById(str_id);
	//******* Fin : validation W3C et extension à d'autres id d'attributs
    sel_couleur=liste_couleurs.options[liste_couleurs.options.selectedIndex].value;
    for (m=liste_couleurs.options.length-1; m>=0; m--)
      liste_couleurs.options[m]=null;
    var j=0;
    for (i=0; i<tab.length; i++){
      if (tab[i]["id_taille"]==taille.value) {
        liste_couleurs.options[j]=new Option(tab[i]["nom_couleur"], tab[i]["id_couleur"]);
	    j++;
	  }
	}
	for (i=0; i<liste_couleurs.length; ++i)
      if (liste_couleurs.options[i].value==sel_couleur)
        liste_couleurs.options[i].selected=true;
  }
}

// Remise à zéro du contenu des listes de tailles et de couleurs
function raz_listes() {
  if (tab) {
    //******* Début : validation W3C et extension à d'autres id d'attributs
    //var liste_couleurs=document.getElementById("liste_couleurs");
    //var liste_tailles=document.getElementById("liste_tailles");
    var liste_id_couleur = new Array(3);
    liste_id_couleur[1] = 2; // couleur
    liste_id_couleur[2] = 3; // coloris ruban
    liste_id_couleur[3] = 5; // teinte
    for (i=1; i<=liste_id_couleur.length; i++)
      if (document.getElementById("attrib-"+liste_id_couleur[i])) {
        var liste_couleurs=document.getElementById("attrib-"+liste_id_couleur[i]);
		var id_couleur = "attrib-"+liste_id_couleur[i];
        break;
      }
    var liste_id_taille = new Array(3);
    liste_id_taille[1] = 1; // taille
    liste_id_taille[2] = 4; // taille bas et collants
    liste_id_taille[3] = 6; // pointure
    for (i=1; i<=liste_id_taille.length; i++)
      if (document.getElementById("attrib-"+liste_id_taille[i])) {
        var liste_tailles=document.getElementById("attrib-"+liste_id_taille[i]);
        break;
      }
	//******* Fin : validation W3C et extension à d'autres id d'attributs
    for (m=liste_couleurs.options.length-1; m>=0; m--)
      liste_couleurs.options[m]=null;
    for (m=liste_tailles.options.length-1; m>=0; m--)
      liste_tailles.options[m]=null;
    var k_couleur=0;
    var k_taille=0;
    for (i=0; i<tab.length; i++) {
      doublon=0;
      for (j=0; j<liste_couleurs.options.length; j++) {
        if (tab[i]["id_couleur"]==liste_couleurs.options[j].value) doublon=1;
      }
      if (doublon==0) {
        liste_couleurs.options[k_couleur]=new Option(tab[i]["nom_couleur"], tab[i]["id_couleur"]);
        k_couleur++;
      }
      doublon=0;
      for (j=0; j<liste_tailles.options.length; j++) {
        if (tab[i]["id_taille"]==liste_tailles.options[j].value) doublon=1;
      }
      if (doublon==0) {
        liste_tailles.options[k_taille]=new Option(tab[i]["nom_taille"], tab[i]["id_taille"]);
        k_taille++;
      }
    }
//    liste_couleurs.options[0].selected=true;
//    set_tailles(liste_couleurs.options[liste_couleurs.options.selectedIndex]);
    liste_tailles.options[0].selected=true;
    set_couleurs(liste_tailles.options[liste_tailles.options.selectedIndex], id_couleur);
  }
}