$(document).ready(function () {
    $.fn.htPlayer = function (epiName, epiUrl) {
        $('.listen-show').after('<div id="jquery_jplayer"></div><div id="player_container"><div id="player_playlist_message"><div id="song_title">' + epiName + '</div><div id="play_time"></div><span>/</span><div id="total_time"></div></div><ul id="player_controls"><li id="player_play"><a title="play" href="#"><span>play</span></a></li><li id="player_pause"><a title="pause" href="#"><span>pause</span></a></li><li id="player_volume_min"><a title="min volume" href="#"><span>min volume</span></a></li></ul><div id="player_progress"><div id="player_progress_load_bar"><div id="player_progress_play_bar"></div></div><div class="left"></div><div class="right"></div></div><div id="player_volume_bar"><div id="player_volume_bar_value"></div><div class="left"></div><div class="right"></div></div></div>');
        $("#jquery_jplayer").jPlayer({
            swfPath: 'http:/storage/js/',
            ready: function () {
                $("#jquery_jplayer").setFile(epiUrl);
            }
        });
        $("#jquery_jplayer").jPlayerId("play", "player_play");
        $("#jquery_jplayer").jPlayerId("pause", "player_pause");
        $("#jquery_jplayer").jPlayerId("loadBar", "player_progress_load_bar");
        $("#jquery_jplayer").jPlayerId("playBar", "player_progress_play_bar");
        $("#jquery_jplayer").jPlayerId("volumeMin", "player_volume_min");
        $("#jquery_jplayer").jPlayerId("volumeBar", "player_volume_bar");
        $("#jquery_jplayer").jPlayerId("volumeBarValue", "player_volume_bar_value");
        $("#jquery_jplayer").onProgressChange(function (loadPercent, playedPercentRelative, playedPercentAbsolute, playedTime, totalTime) {
            var myPlayedTime = new Date(playedTime);
            var ptMin = (myPlayedTime.getMinutes() < 10) ? "0" + myPlayedTime.getMinutes() : myPlayedTime.getMinutes();
            var ptSec = (myPlayedTime.getSeconds() < 10) ? "0" + myPlayedTime.getSeconds() : myPlayedTime.getSeconds();
            $("#play_time").text(ptMin + ":" + ptSec);
            var myTotalTime = new Date(totalTime);
            var ttMin = (myTotalTime.getMinutes() < 10) ? "0" + myTotalTime.getMinutes() : myTotalTime.getMinutes();
            var ttSec = (myTotalTime.getSeconds() < 10) ? "0" + myTotalTime.getSeconds() : myTotalTime.getSeconds();
            $("#total_time").text(ttMin + ":" + ttSec);
        });
    };
    $('#player_play a').click(function () {
        $('#jquery_jplayer').play();
        return false;
    });
    $('#player_pause a').click(function () {
        $('#jquery_jplayer').pause();
        return false;
    });
    $('#player_volume_min a').click(function () {
        $('#jquery_jplayer').volume(0);
        return false;
    });

    if (document.title == Squarespace.Constants.WEBSITE_TITLE + " - Page Not Found") {
        $('.body p:first').after('if you are looking for the Mac Mini Video Server Page please <a href="http://www.htguys.com/mac-mini-video-server">Click Here</a>.');
    };

});