$(function() {

    /* Configurações Iniciais */
    var preco = 100;
    var mult = 2;

    /* Valores Iniciais */
     $("#dias").val("20");
     $("#layouts").val("1");
     $("#price").val(50+10);
     $("#parcial-dias").val("10").attr("disabled", true);
     $("#parcial-layouts").val("50").attr("disabled", true);     
    
  $("#slider-dias").slider({
			value:20, min:1, max:20, step: 1,
			slide: function(event, ui) {
		   $("#dias").val(ui.value);
       /* Constante */       
       $("#parcial-dias").val(Math.floor((preco / ui.value) / ui.value * preco) * ui.value / 30).attr("disabled", true);

$("#price").val(parseInt($("#parcial-dias").val()) + parseInt($("#parcial-layouts").val())).attr("disabled", true);
 $("#parcial-final").val(parseInt($("#parcial-dias").val()) + parseInt($("#parcial-layouts").val()) + parseInt($("#servicos").val())).attr("disabled", true);     

  	}	});
				
  $("#slider-layouts").slider({
			value:1, min:1, max:20, step: 1,
			slide: function(event, ui) {
		   $("#layouts").val(ui.value);
       /* Constante */ 
       $("#parcial-layouts").val(Math.floor(ui.value * preco) / mult).attr("disabled", true);

      $("#price").val(parseInt($("#parcial-dias").val()) + parseInt($("#parcial-layouts").val())).attr("disabled", true);
       $("#parcial-final").val(parseInt($("#parcial-dias").val()) + parseInt($("#parcial-layouts").val()) + parseInt($("#servicos").val())).attr("disabled", true);
  	}	});  	
  	
    $("#servicos").val("100").attr("disabled", true);
$("#price").val(parseInt($("#parcial-dias").val()) + parseInt($("#parcial-layouts").val())).attr("disabled", true);
  $("#selectable").selectable({ 
     tolerance:'fit', filter: 'li', autoRefresh: true, 
     selected: function(event, ui) {
       
    var serval = parseInt($(".ui-selected").attr("title"));
    $("#servicos").val(serval).attr("disabled", true);
    
     $("#parcial-final").val(parseInt($("#parcial-dias").val()) + parseInt($("#parcial-layouts").val()) + parseInt($("#servicos").val())).attr("disabled", true);

    $("#selectable ul li").hover( function() { $(this).css('', '') } )        
       }
     }); 
     
 $("#parcial-final").val(parseInt($("#parcial-dias").val()) + parseInt($("#parcial-layouts").val()) + parseInt($("#servicos").val())).attr("disabled", true);
		
		});