<div id="jquery_jplayer_1" class="jp-jplayer"></div>
<div id="jp_container_1" class="jp-audio">
<?php if (isset($this->playlistID)): ?>
    <span class='playlistID'><?php echo "$this->playlistID" ?></span>
    <span class='playlistIndex'><?php echo "$this->playlistIndex" ?></span>
<?php elseif (isset($this->blockId)): ?>
    <span class='blockId' style="display: none;"><?php echo "$this->blockId" ?></span>
    <span class='blockIndex' style="display: none;"><?php echo "$this->blockIndex" ?></span>
<?php elseif (isset($this->uri)): ?>
    <span class='audioUri' style="display: none;"><?php echo "$this->uri" ?></span>
    <span class='audioMime' style="display: none;"><?php echo "$this->mime" ?></span>
    <span class='audioFileTitle'><?php echo "$this->audioFileTitle" ?></span>
    <span class='audioFileArtist'><?php echo "$this->audioFileArtist" ?></span>
<?php elseif (isset($this->showID)): ?>
    <span class='showID'><?php echo "$this->showID" ?></span>
    <span class='showIndex'><?php echo "$this->showIndex" ?></span>
<?php endif;?>
    <div class="jp-type-playlist">
        <div class="jp-gui jp-interface">
            <ul class="jp-controls">
                <li class="ui-state-default ui-corner-all jp-previous">
                    <span class="ui-icon ui-icon-seek-prev" tabindex="1"><? echo _("previous") ?></span>
                </li>
                <li class="ui-state-default ui-corner-all jp-play">
                    <span class="ui-icon ui-icon-play" tabindex="1"><? echo _("play") ?></span>
                </li>
                <li class="ui-state-default ui-corner-all jp-pause">
                    <span class="ui-icon ui-icon-pause" tabindex="1"><? echo _("pause") ?></span>
                </li>
                <li class="ui-state-default ui-corner-all jp-next">
                    <span class="ui-icon ui-icon-seek-next" tabindex="1"><? echo _("next") ?></span>
                </li>
                <li class="ui-state-default ui-corner-all jp-stop">
                    <span class="ui-icon ui-icon-stop" tabindex="1"><? echo _("stop") ?></span>
                </li>
            </ul>
            <div class="jp-time-block">
                <div class="jp-progress">
                    <div class="jp-seek-bar">
                        <div class="jp-play-bar"></div>
                    </div>
                </div>
                <div class="jp-time-holder">
                    <div class="jp-current-time"></div>
<?php if ($this->type == "audioclip"): ?><div class="jp-duration"></div><?php endif;?>
                </div>
            </div>
            <div class="jp-volume-block">
                <div class="jp-mute">
                    <span class="ui-icon" tabindex="1" title="mute"><? echo _("mute") ?></span>
                </div>
                <div class="jp-unmute">
                    <span class="ui-icon" tabindex="1" title="unmute"><? echo _("unmute") ?></span>
                </div>
                <div class="jp-volume-bar">
                    <div class="jp-volume-bar-value"></div>
                </div>
                <div class="jp-volume-max">
                    <span class="ui-icon" tabindex="1" title="max volume"><? echo _("max volume") ?></span>
                </div>
            </div>
        </div>
        <div class="jp-playlist">
            <ul>
                <li></li>
            </ul>
        </div>
        <div class="jp-no-solution">
            <span><? echo _("Update Required") ?></span>
            <? sprintf(_("To play the media you will need to either update your browser to a recent version or update your %sFlash plugin%s."),
                "<a href='http://get.adobe.com/flashplayer/' target='_blank'>",
                "</a>") ?>
        </div>
    </div>
</div>