Jquery UI Slider - Assigning a name to values

Answer 1

You can just use a lookup object to get the values:

var lookup = {
    1: 'PLAY',
    2: 'HEAL',
    3: 'RELAX'
}

And then in your slide function set the value from that object:

...
slide: function(event, ui) {
    $('#style_type').val(lookup[ui.value]);
}

That will make the #style_type get PLAY, HEAL or RELAX as value depending on the slider. Is this what you meant?