$(document).ready(function(){
  $.each($('input.needs-slider'), function(i, input) {
    var hidden = $('<input type="hidden" name="' + $(input).attr('name') + '" value="' + $(input).attr('value') + '"/>');
    var label  = $('<p class="label">5</p>')
    var slider = $('<div></div>');
    var na_check = $('<label class="na"><input type="checkbox"/>N/A</label>')
    
    hidden.insertBefore(input);
    label.insertAfter(hidden);
    slider.insertAfter(label);
    if (i != 0) {
      na_check.insertAfter(label);
    } else {
      label.addClass('experience');
    };
    $(input).remove();
    
    slider.slider({
      value: 5,
      min: 0,
      max: 10,
      step: 1,
      slide: function(event, ui) {
        hidden.val(ui.value);
        label.text(ui.value);
      }
    });
    
    na_check.click(function() {
      if ($('input', this).attr('checked')) {
        hidden.val(null);
        slider.slider('disable');
        label.addClass('disable').html('&nbsp;');
      }
      else {
        hidden.val(5);
        slider.slider('enable');
        label.removeClass('disable').html('5');
      }
    });
  });
  
  $('input[type=checkbox]#other').click(function() {
    if ($(this).attr('checked')) {
      $('.reason-of-visit-other').show();
    }
    else {
      $('.reason-of-visit-other').hide();
      $('.reason-of-visit-other input').val(null);
    }
  });
  
});