invisible » invisible-web

/*

 * Playlist Object for the jPlayer Plugin

 * http://www.jplayer.org

 *

 * Copyright (c) 2009 - 2011 Happyworm Ltd

 * Dual licensed under the MIT and GPL licenses.

 *  - http://www.opensource.org/licenses/mit-license.php

 *  - http://www.gnu.org/copyleft/gpl.html

 *

 * Author: Mark J Panaghiston

 * Version: 2.1.0 (jPlayer 2.1.0)

 * Date: 1st September 2011

 */

(function(b,f){jPlayerPlaylist=function(a,c,d){var e=this;this.current=0;this.removing=this.shuffled=this.loop=!1;this.cssSelector=b.extend({},this._cssSelector,a);this.options=b.extend(!0,{},this._options,d);this.playlist=[];this.original=[];this._initPlaylist(c);this.cssSelector.title=this.cssSelector.cssSelectorAncestor+" .jp-title";this.cssSelector.playlist=this.cssSelector.cssSelectorAncestor+" .jp-playlist";this.cssSelector.next=this.cssSelector.cssSelectorAncestor+" .jp-next";this.cssSelector.previous=

this.cssSelector.cssSelectorAncestor+" .jp-previous";this.cssSelector.shuffle=this.cssSelector.cssSelectorAncestor+" .jp-shuffle";this.cssSelector.shuffleOff=this.cssSelector.cssSelectorAncestor+" .jp-shuffle-off";this.options.cssSelectorAncestor=this.cssSelector.cssSelectorAncestor;this.options.repeat=function(a){e.loop=a.jPlayer.options.loop};b(this.cssSelector.jPlayer).bind(b.jPlayer.event.ready,function(){e._init()});b(this.cssSelector.jPlayer).bind(b.jPlayer.event.ended,function(){e.next()});

b(this.cssSelector.jPlayer).bind(b.jPlayer.event.play,function(){b(this).jPlayer("pauseOthers")});b(this.cssSelector.jPlayer).bind(b.jPlayer.event.resize,function(a){a.jPlayer.options.fullScreen?b(e.cssSelector.title).show():b(e.cssSelector.title).hide()});b(this.cssSelector.previous).click(function(){e.previous();b(this).blur();return!1});b(this.cssSelector.next).click(function(){e.next();b(this).blur();return!1});b(this.cssSelector.shuffle).click(function(){e.shuffle(!0);return!1});b(this.cssSelector.shuffleOff).click(function(){e.shuffle(!1);

return!1}).hide();this.options.fullScreen||b(this.cssSelector.title).hide();b(this.cssSelector.playlist+" ul").empty();this._createItemHandlers();b(this.cssSelector.jPlayer).jPlayer(this.options)};jPlayerPlaylist.prototype={_cssSelector:{jPlayer:"#jquery_jplayer_1",cssSelectorAncestor:"#jp_container_1"},_options:{playlistOptions:{autoPlay:!1,loopOnPrevious:!1,shuffleOnLoop:!0,enableRemoveControls:!1,displayTime:"slow",addTime:"fast",removeTime:"fast",shuffleTime:"slow",itemClass:"jp-playlist-item",

freeGroupClass:"jp-free-media",freeItemClass:"jp-playlist-item-free",removeItemClass:"jp-playlist-item-remove"}},option:function(a,b){if(b===f)return this.options.playlistOptions[a];this.options.playlistOptions[a]=b;switch(a){case "enableRemoveControls":this._updateControls();break;case "itemClass":case "freeGroupClass":case "freeItemClass":case "removeItemClass":this._refresh(!0),this._createItemHandlers()}return this},_init:function(){var a=this;this._refresh(function(){a.options.playlistOptions.autoPlay?

a.play(a.current):a.select(a.current)})},_initPlaylist:function(a){this.current=0;this.removing=this.shuffled=!1;this.original=b.extend(!0,[],a);this._originalPlaylist()},_originalPlaylist:function(){var a=this;this.playlist=[];b.each(this.original,function(b){a.playlist[b]=a.original[b]})},_refresh:function(a){var c=this;if(a&&!b.isFunction(a))b(this.cssSelector.playlist+" ul").empty(),b.each(this.playlist,function(a){b(c.cssSelector.playlist+" ul").append(c._createListItem(c.playlist[a]))}),this._updateControls();

else{var d=b(this.cssSelector.playlist+" ul").children().length?this.options.playlistOptions.displayTime:0;b(this.cssSelector.playlist+" ul").slideUp(d,function(){var d=b(this);b(this).empty();b.each(c.playlist,function(a){d.append(c._createListItem(c.playlist[a]))});c._updateControls();b.isFunction(a)&&a();c.playlist.length?b(this).slideDown(c.options.playlistOptions.displayTime):b(this).show()})}},_createListItem:function(a){var c=this,d="<li><div>";d+="<a href='javascript:;' class='"+this.options.playlistOptions.removeItemClass+

"'>&times;</a>";if(a.free){var e=!0;d+="<span class='"+this.options.playlistOptions.freeGroupClass+"'>(";b.each(a,function(a,f){b.jPlayer.prototype.format[a]&&(e?e=!1:d+=" | ",d+="<a class='"+c.options.playlistOptions.freeItemClass+"' href='"+f+"' tabindex='1'>"+a+"</a>")});d+=")</span>"}d+="<a href='javascript:;' class='"+this.options.playlistOptions.itemClass+"' tabindex='1'>"+a.title+(a.artist?" <span class='jp-artist'>by "+a.artist+"</span>":"")+"</a>";d+="</div></li>";return d},_createItemHandlers:function(){var a=

this;b(this.cssSelector.playlist+" a."+this.options.playlistOptions.itemClass).die("click").live("click",function(){var c=b(this).parent().parent().index();a.current!==c?a.play(c):b(a.cssSelector.jPlayer).jPlayer("play");b(this).blur();return!1});b(a.cssSelector.playlist+" a."+this.options.playlistOptions.freeItemClass).die("click").live("click",function(){b(this).parent().parent().find("."+a.options.playlistOptions.itemClass).click();b(this).blur();return!1});b(a.cssSelector.playlist+" a."+this.options.playlistOptions.removeItemClass).die("click").live("click",

function(){var c=b(this).parent().parent().index();a.remove(c);b(this).blur();return!1})},_updateControls:function(){this.options.playlistOptions.enableRemoveControls?b(this.cssSelector.playlist+" ."+this.options.playlistOptions.removeItemClass).show():b(this.cssSelector.playlist+" ."+this.options.playlistOptions.removeItemClass).hide();this.shuffled?(b(this.cssSelector.shuffleOff).show(),b(this.cssSelector.shuffle).hide()):(b(this.cssSelector.shuffleOff).hide(),b(this.cssSelector.shuffle).show())},

_highlight:function(a){this.playlist.length&&a!==f&&(b(this.cssSelector.playlist+" .jp-playlist-current").removeClass("jp-playlist-current"),b(this.cssSelector.playlist+" li:nth-child("+(a+1)+")").addClass("jp-playlist-current").find(".jp-playlist-item").addClass("jp-playlist-current"),b(this.cssSelector.title+" li").html(this.playlist[a].title+(this.playlist[a].artist?" <span class='jp-artist'>by "+this.playlist[a].artist+"</span>":"")))},setPlaylist:function(a){this._initPlaylist(a);this._init()},

add:function(a,c){b(this.cssSelector.playlist+" ul").append(this._createListItem(a)).find("li:last-child").hide().slideDown(this.options.playlistOptions.addTime);this._updateControls();this.original.push(a);this.playlist.push(a);c?this.play(this.playlist.length-1):this.original.length===1&&this.select(0)},remove:function(a){var c=this;if(a===f)return this._initPlaylist([]),this._refresh(function(){b(c.cssSelector.jPlayer).jPlayer("clearMedia")}),!0;else if(this.removing)return!1;else{a=a<0?c.original.length+

a:a;if(0<=a&&a<this.playlist.length)this.removing=!0,b(this.cssSelector.playlist+" li:nth-child("+(a+1)+")").slideUp(this.options.playlistOptions.removeTime,function(){b(this).remove();if(c.shuffled){var d=c.playlist[a];b.each(c.original,function(a){if(c.original[a]===d)return c.original.splice(a,1),!1})}else c.original.splice(a,1);c.playlist.splice(a,1);c.original.length?a===c.current?(c.current=a<c.original.length?c.current:c.original.length-1,c.select(c.current)):a<c.current&&c.current--:(b(c.cssSelector.jPlayer).jPlayer("clearMedia"),

c.current=0,c.shuffled=!1,c._updateControls());c.removing=!1});return!0}},select:function(a){a=a<0?this.original.length+a:a;0<=a&&a<this.playlist.length?(this.current=a,this._highlight(a),b(this.cssSelector.jPlayer).jPlayer("setMedia",this.playlist[this.current])):this.current=0},play:function(a){a=a<0?this.original.length+a:a;0<=a&&a<this.playlist.length?this.playlist.length&&(this.select(a),b(this.cssSelector.jPlayer).jPlayer("play")):a===f&&b(this.cssSelector.jPlayer).jPlayer("play")},pause:function(){b(this.cssSelector.jPlayer).jPlayer("pause")},

next:function(){var a=this.current+1<this.playlist.length?this.current+1:0;this.loop?a===0&&this.shuffled&&this.options.playlistOptions.shuffleOnLoop&&this.playlist.length>1?this.shuffle(!0,!0):this.play(a):a>0&&this.play(a)},previous:function(){var a=this.current-1>=0?this.current-1:this.playlist.length-1;(this.loop&&this.options.playlistOptions.loopOnPrevious||a<this.playlist.length-1)&&this.play(a)},shuffle:function(a,c){var d=this;a===f&&(a=!this.shuffled);(a||a!==this.shuffled)&&b(this.cssSelector.playlist+

" ul").slideUp(this.options.playlistOptions.shuffleTime,function(){(d.shuffled=a)?d.playlist.sort(function(){return 0.5-Math.random()}):d._originalPlaylist();d._refresh(!0);c||!b(d.cssSelector.jPlayer).data("jPlayer").status.paused?d.play(0):d.select(0);b(this).slideDown(d.options.playlistOptions.shuffleTime)})}}})(jQuery);

