$('head').append($('<link rel="stylesheet" type="text/css" />').attr('href', '//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css'));
$.getScript("//code.jquery.com/ui/1.12.1/jquery-ui.js");

setTimeout(function() {
varhandStates= [“Normal”, “one”, “two”, “three”, “four”]
varcustomSlider=$(“#sliderArea”).append(“<div id=’customSlider’style=’z-index: 1000;’></div>”);
$(“#customSlider”).slider({
min:0,
max:4,
range:”min”,
value:0,
slide:function(event, ui) {
window.cpAPIInterface.setVariableValue(“sliderValue”, ui.value)
cp.changeState(“hand”, handStates[ui.value]);
}
});
}, 500)