$(function(){
    var Host = window.location.host;
    if (Host == "solire-01")
        Host += "/123chaussettes";

    var Url = "http://" + Host + "/";
    /* = Chargement du sélécteur
    `------------------------------------- */
    $("#menu1 .categorie").click(function(){
        var param = Array();
        $("#menuPopupMarque, #menupopup").hide();
        if ($(this).attr("data") == "marque") {
          $("#menuPopupMarque").css("left", $(this).offset().left)
            .css("top", $(this).offset().top + 35).show();
        } else {
          param.push("cat=" + $(this).attr('data'));
          $("#menupopup").css("left", $(this).offset().left)
            .css("top", $(this).offset().top + 35);
          $.get(Url + "_selecteur", param.join("&"), function(data){
            $("#menupopup").html(data).show();
            $(".submit").attr("href", $("#selecteur").attr("data"));
          });
        }

        return false;
    });

    $("#selecteur .close").live('click', function() {
        $("#menupopup").hide();
        return false;
    });

    $(".bclose").click(function() {
        $(this).parent().hide();
        return false;
    });

    $("#selecteur li").live('click', function() {
        var param = Array();
        param.push("cat=" + $("#selecteur").attr("class"));
        if ($(this).hasClass("select")) {
            $(this).removeClass("select");
        } else {
            $(this).addClass("select");
        }
        $("#selecteur li.select").each(function(){
            param.push($(this).parent().attr("class") + "[]=" + parseInt($(this).attr("class").replace("select", "")));
        });
        $.get(Url + "_selecteur", param.join("&"), function(data){
           $("#menupopup").html(data).show();
           $(".submit").attr("href", $("#selecteur").attr("data") + "/?" + param.join("&"));
        });
    });

    /* = Fenetre popup d'ajout produit à un panier
    `------------------------------------- */
    $(".ajoutproduit").click(function(){
        var form = $(this).parent();
        var param = Array();
        $("input, select", form).each(function(){
            if ($(this).attr("name").toString() != "")
                param.push($(this).attr("name").toString() + "=" + $(this).val());
        });
        param.push("osef=" + Math.random().toString());

        $("select", form).addClass('wip');

        if (form.hasClass("addProduct")) {
          $.get(Url + "_ajoutproduit", param.join("&"), function(data){
            location.reload();
          });
          return false;
        }
        $.getJSON(Url + "_ajoutproduit", param.join("&"), function(json){
            $("select.wip").each(function(){
              $(this).removeClass('wip');
                var Form = $(this).parent().parent().parent();
                var param = Array();
                param.push("prod=" + $("input[name=produit]", Form).val());
                param.push("pointure=" + $(this).val());
                $.getJSON(Url + "_select-stock", param.join("&"), function(json){
                    var Select = "";
                    if (json.stock > 10)
                        json.stock = 10;
                    for(I = 1; I <= json.stock; I++) {
                        Select += "<option value=" + I + ">" + I + "</option>";
                    }
                    $("select[name=qte]", Form).html(Select);
                });
            });
            var Popup = $("#p-ajout");
            for (Key in json) {
                if ($("." + Key, Popup)) {
                    $("." + Key, Popup).html(json[Key]);
                }
            }
            Popup.show();
            $("p", Popup).show();
            if ($(".panier .nbarticle").html() != null)
                $(".panier .nbarticle").html(json.qtetotal);
            else
                $(".panier").html("<a href='panier.html'>Panier : <b><span class='nbarticle'>" + json.qtetotal + "</span> produit(s)</b></a>")
        });


        return false;
    });

    $("#p-ajout .close").click(function(){
       $("#p-ajout").hide();
       return false;
    });

    /* = Au click
    `------------------ */
    $("select[name=pointure]").change(function(){
        var Form = $(this).parent().parent().parent();
        var param = Array();
        param.push("prod=" + $("input[name=produit]", Form).val());
        param.push("pointure=" + $(this).val());
        $.getJSON(Url + "_select-stock", param.join("&"), function(json){
            var Select = "";
			if (json.stock > 10)
                json.stock = 10;
            for(I = 1; I <= json.stock; I++) {
                Select += "<option value=" + I + ">" + I + "</option>";
            }
            $("select[name=qte]", Form).html(Select);
        });
    });

    /* = Systeme de recherche
    `------------------------------------- */
    $("form.rch").submit(function(){
      var chaine = $("input[name=motcle]", $(this)).val();
      chaine = chaine.replace(/ /g, "-");
      $(".setrch").attr("action", "-" + encodeURIComponent(chaine) + ".html");

        if ($("input[name=motcle]", $(this)).val())
            $(".setrch").submit();

        return false;
    });

    /* = Connection utilisateur
    `------------------------------------- */
    $(".log").click(function(){
        if ($("#connect").hasClass("show")) {
            $("#connect").hide().removeClass("show");
        } else {
            $("#connect").show().addClass("show");
        }
        return false;
    });
});