/*

 * jPlayerInspector Plugin for jPlayer (2.0.0+) Plugin for jQuery JavaScript Library

 * http://www.happyworm.com/jquery/jplayer

 *

 * Copyright (c) 2009 - 2011 Happyworm Ltd

 * Dual licensed under the MIT and GPL licenses.

 *  - http://www.opensource.org/licenses/mit-license.php

 *  - http://www.gnu.org/copyleft/gpl.html

 *

 * Author: Mark J Panaghiston

 * Version: 1.0.3

 * Date: 7th August 2011

 *

 * For use with jPlayer Version: 2.0.29

 *

 * Note: Declare inspector instances after jPlayer instances. ie., Otherwise the jPlayer instance is nonsense.

 */

(function($, undefined) {

	$.jPlayerInspector = {};

	$.jPlayerInspector.i = 0;

	$.jPlayerInspector.defaults = {

		jPlayer: undefined, // The jQuery selector of the jPlayer instance to inspect.

		idPrefix: "jplayer_inspector_",

		visible: false

	};

	var methods = {

		init: function(options) {

			var self = this;

			var $this = $(this);

			var config = $.extend({}, $.jPlayerInspector.defaults, options);

			$(this).data("jPlayerInspector", config);

			config.id = $(this).attr("id");

			config.jPlayerId = config.jPlayer.attr("id");

			config.windowId = config.idPrefix + "window_" + $.jPlayerInspector.i;

			config.statusId = config.idPrefix + "status_" + $.jPlayerInspector.i;

			config.configId = config.idPrefix + "config_" + $.jPlayerInspector.i;

			config.toggleId = config.idPrefix + "toggle_" + $.jPlayerInspector.i;

			config.eventResetId = config.idPrefix + "event_reset_" + $.jPlayerInspector.i;

			config.updateId = config.idPrefix + "update_" + $.jPlayerInspector.i;

			config.eventWindowId = config.idPrefix + "event_window_" + $.jPlayerInspector.i;

			config.eventId = {};

			config.eventJq = {};

			config.eventTimeout = {};

			config.eventOccurrence = {};

			$.each($.jPlayer.event, function(eventName,eventType) {

				config.eventId[eventType] = config.idPrefix + "event_" + eventName + "_" + $.jPlayerInspector.i;

				config.eventOccurrence[eventType] = 0;

			});

			var structure = 

				'<p><a href="#" id="' + config.toggleId + '">' + (config.visible ? "Hide" : "Show") + '</a> jPlayer Inspector</p>' 

				+ '<div id="' + config.windowId + '">'

					+ '<div id="' + config.statusId + '"></div>'

					+ '<div id="' + config.eventWindowId + '" style="padding:5px 5px 0 5px;background-color:#eee;border:1px dotted #000;">'

						+ '<p style="margin:0 0 10px 0;"><strong>jPlayer events that have occurred over the past 1 second:</strong>'

						+ '<br />(Backgrounds: <span style="padding:0 5px;background-color:#eee;border:1px dotted #000;">Never occurred</span> <span style="padding:0 5px;background-color:#fff;border:1px dotted #000;">Occurred before</span> <span style="padding:0 5px;background-color:#9f9;border:1px dotted #000;">Occurred</span> <span style="padding:0 5px;background-color:#ff9;border:1px dotted #000;">Multiple occurrences</span> <a href="#" id="' + config.eventResetId + '">reset</a>)</p>';

			// MJP: Would use the next 3 lines for ease, but the events are just slapped on the page.

			// $.each($.jPlayer.event, function(eventName,eventType) {

			// 	structure += '<div id="' + config.eventId[eventType] + '" style="float:left;">' + eventName + '</div>';

			// });

			var eventStyle = "float:left;margin:0 5px 5px 0;padding:0 5px;border:1px dotted #000;";

			// MJP: Doing it longhand so order and layout easier to control.

			structure +=

						'<div id="' + config.eventId[$.jPlayer.event.ready] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.flashreset] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.resize] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.repeat] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.click] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.error] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.warning] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.loadstart] + '" style="clear:left;' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.progress] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.timeupdate] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.volumechange] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.play] + '" style="clear:left;' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.pause] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.waiting] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.playing] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.seeking] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.seeked] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.ended] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.loadeddata] + '" style="clear:left;' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.loadedmetadata] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.canplay] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.canplaythrough] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.suspend] + '" style="clear:left;' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.abort] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.emptied] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.stalled] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.ratechange] + '" style="' + eventStyle + '"></div>'

						+ '<div id="' + config.eventId[$.jPlayer.event.durationchange] + '" style="' + eventStyle + '"></div>'

						+ '<div style="clear:both"></div>';

			// MJP: Would like a check here in case we missed an event.

			// MJP: Check fails, since it is not on the page yet.

