var laction;
var nbTotal;

$(window).load(function() { initialisation() });

function initialisation(){
  
  //si l'id crytal est présent dans le DOM - pour chaque je fais...
  $("#crystal").each(function(){
    //je selectionne tous les champs de selection du formulaire
    $(this).parent().parent().parent().find("select").change(function(){ compterArticles(); });
    
    laction = $("#formpersonnalise").attr("action");
    $("#formpersonnalise").attr("onSubmit", "return verifArticles(this);");
    //$("#formpersonnalise").attr("onsubmit", "javascript:void(0);");
    //$("#formpersonnalise").attr("action", "");
    
  });
  
  $("#clearblue").parent().parent().find("label").attr("style", "position:absolute; top:-25px; left:280px;");
  $("#clearblue").parent().parent().find("div").attr("style", "position:absolute; top:-25px; left:400px;");
  $("#white").parent().parent().find("label").attr("style", "position:absolute; top:-25px; left:280px;");
  $("#white").parent().parent().find("div").attr("style", "position:absolute; top:-25px; left:400px;");
  $("#dark_brown").parent().parent().find("label").attr("style", "position:absolute; top:-25px; left:280px;");
  $("#dark_brown").parent().parent().find("div").attr("style", "position:absolute; top:-25px; left:400px;");
  $("#safari").parent().parent().find("label").attr("style", "position:absolute; top:-25px; left:280px;");
  $("#safari").parent().parent().find("div").attr("style", "position:absolute; top:-25px; left:400px;");
  
  $("#safari").parent().parent().after("<div class='totaux'><div class='t1'>Total</div><div class='t2'><input type='text' value='0' id='totaux' disabled='disabled'/></div><div style='clear:both'></div></div>");
  
  //<divv class='t3'>Pour validation la quantité<brr/>doit être un multiple de 50</divv><divv class='t3EN'>To validate the number<brr/>must be a multiple of 50</divv>
  
  //$(".facebook").parent().bookmark({sites: ['facebook']});
  //$(".twitter").parent().bookmark({sites: ['twitter']});
  //$(".myspace").parent().bookmark({sites: ['myspace']});
  //$(".linkin").parent().bookmark({sites: ['linkedin']});
  //$('#main').bookmark({sites: ['delicious', 'digg', 'linkedin', 'stumbleupon']});
  
}

function compterArticles(){
  
  var nbCrystal = $("#crystal").val();
  if(nbCrystal < 1){ nbCrystal = 0; }
  
  var nbClearblue = $("#clearblue").val();
  if(nbClearblue < 1){ nbClearblue = 0; }
  
  var nbFluo_yellow = $("#fluo_yellow").val();
  if(nbFluo_yellow < 1){ nbFluo_yellow = 0; }
  
  var nbWhite = $("#white").val();
  if(nbWhite < 1){ nbWhite = 0; }
  
  var nbTechnicalOrange = $("#technical_orange").val();
  if(nbTechnicalOrange < 1){ nbTechnicalOrange = 0; }
  
  var nbDarkBrown = $("#dark_brown").val();
  if(nbDarkBrown < 1){ nbDarkBrown = 0; }
  
  var nbAlgrey = $("#algrey").val();
  if(nbAlgrey < 1){ nbAlgrey = 0; }
  
  var nbSafari = $("#safari").val();
  if(nbSafari < 1){ nbSafari = 0; }
  
  nbTotal = parseInt(nbCrystal) + parseInt(nbClearblue) + parseInt(nbFluo_yellow) + parseInt(nbWhite) + parseInt(nbTechnicalOrange) + parseInt(nbDarkBrown) + parseInt(nbAlgrey) + parseInt(nbSafari);
  
  $("#totaux").attr("value", nbTotal);
  
  if(verif_numeric(nbTotal/50) && nbTotal !== 0){
    $(".t3").css("display","none");
    //$("#formpersonnalise").action = laction;
  }else{
    $(".t3").css("display","block");
    //$("#formpersonnalise").action = "javascript:void(0)";
  }
  
}

function verifArticles(form) {
  if(verif_numeric(nbTotal/50) && nbTotal !== 0){
    le_return = true;
  }else{
    alert("Pour validation la quantité doit être un multiple de 50");
    le_return = false;
  }
  return le_return;
}

function verif_numeric(variable){
  var exp = new RegExp("^[0-9]+$","g");
  return exp.test(variable);
}