{if $LOADER != 'collection'}
<script src="{$BASE_HREF}content/{$THEME}/assets/js/soundmanager/soundmanager.js"></script>
<script>
//<![CDATA[
jQuery(function() {
  soundManager.setup({
    url       : 'content/{$THEME | noescape}/assets/swf/',
    debugMode : false
  });
});
</script>
{/if}

<script>
function mswPlayPrevMusic(id, fle) {
  // We populate the href to prevent validation errors..
  // HTML5 doesn`t support mp3 files in the href tag on load..
  if (jQuery('#prevplay-' + id).attr('href') == '#') {
    jQuery('#prevplay-' + id).attr('href', fle)
  }
  soundManager.stopAll();
  var current = jQuery('#prevplay-' + id + ' img').attr('class');
  if (current == 'stopped') {
    // Reset all except current id..
    jQuery('.previewarea tbody tr td a.sm2_button').each(function() {
      var tr = jQuery(this).attr('id');
      var trid = tr.substring(9);
      if (trid != id) {
        jQuery('#prevplay-' + trid + ' img').attr('class', 'stopped');
        jQuery('#prevplay-' + trid + ' img').attr('src', '{$BASE_HREF | noescape}content/{$THEME | noescape}/assets/images/player/360-button-play.png');
      }
    });
    jQuery('#prevplay-' + id + ' img').attr('class', 'playing');
    jQuery('#prevplay-' + id + ' img').attr('src', '{$BASE_HREF | noescape}content/{$THEME | noescape}/assets/images/player/360-button-pause.png');
    soundManager.createSound({
      id       : 'prevplay-' + id,
      url      : jQuery('#prevplay-' + id).attr('href'),
      onfinish : function() {
        jQuery('#' + this.id + ' img').attr('class', 'stopped');
        jQuery('#' + this.id + ' img').attr('src', '{$BASE_HREF | noescape}content/{$THEME | noescape}/assets/images/player/360-button-play.png');
      }
    });
    soundManager.play('prevplay-' + id);
  } else {
    jQuery('#prevplay-' + id + ' img').attr('class', 'stopped');
    jQuery('#prevplay-' + id + ' img').attr('src', '{$BASE_HREF | noescape}content/{$THEME | noescape}/assets/images/player/360-button-play.png');
    soundManager.destroySound('prevplay-' + id);
  }
}
function mswPrevTracks(id,screen) {
  var boxeschk = jQuery('.previewarea .prev_track_area input[type="checkbox"]:checked').length;
  if (boxeschk > 0) {
    switch(screen) {
      case 'small':
        jQuery('.action_s').hide();
        var cur = jQuery('.prevmobarea .b1').html();
        jQuery('.prevmobarea .b1').html('<i class="fas fa-spinner fa-fw fa-spin"></i>');
        break;
      default:
        var cur = jQuery('.prevbutton button').html();
        jQuery('.prevbutton button').html('<i class="fas fa-spinner fa-fw fa-spin"></i>');
        break;
    }
    jQuery(function() {
      jQuery.ajax({
        type: 'POST',
        url: 'index.php?ajax=add-tracks&id=' + id + '&prev=yes',
        data: jQuery('.previewarea > form').serialize(),
        cache: false,
        dataType: 'json',
        success: function(data) {
          switch(screen) {
            case 'small':
              jQuery('.headbasket').attr('data-count', data['cart']['count']);
              jQuery('.prevmobarea .action_s').html('<i class="fas fa-check fa-fw"></i> ' + data['tracks'] + ': ' + boxeschk);
              jQuery('.previewarea input[type="checkbox"]').prop('checked', false);
              jQuery('.prevmobarea .b1').html(cur);
              jQuery('.action_s').show();
              setTimeout(function() {
                jQuery('.action_s').hide();  
              }, 3000);
              break;
            default:
              jQuery('.headbasket').attr('data-count', data['cart']['count']);
              jQuery('.prevbutton .action_b').html('<i class="fas fa-check fa-fw"></i> ' + data['tracks'] + ': ' + boxeschk);
              jQuery('.previewarea input[type="checkbox"]').prop('checked', false);
              jQuery('.prevbutton button').html(cur);
              jQuery('.action_b').show();
              setTimeout(function() {
                jQuery('.action_b').hide();  
              }, 3000);
              break;
          }
        }
      });
    });
  }
  return false;
}
//]]>
</script>