/*			$.each($.jPlayer.event, function(eventName,eventType) {

				if($("#" + config.eventId[eventType])[0] === undefined) {

					structure += '<div id="' + config.eventId[eventType] + '" style="clear:left;' + eventStyle + '">' + eventName + '</div>';

				}

			});

*/

			structure +=

					'</div>'

					+ '<p><a href="#" id="' + config.updateId + '">Update</a> jPlayer Inspector</p>'

					+ '<div id="' + config.configId + '"></div>'

				+ '</div>';

			$(this).html(structure);

			config.windowJq = $("#" + config.windowId);

			config.statusJq = $("#" + config.statusId);

			config.configJq = $("#" + config.configId);

			config.toggleJq = $("#" + config.toggleId);

			config.eventResetJq = $("#" + config.eventResetId);

			config.updateJq = $("#" + config.updateId);

			$.each($.jPlayer.event, function(eventName,eventType) {

				config.eventJq[eventType] = $("#" + config.eventId[eventType]);

				config.eventJq[eventType].text(eventName + " (" + config.eventOccurrence[eventType] + ")"); // Sets the text to the event name and (0);

				config.jPlayer.bind(eventType + ".jPlayerInspector", function(e) {

					config.eventOccurrence[e.type]++;

					if(config.eventOccurrence[e.type] > 1) {

						config.eventJq[e.type].css("background-color","#ff9");

					} else {

						config.eventJq[e.type].css("background-color","#9f9");

					}

					config.eventJq[e.type].text(eventName + " (" + config.eventOccurrence[e.type] + ")");

					// The timer to handle the color

					clearTimeout(config.eventTimeout[e.type]);

					config.eventTimeout[e.type] = setTimeout(function() {

						config.eventJq[e.type].css("background-color","#fff");

					}, 1000);

					// The timer to handle the occurences.

					setTimeout(function() {

						config.eventOccurrence[e.type]--;

						config.eventJq[e.type].text(eventName + " (" + config.eventOccurrence[e.type] + ")");

					}, 1000);

					if(config.visible) { // Update the status, if inspector open.

						$this.jPlayerInspector("updateStatus");

					}

				});

			});

			config.jPlayer.bind($.jPlayer.event.ready + ".jPlayerInspector", function(e) {

				$this.jPlayerInspector("updateConfig");

			});

			config.toggleJq.click(function() {

				if(config.visible) {

					$(this).text("Show");

					config.windowJq.hide();

					config.statusJq.empty();

					config.configJq.empty();

				} else {

					$(this).text("Hide");

					config.windowJq.show();

					config.updateJq.click();

				}

				config.visible = !config.visible;

				$(this).blur();

				return false;

			});

			config.eventResetJq.click(function() {

				$.each($.jPlayer.event, function(eventName,eventType) {

					config.eventJq[eventType].css("background-color","#eee");

				});

				$(this).blur();

				return false;

			});

			config.updateJq.click(function() {

				$this.jPlayerInspector("updateStatus");

				$this.jPlayerInspector("updateConfig");

				return false;

			});

			if(!config.visible) {

				config.windowJq.hide();

			} else {

				// config.updateJq.click();

			}

			$.jPlayerInspector.i++;

			return this;

		},

		destroy: function() {

			$(this).data("jPlayerInspector") && $(this).data("jPlayerInspector").jPlayer.unbind(".jPlayerInspector");

			$(this).empty();

		},

		updateConfig: function() { // This displays information about jPlayer's configuration in inspector

			var jPlayerInfo = "<p>This jPlayer instance is running in your browser where:<br />"

			for(i = 0; i < $(this).data("jPlayerInspector").jPlayer.data("jPlayer").solutions.length; i++) {

				var solution = $(this).data("jPlayerInspector").jPlayer.data("jPlayer").solutions[i];

				jPlayerInfo += "&nbsp;jPlayer's <strong>" + solution + "</strong> solution is";				

				if($(this).data("jPlayerInspector").jPlayer.data("jPlayer")[solution].used) {

					jPlayerInfo += " being <strong>used</strong> and will support:<strong>";

					for(format in $(this).data("jPlayerInspector").jPlayer.data("jPlayer")[solution].support) {

						if($(this).data("jPlayerInspector").jPlayer.data("jPlayer")[solution].support[format]) {

							jPlayerInfo += " " + format;

						}

					}

					jPlayerInfo += "</strong><br />";

				} else {

					jPlayerInfo += " <strong>not required</strong><br />";

				}

			}

			jPlayerInfo += "</p>";

			if($(this).data("jPlayerInspector").jPlayer.data("jPlayer").html.active) {

				if($(this).data("jPlayerInspector").jPlayer.data("jPlayer").flash.active) {

					jPlayerInfo += "<strong>Problem with jPlayer since both HTML5 and Flash are active.</strong>";

				} else {

					jPlayerInfo += "The <strong>HTML5 is active</strong>.";

				}

			} else {

				if($(this).data("jPlayerInspector").jPlayer.data("jPlayer").flash.active) {

					jPlayerInfo += "The <strong>Flash is active</strong>.";

				} else {

					jPlayerInfo += "No solution is currently active. jPlayer needs a setMedia().";

				}

			}

			jPlayerInfo += "</p>";

			var formatType = $(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.formatType;

			jPlayerInfo += "<p><code>status.formatType = '" + formatType + "'</code><br />";

			if(formatType) {

				jPlayerInfo += "<code>Browser canPlay('" + $.jPlayer.prototype.format[formatType].codec + "')</code>";

			} else {

				jPlayerInfo += "</p>";

			}

			jPlayerInfo += "<p><code>status.src = '" + $(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.src + "'</code></p>";

			jPlayerInfo += "<p><code>status.media = {<br />";

			for(prop in $(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.media) {

				jPlayerInfo += "&nbsp;" + prop + ": " + $(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.media[prop] + "<br />"; // Some are strings

			}

			jPlayerInfo += "};</code></p>"

			+ "<p>Raw browser test for HTML5 support. Should equal a function if HTML5 is available.<br />";

			if($(this).data("jPlayerInspector").jPlayer.data("jPlayer").html.audio.available) {

				jPlayerInfo += "<code>htmlElement.audio.canPlayType = " + (typeof $(this).data("jPlayerInspector").jPlayer.data("jPlayer").htmlElement.audio.canPlayType) +"</code><br />"

			}

			if($(this).data("jPlayerInspector").jPlayer.data("jPlayer").html.video.available) {

				jPlayerInfo += "<code>htmlElement.video.canPlayType = " + (typeof $(this).data("jPlayerInspector").jPlayer.data("jPlayer").htmlElement.video.canPlayType) +"</code>";

			}

			jPlayerInfo += "</p>";

			jPlayerInfo += "<p>This instance is using the constructor options:<br />"

			+ "<code>$('#" + $(this).data("jPlayerInspector").jPlayer.data("jPlayer").internal.self.id + "').jPlayer({<br />"

			+ "&nbsp;swfPath: '" + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "swfPath") + "',<br />"

			+ "&nbsp;solution: '" + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "solution") + "',<br />"

			+ "&nbsp;supplied: '" + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "supplied") + "',<br />"

			+ "&nbsp;preload: '" + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "preload") + "',<br />"

			+ "&nbsp;volume: " + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "volume") + ",<br />"

			+ "&nbsp;muted: " + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "muted") + ",<br />"

			+ "&nbsp;backgroundColor: '" + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "backgroundColor") + "',<br />"

			+ "&nbsp;cssSelectorAncestor: '" + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "cssSelectorAncestor") + "',<br />"

			+ " cssSelector: {";

			var cssSelector = $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "cssSelector");

			for(prop in cssSelector) {

				// jPlayerInfo += "<br />&nbsp;&nbsp;" + prop + ": '" + cssSelector[prop] + "'," // This works too of course, but want to use option method for deep keys.

				jPlayerInfo += "<br />&nbsp;&nbsp;" + prop + ": '" + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "cssSelector." + prop) + "',"

			}

			jPlayerInfo = jPlayerInfo.slice(0, -1); // Because the sloppy comma was bugging me.

			jPlayerInfo += "<br />&nbsp;},<br />"

			+ "&nbsp;errorAlerts: " + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "errorAlerts") + ",<br />"

			+ "&nbsp;warningAlerts: " + $(this).data("jPlayerInspector").jPlayer.jPlayer("option", "warningAlerts") + "<br />"

			+ "});</code></p>";

			$(this).data("jPlayerInspector").configJq.html(jPlayerInfo);

			return this;

		},

		updateStatus: function() { // This displays information about jPlayer's status in the inspector

			$(this).data("jPlayerInspector").statusJq.html(

				"<p>jPlayer is " +

				($(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.paused ? "paused" : "playing") +

				" at time: " + Math.floor($(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.currentTime*10)/10 + "s." +

				" (d: " + Math.floor($(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.duration*10)/10 + "s" +

				", sp: " + Math.floor($(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.seekPercent) + "%" +

				", cpr: " + Math.floor($(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.currentPercentRelative) + "%" +

				", cpa: " + Math.floor($(this).data("jPlayerInspector").jPlayer.data("jPlayer").status.currentPercentAbsolute) + "%)</p>"

			);

			return this;

		}

	};

	$.fn.jPlayerInspector = function( method ) {

		// Method calling logic

		if ( methods[method] ) {

			return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ));

		} else if ( typeof method === 'object' || ! method ) {

			return methods.init.apply( this, arguments );

		} else {

			$.error( 'Method ' +  method + ' does not exist on jQuery.jPlayerInspector' );

		}    

	};

})(jQuery);

