$(document).ready(function() {
    $(".slider-field select").after('<div class="amount"></div>');

    var slideValues = [];
    var slideNames = [];
    var i = 0;
    var careerform = 0;
    var resultwindow = "#premium-totals-FKZK";


    // get slider values from select
    $("#careerform select option").each(function() {
        slideValues[i] = $(this).val();
        slideNames[i] = $(this).text();
        i++;
    });

    // set starting amount
    $(".amount").text(slideNames[0]);

    // wrap select with div
    $("#careerPlanID").hide().wrap('<div id="careerSlider"></div>');

    // initialize slider
    $("#careerSlider").slider({
        max: slideValues.length - 1,
        animate: true,
        slide: function(e, ui) {
            sindex = ui.value;
            x = slideValues[sindex];
            y = slideNames[sindex];
            $(this).parent().find("select").val(x);
            $(this).parent().find(".amount").text(y);
        }
    });

    // get and display results 
    $("#getCareerPremium").click(function(event) {
        event.preventDefault();
        $(resultwindow).hide().empty();
        $("input.calculate-button").attr("disabled","true");
        $(".loading").show();
        results = $("#careerform").serialize();
        $.ajax({
            url: "/tr/risk/prim.aspx",
            type: "POST",
            data: results,
            dataType: "json",
            success: function(data) {
            var output = "<p>Maaş aralığınıza göre teminat ve prim tutarları aşağıdaki gibidir.</p>";
                output += "<table>";
                $.each(data.results, function() {
                    output += '<tr><th scope="row">' + this.result[0] + '</th><td>' + this.result[1] + '</td></tr>';
                });
                output += "</table>";
                $(resultwindow).append(output).slideDown();
                $(".loading").fadeOut();
                if (careerform === 0) { $("input.calculate-button").val("Tekrar Hesapla").attr("disabled",false); }
            }
        });

    });
});