$(document).ready(function() {
  $('.wbraudio-playlist .item').each(function(i) {
    $(this).click(function() {
      WBRaudio.clearAllActive();
      flash_callback('setitem', {index:i});
      return false;
    });
  });
  WBRaudio.jqueryUI();
});

var WBRaudio = {
  
  last_index: null,
  
  jqueryUI: function () {
    // Setup volume.
    $(".wbraudio-volume").slider({handle:'.wbraudio-volume-handle', min:0, max:100, startValue:flashvars.volume, slide:WBRaudio.sendVolChange});
    $(".wbraudio-volume a").attr('href', '#');
    $(".wbraudio-volume a").click(function() {
      return false;
    });
  },
  
  sendVolChange: function(e, ui) {
    //console.log(ui.value);
    flash_callback('volume', {vol:ui.value});
  },
  
  receiveEvent: function(op, data) {
    switch (op) {
      case 'setitem':
        WBRaudio.clearAllActive();
      case 'playpause':
        var index;
        if (data) {
          index = WBRaudio.last_index = data.index;
        } else {
          index = WBRaudio.last_index;
        }
        $('.wbraudio-playlist .item-'+index).addClass('active');
        break;
      case 'complete':
      case 'stop':
        WBRaudio.clearAllActive();
        break;
    }
  },
  
  clearAllActive: function() {
    $('.wbraudio-playlist .item').each(function(i) {
      $(this).removeClass('active');
    });
  }

}