/*

 * Skin for jPlayer Plugin (jQuery JavaScript Library)

 * http://www.happyworm.com/jquery/jplayer

 *

 * Skin Name: Blue Monday

 *

 * Copyright (c) 2010-2011 Happyworm Ltd

 * Dual licensed under the MIT and GPL licenses.

 *  - http://www.opensource.org/licenses/mit-license.php

 *  - http://www.gnu.org/copyleft/gpl.html

 *

 * Author: Silvia Benvenuti

 * Skin Version: 4.0 (jPlayer 2.1.0)

 * Date: 1st September 2011

 */

#content-world ul {  }

 #content-work ul li {

     list-style: none;

     background-image:none;

     margin:0;

     padding:0;

 }

 div#content-work a{

 }

div.jp-audio,

div.jp-video {

	/* Edit the font-size to counteract inherited font sizing.

	 * Eg. 1.25em = 1 / 0.8em

	 */

	font-size:1.25em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */

	font-family:Verdana, Arial, sans-serif;

	line-height:1.6;

	color: #666;

	background-color:#333333;

	position:relative;

}

div.jp-audio {

	width:380px;

}

div.jp-video-270p {

	width:480px;

}

div.jp-video-360p {

	width:640px;

}

div.jp-video-full {

	/* Rules for IE6 (full-screen) */

	width:480px;

	height:270px;

	/* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */

	position:static !important; position:relative

}

div.jp-video-full div.jp-jplayer {

	top: 0;

	left: 0;

	position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */

	overflow: hidden;

	z-index:1000;

}

div.jp-video-full div.jp-gui {

	position: fixed !important; position: static; /* Rules for IE6 (full-screen) */

	top: 0;

	left: 0;

	width:100%;

	height:100%;

	z-index:1000;

}

div.jp-video-full div.jp-interface {

	position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */

	bottom: 0;

	left: 0;

	z-index:1000;

}

div.jp-interface {

	position: relative;

	background-color:#333333;

	width:100%;

}

div.jp-audio div.jp-type-single div.jp-interface {

	height:44px;

}

div.jp-audio div.jp-type-playlist div.jp-interface {

	height:80px;

}

div.jp-video div.jp-interface {

	border-top:1px solid #009be3;

}

/* @group CONTROLS */

div.jp-controls-holder {

	clear: both;

	width:440px;

	margin:0 auto;

	position: relative;

	overflow:hidden;

	top:-8px; /* This negative value depends on the size of the text in jp-currentTime and jp-duration */

}

div.jp-interface ul.jp-controls {

	list-style-type:none;

	margin:0;

	padding: 0;

	overflow:hidden;

}

div.jp-audio ul.jp-controls {

	width: 380px;

	padding:2px 0 0;

        margin: 10px 0 0 0 !important;

}

div.jp-video div.jp-type-single ul.jp-controls {

	width: 78px;

	margin-left: 200px;

}

div.jp-video div.jp-type-playlist ul.jp-controls {

	width: 134px;

	margin-left: 172px;

}

div.jp-video ul.jp-controls,

div.jp-interface ul.jp-controls li {

	display:inline;

	float: left;

}

div.jp-interface ul.jp-controls a {

	display:block;

	overflow:hidden;

	text-indent:-9999px;

}

a.jp-play,

a.jp-pause {

	width:40px;

	height:40px;

}

a.jp-play {

	background: url("jplayer.blue.monday.jpg") 0 0 no-repeat;

}

a.jp-play:hover {

	background: url("jplayer.blue.monday.jpg") -41px 0 no-repeat;

        border:none!important;

}

a.jp-pause {

	background: url("jplayer.blue.monday.jpg") 0 -42px no-repeat;

	display: none;

}

a.jp-pause:hover {

	background: url("jplayer.blue.monday.jpg") -41px -42px no-repeat;

        border:none!important;

}

a.jp-stop, a.jp-previous, a.jp-next {

	width:28px;

	height:28px;

	margin-top:6px;

}

a.jp-stop {

	background: url("jplayer.blue.monday.jpg") 0 -83px no-repeat;

	margin-left:10px;

}

a.jp-stop:hover {

	background: url("jplayer.blue.monday.jpg") -29px -83px no-repeat;

        border:none!important;

}

a.jp-previous {

	background: url("jplayer.blue.monday.jpg") 0 -112px no-repeat;

}

a.jp-previous:hover {

	background: url("jplayer.blue.monday.jpg") -29px -112px no-repeat;

        border:none!important;

}

a.jp-next {

	background: url("jplayer.blue.monday.jpg") 0 -141px no-repeat;

}

a.jp-next:hover {

	background: url("jplayer.blue.monday.jpg") -29px -141px no-repeat;

        border:none!important;

}

/* @end */

/* @group progress bar */

div.jp-progress {

	overflow:hidden;

	background-color: #ddd;

}

div.jp-audio div.jp-progress {

	position: absolute;

	top:12px;

	height:15px;

}

div.jp-audio div.jp-type-single div.jp-progress {

	left:100px;

	width:186px;

}

div.jp-audio div.jp-type-playlist div.jp-progress {

	left:166px;

	width:130px;

}

div.jp-video div.jp-progress {

	top:0px;

	left:0px;

	width:100%;

	height:10px;

}

div.jp-seek-bar {

	background: url("jplayer.blue.monday.jpg") 0 -202px repeat-x;

	width:0px;

	height:100%;

	cursor: pointer;

}

div.jp-play-bar {

	background: url("jplayer.blue.monday.jpg") 0 -218px repeat-x ;

	width:0px;

	height:100%;

}

/* The seeking class is added/removed inside jPlayer */

div.jp-seeking-bg {

	background: url("jplayer.blue.monday.seeking.gif");

}

/* @end */

/* @group volume controls */

a.jp-mute,

a.jp-unmute,

a.jp-volume-max {

	width:18px;

	height:15px;

	margin-top:12px;

}

div.jp-audio div.jp-type-single a.jp-mute,

