var updateAusgaben = function () {
    $("#ausgaben").val(Math.round($("#minutes").val() * 0.25 + $("#sms").val() * 0.19 + $("#mms").val() * 0.39));
    $("#ausgaben_slider").slider('value', $("#ausgaben").val());
}
var updateSliders = function () {
    $("#minutes_slider").slider('value', $("#minutes").val());
    $("#sms_slider").slider('value', $("#sms").val());
    $("#mms_slider").slider('value', $("#mms").val());
    $("#ausgaben_slider").slider('value', $("#ausgaben").val());
}
$(document).ready(function () {

    $("#minutes_slider").slider({
        min: 0,
        max: 500,
        value: $("#minutes").val(),
        step: 5,
        range: "min",
        slide: function(event, ui) {
            $("#minutes").val(ui.value);
            updateAusgaben();
        }
    });
    $("#sms_slider").slider({
        min: 0,
        max: 200,
        range: "min",
        value: $("#sms").val(),
        step: 5,
        slide: function(event, ui) {
            $("#sms").val(ui.value);
            updateAusgaben();
        }
    });
    $("#mms_slider").slider({
        min: 0,
        range: "min",
        value: $("#mms").val(),
        max: 30,
        step: 1,
        slide: function(event, ui) {
            $("#mms").val(ui.value);
            updateAusgaben();
        }
    });
    $("#ausgaben_slider").slider({
        min: 0,
        range: "min",
        value: $("#ausgaben").val(),
        max: 150,
        step: 5,
        slide: function(event, ui) {
            $("#ausgaben").val(ui.value);
        }
    });

    $("#mms").bind('blur',
        function() {
            $("#mms_slider").slider('value', $("#mms").val());
            updateAusgaben();
        });
    $("#sms").bind('blur',
        function() {
            $("#sms_slider").slider('value', $("#sms").val());
            updateAusgaben();
        });
    $("#minutes").bind('blur',
        function() {
            $("#minutes_slider").slider('value', $("#minutes").val());
            updateAusgaben();
        });
    $("#ausgaben").bind('blur',
        function() {
            $("#ausgaben_slider").slider('value', $("#ausgaben").val());
        });


    // select all desired input fields and attach tooltips to them
    $("#tarifrechner_form :input[type=text]").tooltip({
        events: {
            input: "focus mouseover, blur mouseout"
        },
        position: "top",
        offset: [-2, 10],

        // use this single tooltip element
        tip: '.tooltip'

    });



    // presets
    $('#tarifrechner_form select').change(function() {
        var choice = $(this).val();
        var presets = new Array();
        presets[0] = new Array(30, 5, 0);
        presets[1] = new Array(60, 15, 2);
        presets[2] = new Array(250, 30, 2);
        presets[3] = new Array(500, 50, 3);
        presets[4] = new Array(30, 150, 2);

        $('#minutes').val(presets[choice][0]);
        $('#sms').val(presets[choice][1]);
        $('#mms').val(presets[choice][2]);

        updateAusgaben();
        updateSliders();

    });


    $('.pv-button').hover(
        function(){
            $(this).addClass("ui-state-hover");
        },
        function(){
            $(this).removeClass("ui-state-hover");
        }
        );

});