Slider jquery UI no responde

Hola, estoy teniendo problemas con el slider de jQuery UI el cual no responde, mi objetivo es crear un control de volumen pero algo tengo mal en el código el cual hace que no responda (no se mueve) el slider, acá mi código js:

Código Javascript :

var thr;    
    function radioPlayer_destroy()
    {
        $('#hidden_player').html('');
    } 
    
    function fixfirefox(obj) {
        thr = document.getElementById(obj['id']);
        
    };
 
    //initiate radio
    function tuhabboPlayer()
    {
          //create flash object http://67.212.165.162:7090
          var thradio = new SWFObject('http://tuhabbo.com/v5/contenidos/stats_radio/flash-player/player.swf', 'player', '0', '0', '9.0.124');
          thradio.addVariable('file',     'http://67.212.165.162:7090/;stream.nsv');
          thradio.addVariable('type',     'sound');
          thradio.addVariable('duration', '99999');
          thradio.addVariable('volume', '24');
          thradio.addVariable('autostart', 'true');
          thradio.addVariable('playerready', 'fixfirefox');
          thradio.write('hidden_player');
          
    }
    
    //make slider, run radio if not disabled
$(document).ready(function(){
$("#volume").slider({ 
    orientation: 'vertical',
    create: function(event, ui) { $(this).slider("value", 0 ) },
    slide: function(event, ui) { thr.sendEvent('volume', $(this).slider('value')); },
    stop: function(event, ui) { thr.sendEvent('volume', $(this).slider('value'));}
});
        tuhabboPlayer();              
    });

El Html:

Código HTML :

<div id='radio_player'>
   <div style='position: absolute; top: -10px;' id="hidden_player" class="hidden_player"></div>
   <div id='radio_left'>
      <div id='volume_controls'>
         <div id='volume_up'></div>
         <div id='volume_container'>
            <div id='volume' style='height: 37px;'></div>
         </div>
         <div id='volume_down'></div>
      </div>
   </div>
      <div id='radio_controls'>
        <span onclick="radioPlayer();"> Play </span>
      <span onclick="radioPlayer_destroy();"> Pause </span>
      </div>
   </div>
</div> 

Las librerías están linkeadas correctamente, entonces no es eso, de echo mi problema está en esta parte del js según yo:

Código Javascript :

create: function(event, ui) { $(this).slider("value", 0 ) },
    slide: function(event, ui) { thr.sendEvent('volume', $(this).slider('value')); },
    stop: function(event, ui) { thr.sendEvent('volume', $(this).slider('value'));}

Espero que alguno de ustedes logre ver cual es mi error pues no se que estoy haciendo mal... un saludo y gracias por su tiempo