div.jp-audio div.jp-type-single a.jp-unmute {

	margin-left: 210px;	

}

div.jp-audio div.jp-type-playlist a.jp-mute,

div.jp-audio div.jp-type-playlist a.jp-unmute {

	margin-left: 154px;

}

div.jp-audio a.jp-volume-max {

	margin-left: 51px;	

}

div.jp-video a.jp-mute,

div.jp-video a.jp-unmute,

div.jp-video a.jp-volume-max {

	position: absolute;

	top:12px;

	margin-top:0;

}

div.jp-video a.jp-mute,

div.jp-video a.jp-unmute {

	left: 50px;

}

div.jp-video a.jp-volume-max {

	left: 134px;

}

a.jp-mute {

	background: url("jplayer.blue.monday.jpg") 0 -170px no-repeat;

}

a.jp-mute:hover {

	background: url("jplayer.blue.monday.jpg") -19px -170px no-repeat;

        border:none!important;

}

a.jp-unmute {

	background: url("jplayer.blue.monday.jpg") -60px -170px no-repeat;

	display: none;

}

a.jp-unmute:hover {

	background: url("jplayer.blue.monday.jpg") -79px -170px no-repeat;

        border:none!important;

}

a.jp-volume-max {

	background: url("jplayer.blue.monday.jpg") 0 -186px no-repeat;

}

a.jp-volume-max:hover {

	background: url("jplayer.blue.monday.jpg") -19px -186px no-repeat;

        border:none!important;

}

div.jp-volume-bar {

	position: absolute;

	overflow:hidden;

	background: url("jplayer.blue.monday.jpg") 0 -250px repeat-x;

	width:46px;

	height:5px;

	cursor: pointer;

}

div.jp-audio div.jp-volume-bar {

	top:19px;

	left:305px;

}

div.jp-video div.jp-volume-bar {

	top:19px;

	left:72px;

}

div.jp-volume-bar-value {

	background: url("jplayer.blue.monday.jpg") 0 -256px repeat-x;

	width:0px;

	height:5px;

}

/* @end */

/* @group current time and duration */

div.jp-audio div.jp-time-holder {

	position:absolute;

	top:27px;

}

div.jp-audio div.jp-type-single div.jp-time-holder {

	left:100px;

	width:186px;

}

div.jp-audio div.jp-type-playlist div.jp-time-holder {

	left:166px;

	width:130px;

}

div.jp-current-time,

div.jp-duration {

	width:60px;

	font-size:.64em;

	font-style:oblique;

}

div.jp-current-time {

	float: left;

	display:inline;

}

div.jp-duration {

	float: right;

	display:inline;

	text-align: right;

}

div.jp-video div.jp-current-time {

	margin-left:20px;

}

div.jp-video div.jp-duration {

	margin-right:20px;

}

/* @end */

/* @group playlist */

div.jp-title {

	font-weight:bold;

	text-align:center;

}

div.jp-title,

div.jp-playlist {

	width:100%;

	background-color:#ccc;

	border-top:1px solid #009be3;

}

div.jp-type-single div.jp-title,

div.jp-type-playlist div.jp-title,

div.jp-type-single div.jp-playlist {

	border-top:none;

}

div.jp-title ul,

div.jp-playlist ul {

	list-style-type:none;

	margin:0!important;

	padding:0 20px;

	font-size:.72em;

}

div.jp-title li {

	padding:5px 0;

	font-weight:bold;

}

div.jp-playlist li {

	padding:5px 0 4px 20px;

	border-bottom:1px solid #eee;

}

div.jp-playlist li div {

	display:inline;

}

/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */

div.jp-type-playlist div.jp-playlist li:last-child {

	padding:5px 0 5px 20px;

	border-bottom:none;

}

div.jp-type-playlist div.jp-playlist li.jp-playlist-current {

	list-style-type:square;

	list-style-position:inside;

	padding-left:7px;

}

div.jp-type-playlist div.jp-playlist a {

	color: #333;

	text-decoration: none;

}

div.jp-type-playlist div.jp-playlist a:hover {

	color:#0d88c1;

        border:none!important;

}

div.jp-type-playlist div.jp-playlist a.jp-playlist-current {

	color:#0d88c1;

}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {

	float:right;

	display:inline;

	text-align:right;

	margin-right:10px;

	font-weight:bold;

	color:#666;

}

div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {

	color:#0d88c1;

        border:none!important;

}

div.jp-type-playlist div.jp-playlist span.jp-free-media {

	float:right;

	display:inline;

	text-align:right;

	margin-right:10px;

}

div.jp-type-playlist div.jp-playlist span.jp-free-media a{

	color:#666;

}

div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{

	color:#0d88c1;

        border:none!important;

}

span.jp-artist {

	font-size:.8em;

	color:#666;

}

/* @end */

div.jp-video-play {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	cursor:pointer;

	background-color:rgba(0,0,0,0); /* Makes IE9 work with the active area over the whole video area. IE6/7/8 only have the button as active area. */

}

div.jp-video-270p div.jp-video-play {

	height:270px;

}

div.jp-video-360p div.jp-video-play {

	height:360px;

}

div.jp-video-full div.jp-video-play {

	height:100%;

	z-index:1000;

}

a.jp-video-play-icon {

	position:relative;

	display:block;

	width: 112px;

	height: 100px;

	margin-left:-56px;

	margin-top:-50px;

	left:50%;

	top:50%;

	background: url("jplayer.blue.monday.video.play.png") 0 0 no-repeat;

	text-indent:-9999px;

}

div.jp-video-play:hover a.jp-video-play-icon {

	background: url("jplayer.blue.monday.video.play.png") 0 -100px no-repeat;

        border:none!important;

}

div.jp-jplayer audio,

div.jp-jplayer {

	width:0px;

	height:0px;

}

div.jp-jplayer {

	background-color: #000000;

}

/* @group TOGGLES */

/* The audio toggles are nested inside jp-time-holder */

ul.jp-toggles {

	list-style-type:none;

	padding:0;

	margin:0 auto;

	overflow:hidden;

}

div.jp-audio .jp-type-single ul.jp-toggles {

	width:25px;

        margin: 0 auto!important;

}

div.jp-audio .jp-type-playlist ul.jp-toggles {

	width:55px;

	margin: 0;

	position: absolute;

	left: 325px;

	top: 50px;

}

div.jp-video ul.jp-toggles {

	margin-top:10px;

	width:100px;

}

ul.jp-toggles li {

	display:block;

	float:right;

}

ul.jp-toggles li a {

	display:block;

	width:25px;

	height:18px;

	text-indent:-9999px;

	line-height:100%; /* need this for IE6 */

}

a.jp-full-screen {

	background: url("jplayer.blue.monday.jpg") 0 -310px no-repeat;

	margin-left: 20px;

}

a.jp-full-screen:hover {

	background: url("jplayer.blue.monday.jpg") -30px -310px no-repeat;

        border:none!important;

}

a.jp-restore-screen {

	background: url("jplayer.blue.monday.jpg") -60px -310px no-repeat;

	margin-left: 20px;

}

a.jp-restore-screen:hover {

	background: url("jplayer.blue.monday.jpg") -90px -310px no-repeat;

        border:none!important;

}

a.jp-repeat {

	background: url("jplayer.blue.monday.jpg") 0 -290px no-repeat;

}

a.jp-repeat:hover {

	background: url("jplayer.blue.monday.jpg") -30px -290px no-repeat;

        border:none!important;

}

a.jp-repeat-off {

	background: url("jplayer.blue.monday.jpg") -60px -290px no-repeat;

}

a.jp-repeat-off:hover {

	background: url("jplayer.blue.monday.jpg") -90px -290px no-repeat;

        border:none!important;

}

