var slider1 = null, slider2 = null, slider3 = null;
var submitting = false;

function create_slider(sliderName, inputName, min, max, default_val, result_input_name) {
    var sliderEl = document.getElementById ? document.getElementById(sliderName) : null;
    var inputEl = document.getElementById ? document.getElementById(inputName) : null;
    var res = document.getElementById ? document.getElementById(result_input_name) : null;

    var s = new Slider(sliderEl, inputEl);
    s.onchange = function() {
        if (sliderName == "slider-1") {
            res.innerHTML = val("hospit_txt_" + s.getValue());
        } else if (sliderName == "slider-2") {
            res.innerHTML = val("pharma_txt_" + s.getValue());
        } else {
            res.innerHTML = val("od_txt_" + s.getValue());
        }
    };

    s.setMinimum(min);
    s.setMaximum(max);
    s.setUnitIncrement(1);
    s.setBlockIncrement(1);
    s.setValue(default_val);

    return s;
}

var KEYS = {
    ENTER: 13
};

function goto_p2() {
    if (!submitting) {
        submitting = true;
        $("#submit").attr("disabled", "disabled");
        $("#hospit").attr("value", slider1.getValue() + 1);
        $("#pharma").attr("value", slider2.getValue() + 1);
        $("#optique_dentaire").attr("value", slider3.getValue() + 1);

        document.forms[0].action = "devis_p2.aspx";
        document.forms[0].method = "post";
        document.forms[0].submit();
    }
}

function val(id) {
    return $("#" + id).attr("value");
}

$(window).keydown(function(event) {
    if (event.keyCode == KEYS.ENTER) {        
        //$("#submit").click();
        return false;
    }
});

$(document).ready(
    function() {

        $("#content_p1").show();

        var params = new Array();
        params[0] = $("#civ").val();
        params[1] = $("#nom").val();
        params[2] = $("#prenom").val();
        params[3] = $("#cp").val();
        params[4] = $("#ville").val();
        params[5] = $("#datenaiss").val();
        params[6] = $("#deja_adherent").val();
        params[7] = $("#datenaiss_conjoin").val();
        params[8] = $("#nb_enfants").val();

        var i = 0;
        var nb_enfants = $("#nb_enfants").val();
        for (i = 0; i < parseInt(nb_enfants); i++) {
            params[9 + i] = $("#datenaiss_enfant_" + i.toString()).val();
        }
        params[9 + parseInt(nb_enfants)] = $("#devis_id").val();
        params[10 + parseInt(nb_enfants)] = $("#adresse").val();
        params[11 + parseInt(nb_enfants)] = $("#adresse_bis").val();
        params[12 + parseInt(nb_enfants)] = $("#tel").val();
        params[13 + parseInt(nb_enfants)] = $("#email").val();

        $("#zone_contact").load("zone_contact_devis.aspx", { page_params: params, page: 1 });

        slider1 = create_slider("slider-1", "slider-input-1", 0, val("hospit_nb") - 1, 1, "resultat_slider_1");
        slider2 = create_slider("slider-2", "slider-input-2", 0, val("pharma_nb") - 1, 1, "resultat_slider_2");
        slider3 = create_slider("slider-3", "slider-input-3", 0, val("od_nb") - 1, 1, "resultat_slider_3");

        if ($("#hospit").attr("value") == "") {
            $("#hospit").attr("value", "2")
        }
        if ($("#pharma").attr("value") == "") {
            $("#pharma").attr("value", "2")
        }
        if ($("#optique_dentaire").attr("value") == "") {
            $("#optique_dentaire").attr("value", "2")
        }

        slider1.setValue($("#hospit").attr("value") - 1);
        slider2.setValue($("#pharma").attr("value") - 1);
        slider3.setValue($("#optique_dentaire").attr("value") - 1);

        $("#fa_etape_1").addClass("fa_etape_actif");
        $("#fa_etape_2").addClass("fa_etape_inactif");
        $("#fa_etape_3").addClass("fa_bout_gris");

        $("#fa_etape_1 label").css("background-image", "url('Images/Ariane/puce_1_ombre.png')");
        $("#fa_etape_2 label").css("background-image", "url('Images/Ariane/puce_2_grey.png')");
        $("#fa_etape_3 label").css("background-image", "url('Images/Ariane/puce_3_grey.png')");
    }
);