$(document).ready(function() {
$("#slider").slider({
animate: true,
value:1,
min: 1,
max: 60,
step: 1,
slide: function(event, ui) {
update(1,ui.value);
}
});
$("#amount").val(0);
$("#amount-label").text(0);
update();
});
function update(slider,val) {
var $amount = slider == 1?val:$("#amount").val();
$( "#amount" ).val($amount);
$( "#amount-label" ).text($amount);
$('#slider a').html('<label><span class="glyphicon glyphicon-chevron-left"></span> '+$amount+' <span class="glyphicon glyphicon-chevron-right"></span></label>');
}