a.jp-shuffle {

	background: url("jplayer.blue.monday.jpg") 0 -270px no-repeat;

	margin-left: 5px;

}

a.jp-shuffle:hover {

	background: url("jplayer.blue.monday.jpg") -30px -270px no-repeat;

        border:none!important;

}

a.jp-shuffle-off {

	background: url("jplayer.blue.monday.jpg") -60px -270px no-repeat;

	margin-left: 5px;

}

a.jp-shuffle-off:hover {

	background: url("jplayer.blue.monday.jpg") -90px -270px no-repeat;

        border:none!important;

}

/* @end */

/* @group NO SOLUTION error feedback */

.jp-no-solution {

	width:335px;

	padding:3px 10px 3px 30px!important;

                    margin : -40px 0 20px -100px!important;

                    float:left;

	background-color:#eee;

	color:#000;

	display:none;

                    font-size: 0.9em!important;

                    z-index: 1000;

}

.jp-no-solution a {

	color:#000;

}

.jp-no-solution span {

	font-size:1em;

	display:block;

	text-align:center;

	font-weight:bold;

}

/* @end */

/*

 * CirclePlayer for the jPlayer Plugin (jQuery)

 * http://www.jplayer.org

 *

 * Copyright (c) 2009 - 2011 Happyworm Ltd

 * Dual licensed under the MIT and GPL licenses.

 *  - http://www.opensource.org/licenses/mit-license.php

 *  - http://www.gnu.org/copyleft/gpl.html

 *

 * Version: 1.0.1 (jPlayer 2.0.9)

 * Date: 30th May 2011

 *

 * Author: Mark J Panaghiston @thepag

 *

 * CirclePlayer prototype developed by:

 * Mark Boas @maboa

 * Silvia Benvenuti @aulentina

 * Jussi Kalliokoski @quinirill

 *

 * Inspired by :

 * Neway @imneway http://imneway.net/ http://forrst.com/posts/Untitled-CPt

 * and

 * Liam McKay @liammckay http://dribbble.com/shots/50882-Purple-Play-Pause

 *

 * Standing on the shoulders of :

 * John Resig @jresig

 * Mark Panaghiston @thepag

 * Louis-Rémi Babé @Louis_Remi

 */

var CirclePlayer = function(jPlayerSelector, media, options) {

	var	self = this,

		defaults = {

			// solution: "flash, html", // For testing Flash with CSS3

			supplied: "m4a, oga",

			// Android 2.3 corrupts media element if preload:"none" is used.

			// preload: "none", // No point preloading metadata since no times are displayed. It helps keep the buffer state correct too.

			cssSelectorAncestor: "#cp_container_1",

			cssSelector: {

				play: ".cp-play",

				pause: ".cp-pause"

			}

		},

		cssSelector = {

			bufferHolder: ".cp-buffer-holder",

			buffer1: ".cp-buffer-1",

			buffer2: ".cp-buffer-2",

			progressHolder: ".cp-progress-holder",

			progress1: ".cp-progress-1",

			progress2: ".cp-progress-2",

			circleControl: ".cp-circle-control"

		};

	this.cssClass = {

		gt50: "cp-gt50",

		fallback: "cp-fallback"

	};

	this.spritePitch = 104;

	this.spriteRatio = 0.24; // Number of steps / 100

	this.player = $(jPlayerSelector);

	this.media = $.extend({}, media);

	this.options = $.extend(true, {}, defaults, options); // Deep copy

	this.cssTransforms = Modernizr.csstransforms;

	this.audio = {};

	this.dragging = false; // Indicates if the progressbar is being 'dragged'.

	this.eventNamespace = ".CirclePlayer"; // So the events can easily be removed in destroy.

	this.jq = {};

	$.each(cssSelector, function(entity, cssSel) {

		self.jq[entity] = $(self.options.cssSelectorAncestor + " " + cssSel);

	});

	this._initSolution();

	this._initPlayer();

};

CirclePlayer.prototype = {

	_createHtml: function() {

	},

	_initPlayer: function() {

		var self = this;

		this.player.jPlayer(this.options);

		this.player.bind($.jPlayer.event.ready + this.eventNamespace, function(event) {

			if(event.jPlayer.html.used && event.jPlayer.html.audio.available) {

				self.audio = $(this).data("jPlayer").htmlElement.audio;

			}

			$(this).jPlayer("setMedia", self.media);

			self._initCircleControl();

		});

		this.player.bind($.jPlayer.event.play + this.eventNamespace, function(event) {

			$(this).jPlayer("pauseOthers");

		});

		// This event fired as play time increments

		this.player.bind($.jPlayer.event.timeupdate + this.eventNamespace, function(event) {

			if (!self.dragging) {

				self._timeupdate(event.jPlayer.status.currentPercentAbsolute);

			}

		});

		// This event fired as buffered time increments

		this.player.bind($.jPlayer.event.progress + this.eventNamespace, function(event) {

			var percent = 0;

			if((typeof self.audio.buffered === "object") && (self.audio.buffered.length > 0)) {

				if(self.audio.duration > 0) {

					var bufferTime = 0;

					for(var i = 0; i < self.audio.buffered.length; i++) {

						bufferTime += self.audio.buffered.end(i) - self.audio.buffered.start(i);

						// console.log(i + " | start = " + self.audio.buffered.start(i) + " | end = " + self.audio.buffered.end(i) + " | bufferTime = " + bufferTime + " | duration = " + self.audio.duration);

					}

					percent = 100 * bufferTime / self.audio.duration;

				} // else the Metadata has not been read yet.

				// console.log("percent = " + percent);

			} else { // Fallback if buffered not supported

				// percent = event.jPlayer.status.seekPercent;

				percent = 0; // Cleans up the inital conditions on all browsers, since seekPercent defaults to 100 when object is undefined.

			}

			self._progress(percent); // Problem here at initial condition. Due to the Opera clause above of buffered.length > 0 above... Removing it means Opera's white buffer ring never shows like with polyfill.

			// Firefox 4 does not always give the final progress event when buffered = 100%

		});

		this.player.bind($.jPlayer.event.ended + this.eventNamespace, function(event) {

			self._resetSolution();

		});

	},

	_initSolution: function() {

		if (this.cssTransforms) {

			this.jq.progressHolder.show();

			this.jq.bufferHolder.show();

		}

		else {

			this.jq.progressHolder.addClass(this.cssClass.gt50).show();

			this.jq.progress1.addClass(this.cssClass.fallback);

			this.jq.progress2.hide();

			this.jq.bufferHolder.hide();

		}

		this._resetSolution();

	},

	_resetSolution: function() {

		if (this.cssTransforms) {

			this.jq.progressHolder.removeClass(this.cssClass.gt50);

			this.jq.progress1.css({'transform': 'rotate(0deg)'});

			this.jq.progress2.css({'transform': 'rotate(0deg)'}).hide();

		}

		else {

			this.jq.progress1.css('background-position', '0 ' + this.spritePitch + 'px');

		}

	},

	_initCircleControl: function() {

		var self = this;

		this.jq.circleControl.grab({

			onstart: function(){

				self.dragging = true;

			}, onmove: function(event){

				var pc = self._getArcPercent(event.position.x, event.position.y);

				self.player.jPlayer("playHead", pc).jPlayer("play");

				self._timeupdate(pc);

			}, onfinish: function(event){

				self.dragging = false;

				var pc = self._getArcPercent(event.position.x, event.position.y);

				self.player.jPlayer("playHead", pc).jPlayer("play");

			}

		});

	},

	_timeupdate: function(percent) {

		var degs = percent * 3.6+"deg";

		var spriteOffset = (Math.floor((Math.round(percent))*this.spriteRatio)-1)*-this.spritePitch;

		if (percent <= 50) {

			if (this.cssTransforms) {

				this.jq.progressHolder.removeClass(this.cssClass.gt50);

				this.jq.progress1.css({'transform': 'rotate(' + degs + ')'});

				this.jq.progress2.hide();

			} else { // fall back

				this.jq.progress1.css('background-position', '0 '+spriteOffset+'px');

			}

		} else if (percent <= 100) {

			if (this.cssTransforms) {

				this.jq.progressHolder.addClass(this.cssClass.gt50);

				this.jq.progress1.css({'transform': 'rotate(180deg)'});

				this.jq.progress2.css({'transform': 'rotate(' + degs + ')'});

				this.jq.progress2.show();

			} else { // fall back

				this.jq.progress1.css('background-position', '0 '+spriteOffset+'px');

			}

		}

	},

	_progress: function(percent) {

		var degs = percent * 3.6+"deg";

		if (this.cssTransforms) {

			if (percent <= 50) {

				this.jq.bufferHolder.removeClass(this.cssClass.gt50);

				this.jq.buffer1.css({'transform': 'rotate(' + degs + ')'});

				this.jq.buffer2.hide();

			} else if (percent <= 100) {

				this.jq.bufferHolder.addClass(this.cssClass.gt50);

				this.jq.buffer1.css({'transform': 'rotate(180deg)'});

				this.jq.buffer2.show();

				this.jq.buffer2.css({'transform': 'rotate(' + degs + ')'});

			}

		}

	},

	_getArcPercent: function(pageX, pageY) {

		var	offset	= this.jq.circleControl.offset(),

			x	= pageX - offset.left - this.jq.circleControl.width()/2,

			y	= pageY - offset.top - this.jq.circleControl.height()/2,

			theta	= Math.atan2(y,x);

		if (theta > -1 * Math.PI && theta < -0.5 * Math.PI) {

			theta = 2 * Math.PI + theta;

		}

		// theta is now value between -0.5PI and 1.5PI

		// ready to be normalized and applied

		return (theta + Math.PI / 2) / 2 * Math.PI * 10;

	},

	setMedia: function(media) {

		this.media = $.extend({}, media);

		this.player.jPlayer("setMedia", this.media);

	},

	play: function(time) {

		this.player.jPlayer("play", time);

	},

	pause: function(time) {

		this.player.jPlayer("pause", time);

	},

	destroy: function() {

		this.player.unbind(this.eventNamespace);

		this.player.jPlayer("destroy");

	}

};

