var ajax_running = false;
var ajax_last_request = false;

var balicek1 = {'quota': 50, 'mail':1, 'db':0};
var balicek2 = {'quota': 300, 'mail':30, 'db':3};
var balicek3 = {'quota': 2000, 'mail':50, 'db':5};


function set_values(quota, mail, db){
    $('#scroll_prvy').slider('option', 'value', quota);
    $('#scroll_druhy').slider('option','value', mail );
    $('#scroll_treti').slider('option','value', db );
    refreshData();
}

function refreshData( param ){
    var input;
    if( param==null){
        input = {'quota': $('#scroll_prvy').slider('option', 'value'),
                      'mail': $('#scroll_druhy').slider('option', 'value'),
                        'db': $('#scroll_treti').slider('option', 'value')
                    };
    }else{
        input = param;
    }

    $.ajax({
      url: baseUrl + "/basket/GetCustomPrice/Get",
      data: input,
	  dataType:"json",
      success: function(data) {
        $('#cena4').text(data.sum);

        $('#cena1').text(data.quota);
        $('#cena2').text(data.mail);
        $('#cena3').text(data.db);

      },
      beforeSend: function(data) {
        if(ajax_running==true){
            ajax_last_request = input;
            return false;
        }else{
            ajax_running=true;
        }
      },
      complete: function(data){
        ajax_running=false;
        if( ajax_last_request!=false ){
            var param = ajax_last_request;
            ajax_last_request = false;
            refreshData(param);
        }
      }
    });
}


$(document).ready(function(){
  
  	$("#cena1").text("0");
    $("#cena2").text("0");
    $("#cena3").text("0");
    $("#cena4").text("0");

    $('#scroll_prvy').slider('option', 'value', 0);
    $('#scroll_druhy').slider('option', 'value', 0);
    $('#scroll_treti').slider('option', 'value', 0);

    $('#limit_quota').val(0);
    $('#limit_mail').val(0);
    $('#limit_db').val(0);


    $('#scroll_prvy').slider({
       slide: function(event, ui)
       {
            $('#limit_quota').val(ui.value);
       },
       change: function(event, ui)
       {
            refreshData();
       },
       min : 0,
       max : 2000,
       value : 0
    });

    $('#scroll_druhy').slider({
       slide: function(event, ui)
       {
            $('#limit_mail').val(ui.value);
       },
       change: function(event, ui)
       {
            refreshData();
       },
       min : 0,
       max : 50,
       value : 0
    });

    $('#scroll_treti').slider({
       slide: function(event, ui)
       {
            $('#limit_db').val(ui.value);
       },
       change: function(event, ui)
       {
            refreshData();
       },
       min : 0,
       max : 10,
       value : 0
    });

});