$(document).ready(function(){
  prepareSelectImage('typo');
  prepareSelectImage('qte');
  prepareSelectImage('position');

  $('.couleurt').each(function(i) { active_couleur(this,'couleurt'); });
  $('.couleurm').each(function(i) { active_couleur(this,'couleurm'); });
  choisimodele(document.getElementById('inputmodele_aa'));
  choisisexe(  document.getElementById('inputsexe_m'));
  choisitaillet(document.getElementById('inputtaillet_s'));
  couleur('couleurt',document.getElementById('couleurt-000000'));
  couleur('couleurm',document.getElementById('couleurm-000000'));
});

function prepareSelectImage(tag) {
  var valeur=$('#'+tag)[0].value;
  var index=0;
  var c_=$("#c_"+tag);
  c_.children().each(function(i) {
    if (i.id == valeur) index=i.id;
  });
  if (index==0) index = c_.children()[0].id;
  clicke(tag,$('#'+index)[0]);
  $("#c_"+tag).css({'display':'none'});
  $("#d_"+tag).click(function(i) {    $("#c_"+tag).slideDown(); return false; });
  $("#c_"+tag).children().each(function(i) { $(this).click(function(i) { clicke(tag,this); return false; }); });
  $("#i_"+tag).mouseleave(function(i) {    $("#c_"+tag).slideUp();  });
}

function active_couleur(t,coul) {
  var lacouleur = t.id.split('-');
  $(t).css({'background-color':'#'+lacouleur[1]});
  $(t).click(function(i) { couleur(coul,this); return false; });
}

function couleur(controle,t) {
  var codecouleur = t.title;
  $('#'+controle)[0].value=codecouleur;
  $(t.parentNode).children().each(function(i) {
    if ($(this).hasClass('selected')) $(this).removeClass('selected');
  });
  $(t).addClass('selected');
}

function clicke(tag,t) {
  $('#'+tag)[0].value = t.id;
  $("#d_"+tag).empty();
  $("#d_"+tag).append($(t).clone());
  $("#c_"+tag).slideUp();
}

function formperso_validation() {
  var retour = true;
  oT = document.getElementById("textemsg");
  retour = retour && (oT.value.length>0);
  if (!retour) {
    alert("Entrez un texte sur votre t-shirt...");
    oT.focus();
  }
  return retour;
}

function choisimodele(t) {
 $("#modele").val(t.childNodes[0].innerHTML);
 $('.inputmodele').removeClass('choisi');
 $(t).addClass('choisi');
 changeChoixDeCouleurs(t);
}

function choisisexe(t) {
 $("#sexe").val(t.childNodes[0].innerHTML);
 $('.inputsexe').removeClass('choisi');
 $(t).addClass('choisi');
}

function choisitaillet(t) {
 $("#taillet").val(t.childNodes[0].innerHTML);
 $('.inputtaillet').removeClass('choisi');
 $(t).addClass('choisi');
}

function changeChoixDeCouleurs(t) {
 var aa = (t.id=='inputmodele_aa');
 if (aa) {
    $('.couleurt').each(function (i) {
      $(this).removeClass('txtinvisible'); /* Il faut montrer toutes les couleurs */
    });
 } else {
    $('.couleurt').each(function (i) {
      if (!$(this).hasClass("noir")) $(this).addClass('txtinvisible'); /* Il faut cacher toutes les couleurs qui ne sont pas le noir */
      else $(this).trigger('click'); /* Il faut sélectionner le noir */
    });
 }
}