/*

 * Playlist Object for the jPlayer Plugin

 * http://www.jplayer.org

 *

 * Copyright (c) 2009 - 2011 Happyworm Ltd

 * Dual licensed under the MIT and GPL licenses.

 *  - http://www.opensource.org/licenses/mit-license.php

 *  - http://www.gnu.org/copyleft/gpl.html

 *

 * Author: Mark J Panaghiston

 * Version: 2.1.0 (jPlayer 2.1.0)

 * Date: 1st September 2011

 */

(function(b,f){jPlayerPlaylist=function(a,c,d){var e=this;this.current=0;this.removing=this.shuffled=this.loop=!1;this.cssSelector=b.extend({},this._cssSelector,a);this.options=b.extend(!0,{},this._options,d);this.playlist=[];this.original=[];this._initPlaylist(c);this.cssSelector.title=this.cssSelector.cssSelectorAncestor+" .jp-title";this.cssSelector.playlist=this.cssSelector.cssSelectorAncestor+" .jp-playlist";this.cssSelector.next=this.cssSelector.cssSelectorAncestor+" .jp-next";this.cssSelector.previous=

this.cssSelector.cssSelectorAncestor+" .jp-previous";this.cssSelector.shuffle=this.cssSelector.cssSelectorAncestor+" .jp-shuffle";this.cssSelector.shuffleOff=this.cssSelector.cssSelectorAncestor+" .jp-shuffle-off";this.options.cssSelectorAncestor=this.cssSelector.cssSelectorAncestor;this.options.repeat=function(a){e.loop=a.jPlayer.options.loop};b(this.cssSelector.jPlayer).bind(b.jPlayer.event.ready,function(){e._init()});b(this.cssSelector.jPlayer).bind(b.jPlayer.event.ended,function(){e.next()});

b(this.cssSelector.jPlayer).bind(b.jPlayer.event.play,function(){b(this).jPlayer("pauseOthers")});b(this.cssSelector.jPlayer).bind(b.jPlayer.event.resize,function(a){a.jPlayer.options.fullScreen?b(e.cssSelector.title).show():b(e.cssSelector.title).hide()});b(this.cssSelector.previous).click(function(){e.previous();b(this).blur();return!1});b(this.cssSelector.next).click(function(){e.next();b(this).blur();return!1});b(this.cssSelector.shuffle).click(function(){e.shuffle(!0);return!1});b(this.cssSelector.shuffleOff).click(function(){e.shuffle(!1);

return!1}).hide();this.options.fullScreen||b(this.cssSelector.title).hide();b(this.cssSelector.playlist+" ul").empty();this._createItemHandlers();b(this.cssSelector.jPlayer).jPlayer(this.options)};jPlayerPlaylist.prototype={_cssSelector:{jPlayer:"#jquery_jplayer_1",cssSelectorAncestor:"#jp_container_1"},_options:{playlistOptions:{autoPlay:!1,loopOnPrevious:!1,shuffleOnLoop:!0,enableRemoveControls:!1,displayTime:"slow",addTime:"fast",removeTime:"fast",shuffleTime:"slow",itemClass:"jp-playlist-item",

freeGroupClass:"jp-free-media",freeItemClass:"jp-playlist-item-free",removeItemClass:"jp-playlist-item-remove"}},option:function(a,b){if(b===f)return this.options.playlistOptions[a];this.options.playlistOptions[a]=b;switch(a){case "enableRemoveControls":this._updateControls();break;case "itemClass":case "freeGroupClass":case "freeItemClass":case "removeItemClass":this._refresh(!0),this._createItemHandlers()}return this},_init:function(){var a=this;this._refresh(function(){a.options.playlistOptions.autoPlay?

a.play(a.current):a.select(a.current)})},_initPlaylist:function(a){this.current=0;this.removing=this.shuffled=!1;this.original=b.extend(!0,[],a);this._originalPlaylist()},_originalPlaylist:function(){var a=this;this.playlist=[];b.each(this.original,function(b){a.playlist[b]=a.original[b]})},_refresh:function(a){var c=this;if(a&&!b.isFunction(a))b(this.cssSelector.playlist+" ul").empty(),b.each(this.playlist,function(a){b(c.cssSelector.playlist+" ul").append(c._createListItem(c.playlist[a]))}),this._updateControls();

else{var d=b(this.cssSelector.playlist+" ul").children().length?this.options.playlistOptions.displayTime:0;b(this.cssSelector.playlist+" ul").slideUp(d,function(){var d=b(this);b(this).empty();b.each(c.playlist,function(a){d.append(c._createListItem(c.playlist[a]))});c._updateControls();b.isFunction(a)&&a();c.playlist.length?b(this).slideDown(c.options.playlistOptions.displayTime):b(this).show()})}},_createListItem:function(a){var c=this,d="<li><div>";d+="<a href='javascript:;' class='"+this.options.playlistOptions.removeItemClass+

"'>&times;</a>";if(a.free){var e=!0;d+="<span class='"+this.options.playlistOptions.freeGroupClass+"'>(";b.each(a,function(a,f){b.jPlayer.prototype.format[a]&&(e?e=!1:d+=" | ",d+="<a class='"+c.options.playlistOptions.freeItemClass+"' href='"+f+"' tabindex='1'>"+a+"</a>")});d+=")</span>"}d+="<a href='javascript:;' class='"+this.options.playlistOptions.itemClass+"' tabindex='1'>"+a.title+(a.artist?" <span class='jp-artist'>by "+a.artist+"</span>":"")+"</a>";d+="</div></li>";return d},_createItemHandlers:function(){var a=

this;b(this.cssSelector.playlist+" a."+this.options.playlistOptions.itemClass).die("click").live("click",function(){var c=b(this).parent().parent().index();a.current!==c?a.play(c):b(a.cssSelector.jPlayer).jPlayer("play");b(this).blur();return!1});b(a.cssSelector.playlist+" a."+this.options.playlistOptions.freeItemClass).die("click").live("click",function(){b(this).parent().parent().find("."+a.options.playlistOptions.itemClass).click();b(this).blur();return!1});b(a.cssSelector.playlist+" a."+this.options.playlistOptions.removeItemClass).die("click").live("click",

function(){var c=b(this).parent().parent().index();a.remove(c);b(this).blur();return!1})},_updateControls:function(){this.options.playlistOptions.enableRemoveControls?b(this.cssSelector.playlist+" ."+this.options.playlistOptions.removeItemClass).show():b(this.cssSelector.playlist+" ."+this.options.playlistOptions.removeItemClass).hide();this.shuffled?(b(this.cssSelector.shuffleOff).show(),b(this.cssSelector.shuffle).hide()):(b(this.cssSelector.shuffleOff).hide(),b(this.cssSelector.shuffle).show())},

_highlight:function(a){this.playlist.length&&a!==f&&(b(this.cssSelector.playlist+" .jp-playlist-current").removeClass("jp-playlist-current"),b(this.cssSelector.playlist+" li:nth-child("+(a+1)+")").addClass("jp-playlist-current").find(".jp-playlist-item").addClass("jp-playlist-current"),b(this.cssSelector.title+" li").html(this.playlist[a].title+(this.playlist[a].artist?" <span class='jp-artist'>by "+this.playlist[a].artist+"</span>":"")))},setPlaylist:function(a){this._initPlaylist(a);this._init()},

add:function(a,c){b(this.cssSelector.playlist+" ul").append(this._createListItem(a)).find("li:last-child").hide().slideDown(this.options.playlistOptions.addTime);this._updateControls();this.original.push(a);this.playlist.push(a);c?this.play(this.playlist.length-1):this.original.length===1&&this.select(0)},remove:function(a){var c=this;if(a===f)return this._initPlaylist([]),this._refresh(function(){b(c.cssSelector.jPlayer).jPlayer("clearMedia")}),!0;else if(this.removing)return!1;else{a=a<0?c.original.length+

a:a;if(0<=a&&a<this.playlist.length)this.removing=!0,b(this.cssSelector.playlist+" li:nth-child("+(a+1)+")").slideUp(this.options.playlistOptions.removeTime,function(){b(this).remove();if(c.shuffled){var d=c.playlist[a];b.each(c.original,function(a){if(c.original[a]===d)return c.original.splice(a,1),!1})}else c.original.splice(a,1);c.playlist.splice(a,1);c.original.length?a===c.current?(c.current=a<c.original.length?c.current:c.original.length-1,c.select(c.current)):a<c.current&&c.current--:(b(c.cssSelector.jPlayer).jPlayer("clearMedia"),

c.current=0,c.shuffled=!1,c._updateControls());c.removing=!1});return!0}},select:function(a){a=a<0?this.original.length+a:a;0<=a&&a<this.playlist.length?(this.current=a,this._highlight(a),b(this.cssSelector.jPlayer).jPlayer("setMedia",this.playlist[this.current])):this.current=0},play:function(a){a=a<0?this.original.length+a:a;0<=a&&a<this.playlist.length?this.playlist.length&&(this.select(a),b(this.cssSelector.jPlayer).jPlayer("play")):a===f&&b(this.cssSelector.jPlayer).jPlayer("play")},pause:function(){b(this.cssSelector.jPlayer).jPlayer("pause")},

next:function(){var a=this.current+1<this.playlist.length?this.current+1:0;this.loop?a===0&&this.shuffled&&this.options.playlistOptions.shuffleOnLoop&&this.playlist.length>1?this.shuffle(!0,!0):this.play(a):a>0&&this.play(a)},previous:function(){var a=this.current-1>=0?this.current-1:this.playlist.length-1;(this.loop&&this.options.playlistOptions.loopOnPrevious||a<this.playlist.length-1)&&this.play(a)},shuffle:function(a,c){var d=this;a===f&&(a=!this.shuffled);(a||a!==this.shuffled)&&b(this.cssSelector.playlist+

" ul").slideUp(this.options.playlistOptions.shuffleTime,function(){(d.shuffled=a)?d.playlist.sort(function(){return 0.5-Math.random()}):d._originalPlaylist();d._refresh(!0);c||!b(d.cssSelector.jPlayer).data("jPlayer").status.paused?d.play(0):d.select(0);b(this).slideDown(d.options.playlistOptions.shuffleTime)})}}})(jQuery);

/*

 * Skin for jPlayer Plugin (jQuery JavaScript Library)

 * http://www.happyworm.com/jquery/jplayer

 *

 * Skin Name: Blue Monday

 *

 * Copyright (c) 2010-2011 Happyworm Ltd

 * Dual licensed under the MIT and GPL licenses.

 *  - http://www.opensource.org/licenses/mit-license.php

 *  - http://www.gnu.org/copyleft/gpl.html

 *

 * Author: Silvia Benvenuti

 * Skin Version: 4.0 (jPlayer 2.1.0)

 * Date: 1st September 2011

 */

#content-world ul {  }

 #content-work ul li {

     list-style: none;

     background-image:none;

     margin:0;

     padding:0;

 }

 div#content-work a{

 }

div.jp-audio,

div.jp-video {

	/* Edit the font-size to counteract inherited font sizing.

	 * Eg. 1.25em = 1 / 0.8em

	 */

	font-size:1.25em; /* 1.25em for testing in site pages */ /* No parent CSS that can effect the size in the demos ZIP */

	font-family:Verdana, Arial, sans-serif;

	line-height:1.6;

	color: #666;

	position:relative;

}

div.jp-audio {

	width:100%;

                    position : absolute;

                    bottom : 0;

}

div.jp-video-270p {

	width:480px;

}

div.jp-video-360p {

	width:640px;

}

div.jp-video-full {

	/* Rules for IE6 (full-screen) */

	width:480px;

	height:270px;

	/* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */

	position:static !important; position:relative

}

div.jp-video-full div.jp-jplayer {

	top: 0;

	left: 0;

	position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */

	overflow: hidden;

	z-index:1000;

}

div.jp-video-full div.jp-gui {

	position: fixed !important; position: static; /* Rules for IE6 (full-screen) */

	top: 0;

	left: 0;

	width:100%;

	height:100%;

	z-index:1000;

}

div.jp-video-full div.jp-interface {

	position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */

	bottom: 0;

	left: 0;

	z-index:1000;

}

div.jp-interface {

	position: relative;

	background-color:#333333;

                    padding : 0 10px;

}

div.jp-audio div.jp-type-single div.jp-interface {

	height:44px;

}

div.jp-audio div.jp-type-playlist div.jp-interface {

	height:80px;

}

div.jp-video div.jp-interface {

	border-top:1px solid #009be3;

}

/* @group CONTROLS */

div.jp-controls-holder {

	clear: both;

	width:440px;