Evolution #472: Inclusion jPlayer

app/Resources/translations/userui.fr.yml

@@ -167,4 +167,4 @@ need_tags:
                          Gagnez en réputation en leurs proposants les tags qui conviennent !
 
 autoplay:
-  limitations_players:   La lecture automatique ne supporte actuellement que les lecteurs youtube et soundcloud.
+  limitations_players:   La lecture automatique ne supporte actuellement que les lecteurs youtube, soundcloud et jamendo.

src/Muzich/CoreBundle/Controller/ElementController.php

@@ -1130,4 +1130,28 @@ class ElementController extends Controller
     ));
   }
   
+  
+  
+  public function geJamendotStreamDatasAction(Request $request, $element_id)
+  {
+    if (($response = $this->mustBeConnected(true)))
+    {
+      return $response;
+    }
+    
+    if (!($element = $this->getDoctrine()->getRepository('MuzichCoreBundle:Element')
+      ->findOneById($element_id)))
+    {
+      throw $this->createNotFoundException('Not found');
+    }
+        
+    $manager = new ElementManager($element, $this->getEntityManager(), $this->container);
+    $stream_data = $manager->getFactory()->getStreamData();
+    
+    return $this->jsonResponse(array(
+      'status' => 'success',
+      'data'   => $stream_data,
+    ));
+  }
+  
 }

src/Muzich/CoreBundle/Factory/Elements/Jamendocom.php

@@ -13,13 +13,7 @@ use Muzich\CoreBundle\Entity\Element;
 class Jamendocom extends ElementFactory
 {
   
-  /**
-   *  ALBUM = http://www.jamendo.com/fr/album/30661
-   *  TRACK = http://www.jamendo.com/fr/track/207079
-   * 
-   * API: http://developer.jamendo.com/fr/wiki/Musiclist2ApiFields
-   */
-  public function retrieveDatas()
+  protected function proceedTypeAndId()
   {
     $url_clean = $this->getCleanedUrl();
         
@@ -56,6 +50,67 @@ class Jamendocom extends ElementFactory
     
     $this->element->setData(Element::DATA_TYPE  , $type);
     $this->element->setData(Element::DATA_REF_ID, $ref_id);
+  }
+  
+  public function getStreamData()
+  {
+    // On determine le type et l'url
+    $this->proceedTypeAndId();
+    
+    $type = $this->element->getData(Element::DATA_TYPE);
+    $ref_id = $this->element->getData(Element::DATA_REF_ID);
+    
+    // Récupération de données avec l'API
+    $api_url = null;
+    switch ($type)
+    {
+      case 'track':
+        $api_url = "http://api.jamendo.com/get2/name+stream/track/json/?track_id=".$ref_id;
+      break;
+    
+      case 'album':
+        $api_url = "http://api.jamendo.com/get2/name+stream/track/json/?album_id=".$ref_id;
+      break;
+    }
+    
+    if ($api_url)
+    {
+      $ch = curl_init($api_url);
+      $options = array(
+        CURLOPT_RETURNTRANSFER => true,
+        CURLOPT_HTTPHEADER => array('Content-type: text/plain')
+      );
+      curl_setopt_array( $ch, $options );
+      $result = json_decode(curl_exec($ch), true);
+      
+      if (count($result))
+      {
+        $data_return = array();
+        foreach ($result as $song)
+        {
+          $data_return[] = array(
+            'name' => $song['name'],
+            'url'  => $song['stream'],
+          );
+        }
+        return $data_return;
+      }
+    }
+  }
+  
+  /**
+   *  ALBUM = http://www.jamendo.com/fr/album/30661
+   *  TRACK = http://www.jamendo.com/fr/track/207079
+   * 
+   * API: http://developer.jamendo.com/fr/wiki/Musiclist2ApiFields
+   */
+  public function retrieveDatas()
+  {
+    // On determine le type et l'url
+    $this->proceedTypeAndId();
+    
+    $type = $this->element->getData(Element::DATA_TYPE);
+    $ref_id = $this->element->getData(Element::DATA_REF_ID);
     
     // Récupération de données avec l'API
     $api_url = null;

src/Muzich/CoreBundle/Managers/ElementManager.php

@@ -142,7 +142,7 @@ class ElementManager
     
   }
   
-  protected function getFactory()
+  public function getFactory()
   { 
 //    $factory_name = ucfirst(str_replace('.', '', $this->element->getType())).'Factory';
 //    return new $factory_name($this->element, $this->container);

src/Muzich/CoreBundle/Resources/config/routing.yml

@@ -179,3 +179,7 @@ element_show_need_tags:
 element_dom_get_one:
   pattern: /ajax/element/dom/get/{type}/{element_id}
   defaults: { _controller: MuzichCoreBundle:Element:getOneDom, element_id: null }
+
+element_get_stream_data:
+  pattern: /ajax/element/data/get/stream/{element_id}
+  defaults: { _controller: MuzichCoreBundle:Element:geJamendotStreamDatas, element_id: null }

src/Muzich/CoreBundle/Resources/views/layout.html.twig

@@ -3,9 +3,8 @@
 	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
 <head>
-	<title>Muzi.ch - {% block title %}{% endblock %}</title>
-	
-	<meta http-equiv="content-type" content="text/html;charset=utf-8" />
+  <title>Muzi.ch - {% block title %}{% endblock %}</title>
+  <meta http-equiv="content-type" content="text/html;charset=utf-8" />
 	<meta http-equiv="Content-Style-Type" content="text/css" />
 	<meta name="description" content="" />
 	<meta name="keywords" content="" />
@@ -22,15 +21,20 @@
 	<script src="{{ asset('js/jquery-1.8.2.prod.js') }}" type="text/javascript"></script>
   {% endif %}
   <script src="{{ asset('js/jquery-ui-1.8.7.min.js') }}" type="text/javascript"></script>
-	<script src="{{ asset('bundles/muzichcore/js/muzich.js') }}" type="text/javascript"></script>
+  <script src="{{ asset('bundles/muzichcore/js/muzich.js') }}" type="text/javascript"></script>
 	
   <script type="text/javascript" src="{{ asset('js/swfobject.js') }}"></script> 
-  
-       <script src="http://connect.soundcloud.com/sdk.js"></script>
-       <script src="http://w.soundcloud.com/player/api.js"></script>
+  {# TODO: On peux piquer les js ?  #}
+  <script src="http://connect.soundcloud.com/sdk.js"></script>
+  <script src="http://w.soundcloud.com/player/api.js"></script>
        
   <script src="{{ asset('bundles/muzichcore/js/autoplay.js') }}" type="text/javascript"></script>
   
+  {# jPlayer #}
+  <link href="{{ asset('jplayer/skin/blue.monday/jplayer.blue.monday.css') }}" rel="stylesheet" type="text/css" />
+  <script type="text/javascript" src="{{ asset('jplayer/js/jquery.jplayer.min.js') }}"></script>
+  <script type="text/javascript" src="{{ asset('jplayer/js/jplayer.playlist.min.js') }}"></script>
+  
   <script src="{{ asset('js/tags/jquery.autoGrowInput.js') }}" type="text/javascript"></script>
   <script src="{{ asset('js/tags/jquery.tagBox.js') }}" type="text/javascript"></script>
   <script src="{{ asset('js/formdefault/jquery.formdefaults.js') }}" type="text/javascript"></script>
@@ -77,6 +81,7 @@
     url_datas_api = "{{ path('element_retrieve_api_datas') }}";
     url_element_add = "{{ path('element_add') }}";
     url_element_dom_get_one_autoplay = "{{ path('element_dom_get_one', {'type':'autoplay'}) }}";
+    url_element_get_stream_data = "{{ path('element_get_stream_data') }}";
     
     url_img_ajax_loader = "{{ asset('/bundles/muzichcore/img/ajax-loader.gif') }}";
   </script>
@@ -90,6 +95,11 @@
       <a href="javascript:void(0);" id="autoplay_previous">
         <img src="{{ asset('/bundles/muzichcore/img/autoplay_previous.png') }}" alt="previous" />
       </a>
+      
+	<a href="javascript:void(0);" id="autoplay_close" >
+	  <img src="{{ asset('/bundles/muzichcore/img/1317386146_cancel.png') }}" alt="close" />
+	</a>
+      
       <a href="javascript:void(0);" id="autoplay_next">
         <img src="{{ asset('/bundles/muzichcore/img/autoplay_next.png') }}" alt="next" />
       </a>
@@ -100,13 +110,55 @@
       <div id="autoplay_player"></div>
     </div>
     <div id="autoplay_player_soundcloud"></div>
+    <div id="autoplay_player_generic" style="display: none;">
+      <div id="jquery_jplayer_1" class="jp-jplayer"></div>
+      <div id="jp_container_1" class="jp-audio">
+        <div class="jp-type-playlist">
+          <div class="jp-gui jp-interface">
+            <ul class="jp-controls">
+              <li><a href="javascript:;" class="jp-previous" tabindex="1">previous</a></li>
+              <li><a href="javascript:;" class="jp-play" tabindex="1">play</a></li>
+              <li><a href="javascript:;" class="jp-pause" tabindex="1">pause</a></li>
+              <li><a href="javascript:;" class="jp-next" tabindex="1">next</a></li>
+              <li><a href="javascript:;" class="jp-stop" tabindex="1">stop</a></li>
+              <li><a href="javascript:;" class="jp-mute" tabindex="1" title="mute">mute</a></li>
+              <li><a href="javascript:;" class="jp-unmute" tabindex="1" title="unmute">unmute</a></li>
+              <li><a href="javascript:;" class="jp-volume-max" tabindex="1" title="max volume">max volume</a></li>
+            </ul>
+            <div class="jp-progress">
+              <div class="jp-seek-bar">
+                <div class="jp-play-bar"></div>
+              </div>
+            </div>
+            <div class="jp-volume-bar">
+              <div class="jp-volume-bar-value"></div>
+            </div>
+            <div class="jp-time-holder">
+              <div class="jp-current-time"></div>
+              <div class="jp-duration"></div>
+            </div>
+            <ul class="jp-toggles" style="display: none;">
+              <li><a href="javascript:;" class="jp-shuffle" tabindex="1" title="shuffle">shuffle</a></li>
+              <li><a href="javascript:;" class="jp-shuffle-off" tabindex="1" title="shuffle off">shuffle off</a></li>
+              <li><a href="javascript:;" class="jp-repeat" tabindex="1" title="repeat">repeat</a></li>
+              <li><a href="javascript:;" class="jp-repeat-off" tabindex="1" title="repeat off">repeat off</a></li>
+            </ul>
+          </div>
+          <div class="jp-playlist">
+            <ul>
+              <li></li>
+            </ul>
+          </div>
+          <div class="jp-no-solution">
+            <span>Update Required</span>
+            To play the media you will need to either update your browser to a recent version or update your <a href="http://get.adobe.com/flashplayer/" target="_blank">Flash plugin</a>.
+          </div>
+        </div>
+      </div>
+    </div>
     <img id="autoplay_loader" src="{{ asset('/bundles/muzichcore/img/ajax-loader.gif') }}" alt="loader" />
     <p id="autoplay_noelements_text" style="display: none;">{{ 'elements.autoplay.noelements.text'|trans({}, 'elements') }}</p>
-    
-    <a href="javascript:void(0);" id="autoplay_close" >
-      <img src="{{ asset('/bundles/muzichcore/img/1317386146_cancel.png') }}" alt="close" />
-    </a>
-    
+        
     <p><span class="sinfo">{{ 'autoplay.limitations_players'|trans({}, 'userui') }}</span></p>
     
   </div>

web/bundles/muzichcore/css/main.css

@@ -90,6 +90,11 @@ input.button, button.button {
   color: #00d0de;
 }
 
+#autoplay div.jp-audio a
+{
+  color: black;
+}
+
 #container a.button, #autoplay a.button
 {
   color: white;
@@ -1344,25 +1349,26 @@ a#autoplay_next
 a#autoplay_previous, a#autoplay_next, a#autoplay_close
 {
   background: #fff;
-	padding: 5px;
-	border: 10px solid #ddd;
-	z-index: 99999;
-	/*--Les différentes définitions de Box Shadow en CSS3--*/
-	-webkit-box-shadow: 0px 0px 20px #000;
-	-moz-box-shadow: 0px 0px 20px #000;
-	box-shadow: 0px 0px 20px #000;
-	/*--Coins arrondis en CSS3--*/
-	-webkit-border-radius: 10px;
-	-moz-border-radius: 10px;
-	border-radius: 10px;
+  padding: 5px;
+  border: 10px solid #ddd;
+  z-index: 99999;
+  /*--Les différentes définitions de Box Shadow en CSS3--*/
+  -webkit-box-shadow: 0px 0px 20px #000;
+  -moz-box-shadow: 0px 0px 20px #000;
+  box-shadow: 0px 0px 20px #000;
+  /*--Coins arrondis en CSS3--*/
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  border-radius: 10px;
 }
 
 a#autoplay_close
 {
   float: left;
   text-decoration: none;
-  margin-top: -100px;
-  margin-left: -120px;
+  margin-top: 130px;
+  margin-left: -110px;
+  z-index: 99;
 }
 
 div#autoplay_title

web/bundles/muzichcore/js/autoplay.js

@@ -22,6 +22,17 @@ $(document).ready(function(){
   var autoplay_last_element_id = null;
   // Pour savoir si on est en bout de ligne
   var autoplay_no_more = false;
+  // Pour savoir si le lecteur générique a déjà été lancé
+  var autoplay_generic_player_launched = false;
+  // contient l'objet playlist du lecteur générique
+  var autoplay_generic_player_playlist = null;
+  // contient le nombre de tracks dans la playlist du lecteur générique
+  var autoplay_generic_player_playlist_count = 0;
+  // Index dernière piste lu par lecteur générique
+  var autoplay_generic_player_index_track_previous = 0;
+  // pour notre hack: les données previous track, current track sont
+  // interprété différemment lorsque on est a notre 2ème lecture ...
+  var autoplay_generic_player_first_launch = null;
   
   // En cas de click sur un bouton de lecture
   $('a#autoplay_launch').click(function(){
@@ -38,29 +49,56 @@ $(document).ready(function(){
       
       if (response.status == 'success')
       {
+        
+        // hack
+          autoplay_generic_player_playlist = new jPlayerPlaylist({
+            jPlayer: "#jquery_jplayer_1",
+            cssSelectorAncestor: "#jp_container_1"
+          },
+          []
+          , {
+             playlistOptions: {
+              autoPlay: true,
+              enableRemoveControls: true
+            },
+            swfPath: "/jplayer/js",
+            supplied: "mp3",
+            wmode: "window"
+          });
+        
         // On récupère la liste d'élèments
         autoplay_list = response.data;
+        // On renseigne l'id de l'élèment en cours de demande de lecture
         autoplay_last_element_id = autoplay_list[0].element_id;
+        // On par sur l'index premier de la liste de lecture
         autoplay_step = 0;
-        autoplay_run(0);
+        // On lance la lecture auo
+        autoplay_run(autoplay_step, false);
       }
       
     });
     return false;
   });
   
-  function autoplay_load_element(element_id, timeouted)
+  /**
+   * Cette fonction est chargé de récupérer le bloc élent avec le nom, la note etc ...
+   * @param {int} element_id
+   * @param {boolean} timed
+   */
+  function autoplay_load_element(element_id, timed)
   {
-    // On vérifie ici que c'est le dernier élement demandé, ca evite de multiples
-    // requetes en cas de brute click sur les flèches.
-    if (!timeouted)
+    // Si on a pas retardé cette demande
+    if (!timed)
     {
+      // Alors il faut que l'on attende un peu, au cas ou il y avait plein de clics simultanés
       $('#autoplay_element_loader').show();
       $('li#autoplay_element_container').html('');
-      setTimeout(autoplay_load_element, 1000, element_id, true);
+      // On relance le bousin dans x millisecondes
+      setTimeout(autoplay_load_element, 500, element_id, true);
     }
     else
     {
+      // On ne lance la procédure que si il n'y as pas eu de nouvelle demande depuis
       if (autoplay_last_element_id == element_id)
       {
         $.getJSON(url_element_dom_get_one_autoplay+'/'+element_id, function(response) {
@@ -91,50 +129,76 @@ $(document).ready(function(){
     }
   }
   
-  // Lancement de l'élèment suivant
-  function autoplay_run(step)
+  /**
+   * Lancement d'une lecture d'élément
+   * @param {int} step
+   * @param {boolean} timed
+   */
+  function autoplay_run(step, timed)
   {
-    // En premier lieu on réinitialise le lecteur en détruisant le dom qui a
-    // pu être créé par la lecture précedente.
-    autoplay_clean_for_player_creation();
-    
-    // Pause des lecteurs potentiels
-    autoplay_pause_all_players();
     
-    if (autoplay_list.length)
+    if (!timed)
+    {     
+      // En premier lieu on réinitialise le lecteur en détruisant le dom qui a
+      // pu être créé par la lecture précedente.
+      autoplay_clean_for_player_creation();
+      
+      // Pause des lecteurs potentiels
+      autoplay_pause_all_players();
+      
+      // On la relance au cas ou il y a eu de multiples clicks
+      setTimeout(autoplay_run, 500, step, true);
+    }
+    else if (autoplay_last_element_id == autoplay_list[step].element_id)
     {
-    
-      if (array_key_exists(step, autoplay_list))
+      
+      if (autoplay_list.length)
       {
-        
-        // Youtube case
-        if (autoplay_list[step].element_type == 'youtube.com' || autoplay_list[step].element_type == 'youtu.be')
-        {
-          autoplay_load_element(autoplay_list[step].element_id, false);
-          youtube_create_player(autoplay_list[step].element_ref_id);
-        }
-
-        if (autoplay_list[step].element_type == 'soundcloud.com')
+      
+        if (array_key_exists(step, autoplay_list))
         {
-          autoplay_load_element(autoplay_list[step].element_id, false);
-          soundcloud_create_player(autoplay_list[step].element_ref_id, autoplay_list[step].element_normalized_url);
+          // Youtube case
+          if (autoplay_list[step].element_type == 'youtube.com' || autoplay_list[step].element_type == 'youtu.be')
+          {
+            autoplay_load_element(autoplay_list[step].element_id, false);
+            youtube_create_player(autoplay_list[step].element_ref_id);
+          }
+  
+          if (autoplay_list[step].element_type == 'soundcloud.com')
+          {
+            autoplay_load_element(autoplay_list[step].element_id, false);
+            soundcloud_create_player(autoplay_list[step].element_ref_id, autoplay_list[step].element_normalized_url);
+          }
+  
+          if (autoplay_list[step].element_type == 'jamendo.com')
+          {
+            autoplay_load_element(autoplay_list[step].element_id, false);
+            jamendo_create_player(autoplay_list[step].element_id);
+          }
+          
         }
-        
+      
+      }
+      else
+      {
+        autoplay_display_nomore();
       }
     
     }
-    else
-    {
-      autoplay_display_nomore();
-    }
   }
   
+  /**
+   * Nettoyage du lecteur autoplay pour l'ouverture d'un nouvel élément
+   *
+   */
   function autoplay_clean_for_player_creation(clean_element)
   {
     autoplay_pause_all_players();
     
     $('div#'+autoplay_player_div_id+'_container').html('<div id="'+autoplay_player_div_id+'"></div>');
     $('#autoplay_noelements_text').hide();
+    $('div#autoplay_player_generic').hide();
+    
     if (clean_element)
     {
       $('li#autoplay_element_container').html('');
@@ -142,11 +206,20 @@ $(document).ready(function(){
     $('img#autoplay_loader').show();
   }
   
+  /**
+   * Fonction qui regroupe les méthode de mise en pause de tout les lecteurs
+   *
+   */
   function autoplay_pause_all_players()
   {
+    // Pas youtube car on détruit son lecteur
     soundcloud_stop_player();
+    jamendo_stop_player();
   }
   
+  /**
+   * Affichage du message indiquant qu'il n'y a plus rien a lire
+   */
   function autoplay_display_nomore()
   {
     autoplay_no_more = true;
@@ -161,7 +234,7 @@ $(document).ready(function(){
     }
   }
   
-  // Avancer d'un élelement dans la liste
+  // Avancer d'un éleement dans la liste
   function autoplay_next()
   {
     autoplay_no_more = false;
@@ -169,7 +242,7 @@ $(document).ready(function(){
     if (array_key_exists(autoplay_step, autoplay_list))
     {
       autoplay_last_element_id = autoplay_list[autoplay_step].element_id;
-      autoplay_run(autoplay_step);
+      autoplay_run(autoplay_step, false);
     }
     else
     {
@@ -186,7 +259,7 @@ $(document).ready(function(){
     if (array_key_exists(autoplay_step, autoplay_list))
     {
       autoplay_last_element_id = autoplay_list[autoplay_step].element_id;
-      autoplay_run(autoplay_step);
+      autoplay_run(autoplay_step, false);
     }
     else
     {
@@ -209,6 +282,8 @@ $(document).ready(function(){
     $('div#'+autoplay_player_div_id+'_container').html('<div id="'+autoplay_player_div_id+'"></div>');
     // Plus rien de dois être lu
     autoplay_pause_all_players();
+    // TODO: Pour le moment c'est surtout pour détruire la variable du lecteur générique
+    autoplay_clean_for_player_creation();
   });
    
   
@@ -281,6 +356,7 @@ $(document).ready(function(){
   
   /*
    * 
+   *
    * 
    * Fonctions soundcloud
    * 
@@ -382,7 +458,6 @@ $(document).ready(function(){
         if (error) 
         { 
           // En cas d'erreur on passe a al suivante
-          console.log('Not found!');
           autoplay_next(); 
         }
         else
@@ -409,4 +484,163 @@ $(document).ready(function(){
     $('div#autoplay_player_soundcloud').hide();
   }
   
+  /*
+   * 
+   *
+   * 
+   * Jamendo.com (utilise le lecteur générique)
+   * 
+   * 
+   */
+  
+  function jamendo_create_player(element_id)
+  {
+    autoplay_generic_player_load(element_id);
+  }
+  
+  function jamendo_stop_player()
+  {
+    autoplay_generic_player_stop();
+  }
+  
+  
+  /*
+   * 
+   * 
+   * Lecteur générique
+   * 
+   */
+  
+   /**
+   * Objet son
+   * @param {string} title Nom du morceau qui sera affiché dans la liste de lecture
+   * @param {string} mp3 adresse du flux sonore
+   */
+  function GenericSong(title, mp3)
+  {
+    this.title = title;
+    this.mp3   = mp3;
+  }
+  
+  /**
+   * Fonction de lecture d'un élèment avec le lecteur générique
+   *
+   * @param {int} element_id identifiant internet de l'élément
+   */
+  function autoplay_generic_player_load(element_id)
+  {
+    // On doit récupérer les informations pour la lecture streaming
+    $.getJSON(url_element_get_stream_data+'/'+element_id, function(response) {
+          
+      if (response.status == 'mustbeconnected')
+      {
+        $(location).attr('href', url_index);
+      }
+
+      if (response.status == 'success')
+      {
+        if (response.data)
+        {
+          
+          // Pour stocker localement les données de notre base
+          var autoplay_generic_playlist_data = new Array;
+          
+          for(var i = 0; i < response.data.length; i++)
+          {
+            // On construit un objet son pour constituer une bibliothèque (autoplay_generic_playlist_data)
+            var song = new GenericSong(response.data[i].name, response.data[i].url);
+            autoplay_generic_playlist_data[i] = song;
+          }
+          
+          // On garde en mémoire le nombre de piste que l'on à, ca nous sera utlie pour
+          // savoir si on est en fin de lecture par exemple
+          autoplay_generic_player_playlist_count = autoplay_generic_playlist_data.length;
+          
+          $('div#autoplay_player_generic').show();
+          
+          // On a besoin de savoir si c'est la première fois que l'on charge ce lecteur
+          if (autoplay_generic_player_first_launch === null)
+          {
+            autoplay_generic_player_first_launch = true;
+          }
+          else if (autoplay_generic_player_first_launch === true)
+          {
+            autoplay_generic_player_first_launch = false;
+          }
+          
+          // On construit l'objet de jPlayerv avec une playlist
+          autoplay_generic_player_playlist = new jPlayerPlaylist({
+            jPlayer: "#jquery_jplayer_1",
+            cssSelectorAncestor: "#jp_container_1"
+          },
+          // On stransmet la plsylist a cette position
+          autoplay_generic_playlist_data
+          , {
+             playlistOptions: {
+              autoPlay: true,
+              enableRemoveControls: true
+            },
+            swfPath: "/jplayer/js",
+            supplied: "mp3",
+            wmode: "window"
+          });
+          
+          // On ne bind qu'un seule fois les functions
+          if (autoplay_generic_player_launched == false)
+          {
+            
+            // On garde en mémoire la piste lu en ce moment
+            $("#jquery_jplayer_1").bind($.jPlayer.event.play, function(event) { 
+              autoplay_generic_player_index_track_previous = autoplay_generic_player_playlist.current;
+              $('img#autoplay_loader').hide();
+            });
+            
+            $("#jquery_jplayer_1").bind($.jPlayer.event.ended, function(event) { 
+              
+              // Si la index_track_previous est la même maintenant que la piste
+              // est terminé, c'est que l'on est arrivé en fin de liste.
+              // Cependant, si c'est une liste avec une piste unique, on passe 
+              if (
+                  (
+                    // Si c'est la première fois il faut qu'après la lecture ce soit les mêmes index
+                    ( autoplay_generic_player_first_launch &&
+                      autoplay_generic_player_index_track_previous == autoplay_generic_player_playlist.current )
+                    ||
+                    // Si c'est pas la première fois, on obtient le current avant de passer a al suitante
+                    // du coup on peut regarder si on était a la dernière piste
+                    ( !autoplay_generic_player_first_launch &&
+                      autoplay_generic_player_playlist.current == autoplay_generic_player_playlist_count -1 )
+                  )
+                || autoplay_generic_player_playlist_count == 1
+              )
+              {
+                console.log('next...')
+                autoplay_next();
+              }
+              
+            });
+            
+            $("#jquery_jplayer_1").bind($.jPlayer.event.error, function(event)
+            {
+              autoplay_next();
+            });
+          
+          }
+          
+          autoplay_generic_player_launched = true;
+        }
+        else
+        {
+          autoplay_next(); 
+        }
+      }
+
+    });
+  }
+  
+  function autoplay_generic_player_stop()
+  {
+    $("#jquery_jplayer_1").jPlayer("destroy");
+  }
+  
 });

web/jplayer/js/circle.player.js

@@ -0,0 +1,243 @@
+/*
+ * CirclePlayer for the jPlayer Plugin (jQuery)
+ * http://www.jplayer.org
+ *
+ * Copyright (c) 2009 - 2012 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.1.0+)
+ * 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");
+	}
+};

web/jplayer/js/jplayer.playlist.min.js

@@ -0,0 +1,30 @@
+/*
+ * 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);

web/jplayer/js/jquery.grab.js

@@ -0,0 +1,201 @@
+/*
+jQuery grab 
+https://github.com/jussi-kalliokoski/jQuery.grab
+Ported from Jin.js::gestures   
+https://github.com/jussi-kalliokoski/jin.js/
+Created by Jussi Kalliokoski
+Licensed under MIT License. 
+
+Includes fix for IE
+*/
+
+
+(function($){
+	var	extend		= $.extend,
+		mousedown	= 'mousedown',
+		mousemove	= 'mousemove',
+		mouseup		= 'mouseup',
+		touchstart	= 'touchstart',
+		touchmove	= 'touchmove',
+		touchend	= 'touchend',
+		touchcancel	= 'touchcancel';
+
+	function unbind(elem, type, func){
+		if (type.substr(0,5) !== 'touch'){ // A temporary fix for IE8 data passing problem in Jin.
+			return $(elem).unbind(type, func);
+		}
+		var fnc, i;
+		for (i=0; i<bind._binds.length; i++){
+			if (bind._binds[i].elem === elem && bind._binds[i].type === type && bind._binds[i].func === func){
+				if (document.addEventListener){
+					elem.removeEventListener(type, bind._binds[i].fnc, false);
+				} else {
+					elem.detachEvent('on'+type, bind._binds[i].fnc);
+				}
+				bind._binds.splice(i--, 1);
+			}
+		}
+	}
+
+	function bind(elem, type, func, pass){
+		if (type.substr(0,5) !== 'touch'){ // A temporary fix for IE8 data passing problem in Jin.
+			return $(elem).bind(type, pass, func);
+		}
+		var fnc, i;
+		if (bind[type]){
+			return bind[type].bind(elem, type, func, pass);
+		}
+		fnc = function(e){
+			if (!e){ // Fix some ie bugs...
+				e = window.event;
+			}
+			if (!e.stopPropagation){
+				e.stopPropagation = function(){ this.cancelBubble = true; };
+			}
+			e.data = pass;
+			func.call(elem, e);
+		};
+		if (document.addEventListener){
+			elem.addEventListener(type, fnc, false);
+		} else {
+			elem.attachEvent('on' + type, fnc);
+		}
+		bind._binds.push({elem: elem, type: type, func: func, fnc: fnc});
+	}
+
+	function grab(elem, options)
+	{
+		var data = {
+			move: {x: 0, y: 0},
+			offset: {x: 0, y: 0},
+			position: {x: 0, y: 0},
+			start: {x: 0, y: 0},
+			affects: document.documentElement,
+			stopPropagation: false,
+			preventDefault: true,
+			touch: true // Implementation unfinished, and doesn't support multitouch
+		};
+		extend(data, options);
+		data.element = elem;
+		bind(elem, mousedown, mouseDown, data);
+		if (data.touch){
+			bind(elem, touchstart, touchStart, data);
+		}
+	}
+	function ungrab(elem){
+		unbind(elem, mousedown, mousedown);
+	}
+	function mouseDown(e){
+		e.data.position.x = e.pageX;
+		e.data.position.y = e.pageY;
+		e.data.start.x = e.pageX;
+		e.data.start.y = e.pageY;
+		e.data.event = e;
+		if (e.data.onstart && e.data.onstart.call(e.data.element, e.data)){
+			return;
+		}
+		if (e.preventDefault && e.data.preventDefault){
+			e.preventDefault();
+		}
+		if (e.stopPropagation && e.data.stopPropagation){
+			e.stopPropagation();
+		}
+		bind(e.data.affects, mousemove, mouseMove, e.data);
+		bind(e.data.affects, mouseup, mouseUp, e.data);
+	}
+	function mouseMove(e){
+		if (e.preventDefault && e.data.preventDefault){
+			e.preventDefault();
+		}
+		if (e.stopPropagation && e.data.preventDefault){
+			e.stopPropagation();
+		}
+		e.data.move.x = e.pageX - e.data.position.x;
+		e.data.move.y = e.pageY - e.data.position.y;
+		e.data.position.x = e.pageX;
+		e.data.position.y = e.pageY;
+		e.data.offset.x = e.pageX - e.data.start.x;
+		e.data.offset.y = e.pageY - e.data.start.y;
+		e.data.event = e;
+		if (e.data.onmove){
+			e.data.onmove.call(e.data.element, e.data);
+		}
+	}
+	function mouseUp(e){
+		if (e.preventDefault && e.data.preventDefault){
+			e.preventDefault();
+		}
+		if (e.stopPropagation && e.data.stopPropagation){
+			e.stopPropagation();
+		}
+		unbind(e.data.affects, mousemove, mouseMove);
+		unbind(e.data.affects, mouseup, mouseUp);
+		e.data.event = e;
+		if (e.data.onfinish){
+			e.data.onfinish.call(e.data.element, e.data);
+		}
+	}
+	function touchStart(e){
+		e.data.position.x = e.touches[0].pageX;
+		e.data.position.y = e.touches[0].pageY;
+		e.data.start.x = e.touches[0].pageX;
+		e.data.start.y = e.touches[0].pageY;
+		e.data.event = e;
+		if (e.data.onstart && e.data.onstart.call(e.data.element, e.data)){
+			return;
+		}
+		if (e.preventDefault && e.data.preventDefault){
+			e.preventDefault();
+		}
+		if (e.stopPropagation && e.data.stopPropagation){
+			e.stopPropagation();
+		}
+		bind(e.data.affects, touchmove, touchMove, e.data);
+		bind(e.data.affects, touchend, touchEnd, e.data);
+	}
+	function touchMove(e){
+		if (e.preventDefault && e.data.preventDefault){
+			e.preventDefault();
+		}
+		if (e.stopPropagation && e.data.stopPropagation){
+			e.stopPropagation();
+		}
+		e.data.move.x = e.touches[0].pageX - e.data.position.x;
+		e.data.move.y = e.touches[0].pageY - e.data.position.y;
+		e.data.position.x = e.touches[0].pageX;
+		e.data.position.y = e.touches[0].pageY;
+		e.data.offset.x = e.touches[0].pageX - e.data.start.x;
+		e.data.offset.y = e.touches[0].pageY - e.data.start.y;
+		e.data.event = e;
+		if (e.data.onmove){
+			e.data.onmove.call(e.data.elem, e.data);
+		}
+	}
+	function touchEnd(e){
+		if (e.preventDefault && e.data.preventDefault){
+			e.preventDefault();
+		}
+		if (e.stopPropagation && e.data.stopPropagation){
+			e.stopPropagation();
+		}
+		unbind(e.data.affects, touchmove, touchMove);
+		unbind(e.data.affects, touchend, touchEnd);
+		e.data.event = e;
+		if (e.data.onfinish){
+			e.data.onfinish.call(e.data.element, e.data);
+		}
+	}
+
+	bind._binds = [];
+
+	$.fn.grab = function(a, b){
+		return this.each(function(){
+			return grab(this, a, b);
+		});
+	};
+	$.fn.ungrab = function(a){
+		return this.each(function(){
+			return ungrab(this, a);
+		});
+	};
+})(jQuery);

web/jplayer/js/jquery.jplayer.inspector.js

@@ -0,0 +1,331 @@
+/*
+ * 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 />"
+
+			+ "&nbsp;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);

web/jplayer/js/jquery.jplayer.min.js

@@ -0,0 +1,97 @@
+/*
+ * jPlayer Plugin for jQuery JavaScript Library
+ * http://www.jplayer.org
+ *
+ * Copyright (c) 2009 - 2012 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.2.0
+ * Date: 13th September 2012
+ */
+
+(function(b,f){b.fn.jPlayer=function(a){var c="string"===typeof a,d=Array.prototype.slice.call(arguments,1),e=this,a=!c&&d.length?b.extend.apply(null,[!0,a].concat(d)):a;if(c&&"_"===a.charAt(0))return e;c?this.each(function(){var c=b.data(this,"jPlayer"),h=c&&b.isFunction(c[a])?c[a].apply(c,d):c;if(h!==c&&h!==f)return e=h,!1}):this.each(function(){var c=b.data(this,"jPlayer");c?c.option(a||{}):b.data(this,"jPlayer",new b.jPlayer(a,this))});return e};b.jPlayer=function(a,c){if(arguments.length){this.element=
+b(c);this.options=b.extend(!0,{},this.options,a);var d=this;this.element.bind("remove.jPlayer",function(){d.destroy()});this._init()}};b.jPlayer.emulateMethods="load play pause";b.jPlayer.emulateStatus="src readyState networkState currentTime duration paused ended playbackRate";b.jPlayer.emulateOptions="muted volume";b.jPlayer.reservedEvent="ready flashreset resize repeat error warning";b.jPlayer.event={ready:"jPlayer_ready",flashreset:"jPlayer_flashreset",resize:"jPlayer_resize",repeat:"jPlayer_repeat",
+click:"jPlayer_click",error:"jPlayer_error",warning:"jPlayer_warning",loadstart:"jPlayer_loadstart",progress:"jPlayer_progress",suspend:"jPlayer_suspend",abort:"jPlayer_abort",emptied:"jPlayer_emptied",stalled:"jPlayer_stalled",play:"jPlayer_play",pause:"jPlayer_pause",loadedmetadata:"jPlayer_loadedmetadata",loadeddata:"jPlayer_loadeddata",waiting:"jPlayer_waiting",playing:"jPlayer_playing",canplay:"jPlayer_canplay",canplaythrough:"jPlayer_canplaythrough",seeking:"jPlayer_seeking",seeked:"jPlayer_seeked",
+timeupdate:"jPlayer_timeupdate",ended:"jPlayer_ended",ratechange:"jPlayer_ratechange",durationchange:"jPlayer_durationchange",volumechange:"jPlayer_volumechange"};b.jPlayer.htmlEvent="loadstart abort emptied stalled loadedmetadata loadeddata canplay canplaythrough ratechange".split(" ");b.jPlayer.pause=function(){b.each(b.jPlayer.prototype.instances,function(a,c){c.data("jPlayer").status.srcSet&&c.jPlayer("pause")})};b.jPlayer.timeFormat={showHour:!1,showMin:!0,showSec:!0,padHour:!1,padMin:!0,padSec:!0,
+sepHour:":",sepMin:":",sepSec:""};b.jPlayer.convertTime=function(a){var c=new Date(1E3*a),d=c.getUTCHours(),a=c.getUTCMinutes(),c=c.getUTCSeconds(),d=b.jPlayer.timeFormat.padHour&&10>d?"0"+d:d,a=b.jPlayer.timeFormat.padMin&&10>a?"0"+a:a,c=b.jPlayer.timeFormat.padSec&&10>c?"0"+c:c;return(b.jPlayer.timeFormat.showHour?d+b.jPlayer.timeFormat.sepHour:"")+(b.jPlayer.timeFormat.showMin?a+b.jPlayer.timeFormat.sepMin:"")+(b.jPlayer.timeFormat.showSec?c+b.jPlayer.timeFormat.sepSec:"")};b.jPlayer.uaBrowser=
+function(a){var a=a.toLowerCase(),c=/(opera)(?:.*version)?[ \/]([\w.]+)/,b=/(msie) ([\w.]+)/,e=/(mozilla)(?:.*? rv:([\w.]+))?/,a=/(webkit)[ \/]([\w.]+)/.exec(a)||c.exec(a)||b.exec(a)||0>a.indexOf("compatible")&&e.exec(a)||[];return{browser:a[1]||"",version:a[2]||"0"}};b.jPlayer.uaPlatform=function(a){var b=a.toLowerCase(),d=/(android)/,e=/(mobile)/,a=/(ipad|iphone|ipod|android|blackberry|playbook|windows ce|webos)/.exec(b)||[],b=/(ipad|playbook)/.exec(b)||!e.exec(b)&&d.exec(b)||[];a[1]&&(a[1]=a[1].replace(/\s/g,
+"_"));return{platform:a[1]||"",tablet:b[1]||""}};b.jPlayer.browser={};b.jPlayer.platform={};var i=b.jPlayer.uaBrowser(navigator.userAgent);i.browser&&(b.jPlayer.browser[i.browser]=!0,b.jPlayer.browser.version=i.version);i=b.jPlayer.uaPlatform(navigator.userAgent);i.platform&&(b.jPlayer.platform[i.platform]=!0,b.jPlayer.platform.mobile=!i.tablet,b.jPlayer.platform.tablet=!!i.tablet);b.jPlayer.prototype={count:0,version:{script:"2.2.0",needFlash:"2.2.0",flash:"unknown"},options:{swfPath:"js",solution:"html, flash",
+supplied:"mp3",preload:"metadata",volume:0.8,muted:!1,wmode:"opaque",backgroundColor:"#000000",cssSelectorAncestor:"#jp_container_1",cssSelector:{videoPlay:".jp-video-play",play:".jp-play",pause:".jp-pause",stop:".jp-stop",seekBar:".jp-seek-bar",playBar:".jp-play-bar",mute:".jp-mute",unmute:".jp-unmute",volumeBar:".jp-volume-bar",volumeBarValue:".jp-volume-bar-value",volumeMax:".jp-volume-max",currentTime:".jp-current-time",duration:".jp-duration",fullScreen:".jp-full-screen",restoreScreen:".jp-restore-screen",
+repeat:".jp-repeat",repeatOff:".jp-repeat-off",gui:".jp-gui",noSolution:".jp-no-solution"},fullScreen:!1,autohide:{restored:!1,full:!0,fadeIn:200,fadeOut:600,hold:1E3},loop:!1,repeat:function(a){a.jPlayer.options.loop?b(this).unbind(".jPlayerRepeat").bind(b.jPlayer.event.ended+".jPlayer.jPlayerRepeat",function(){b(this).jPlayer("play")}):b(this).unbind(".jPlayerRepeat")},nativeVideoControls:{},noFullScreen:{msie:/msie [0-6]/,ipad:/ipad.*?os [0-4]/,iphone:/iphone/,ipod:/ipod/,android_pad:/android [0-3](?!.*?mobile)/,
+android_phone:/android.*?mobile/,blackberry:/blackberry/,windows_ce:/windows ce/,webos:/webos/},noVolume:{ipad:/ipad/,iphone:/iphone/,ipod:/ipod/,android_pad:/android(?!.*?mobile)/,android_phone:/android.*?mobile/,blackberry:/blackberry/,windows_ce:/windows ce/,webos:/webos/,playbook:/playbook/},verticalVolume:!1,idPrefix:"jp",noConflict:"jQuery",emulateHtml:!1,errorAlerts:!1,warningAlerts:!1},optionsAudio:{size:{width:"0px",height:"0px",cssClass:""},sizeFull:{width:"0px",height:"0px",cssClass:""}},
+optionsVideo:{size:{width:"480px",height:"270px",cssClass:"jp-video-270p"},sizeFull:{width:"100%",height:"100%",cssClass:"jp-video-full"}},instances:{},status:{src:"",media:{},paused:!0,format:{},formatType:"",waitForPlay:!0,waitForLoad:!0,srcSet:!1,video:!1,seekPercent:0,currentPercentRelative:0,currentPercentAbsolute:0,currentTime:0,duration:0,readyState:0,networkState:0,playbackRate:1,ended:0},internal:{ready:!1},solution:{html:!0,flash:!0},format:{mp3:{codec:'audio/mpeg; codecs="mp3"',flashCanPlay:!0,
+media:"audio"},m4a:{codec:'audio/mp4; codecs="mp4a.40.2"',flashCanPlay:!0,media:"audio"},oga:{codec:'audio/ogg; codecs="vorbis"',flashCanPlay:!1,media:"audio"},wav:{codec:'audio/wav; codecs="1"',flashCanPlay:!1,media:"audio"},webma:{codec:'audio/webm; codecs="vorbis"',flashCanPlay:!1,media:"audio"},fla:{codec:"audio/x-flv",flashCanPlay:!0,media:"audio"},rtmpa:{codec:'audio/rtmp; codecs="rtmp"',flashCanPlay:!0,media:"audio"},m4v:{codec:'video/mp4; codecs="avc1.42E01E, mp4a.40.2"',flashCanPlay:!0,media:"video"},
+ogv:{codec:'video/ogg; codecs="theora, vorbis"',flashCanPlay:!1,media:"video"},webmv:{codec:'video/webm; codecs="vorbis, vp8"',flashCanPlay:!1,media:"video"},flv:{codec:"video/x-flv",flashCanPlay:!0,media:"video"},rtmpv:{codec:'video/rtmp; codecs="rtmp"',flashCanPlay:!0,media:"video"}},_init:function(){var a=this;this.element.empty();this.status=b.extend({},this.status);this.internal=b.extend({},this.internal);this.internal.domNode=this.element.get(0);this.formats=[];this.solutions=[];this.require=
+{};this.htmlElement={};this.html={};this.html.audio={};this.html.video={};this.flash={};this.css={};this.css.cs={};this.css.jq={};this.ancestorJq=[];this.options.volume=this._limitValue(this.options.volume,0,1);b.each(this.options.supplied.toLowerCase().split(","),function(c,d){var e=d.replace(/^\s+|\s+$/g,"");if(a.format[e]){var f=false;b.each(a.formats,function(a,b){if(e===b){f=true;return false}});f||a.formats.push(e)}});b.each(this.options.solution.toLowerCase().split(","),function(c,d){var e=
+d.replace(/^\s+|\s+$/g,"");if(a.solution[e]){var f=false;b.each(a.solutions,function(a,b){if(e===b){f=true;return false}});f||a.solutions.push(e)}});this.internal.instance="jp_"+this.count;this.instances[this.internal.instance]=this.element;this.element.attr("id")||this.element.attr("id",this.options.idPrefix+"_jplayer_"+this.count);this.internal.self=b.extend({},{id:this.element.attr("id"),jq:this.element});this.internal.audio=b.extend({},{id:this.options.idPrefix+"_audio_"+this.count,jq:f});this.internal.video=
+b.extend({},{id:this.options.idPrefix+"_video_"+this.count,jq:f});this.internal.flash=b.extend({},{id:this.options.idPrefix+"_flash_"+this.count,jq:f,swf:this.options.swfPath+(this.options.swfPath.toLowerCase().slice(-4)!==".swf"?(this.options.swfPath&&this.options.swfPath.slice(-1)!=="/"?"/":"")+"Jplayer.swf":"")});this.internal.poster=b.extend({},{id:this.options.idPrefix+"_poster_"+this.count,jq:f});b.each(b.jPlayer.event,function(b,c){if(a.options[b]!==f){a.element.bind(c+".jPlayer",a.options[b]);
+a.options[b]=f}});this.require.audio=false;this.require.video=false;b.each(this.formats,function(b,c){a.require[a.format[c].media]=true});this.options=this.require.video?b.extend(true,{},this.optionsVideo,this.options):b.extend(true,{},this.optionsAudio,this.options);this._setSize();this.status.nativeVideoControls=this._uaBlocklist(this.options.nativeVideoControls);this.status.noFullScreen=this._uaBlocklist(this.options.noFullScreen);this.status.noVolume=this._uaBlocklist(this.options.noVolume);this._restrictNativeVideoControls();
+this.htmlElement.poster=document.createElement("img");this.htmlElement.poster.id=this.internal.poster.id;this.htmlElement.poster.onload=function(){(!a.status.video||a.status.waitForPlay)&&a.internal.poster.jq.show()};this.element.append(this.htmlElement.poster);this.internal.poster.jq=b("#"+this.internal.poster.id);this.internal.poster.jq.css({width:this.status.width,height:this.status.height});this.internal.poster.jq.hide();this.internal.poster.jq.bind("click.jPlayer",function(){a._trigger(b.jPlayer.event.click)});
+this.html.audio.available=false;if(this.require.audio){this.htmlElement.audio=document.createElement("audio");this.htmlElement.audio.id=this.internal.audio.id;this.html.audio.available=!!this.htmlElement.audio.canPlayType&&this._testCanPlayType(this.htmlElement.audio)}this.html.video.available=false;if(this.require.video){this.htmlElement.video=document.createElement("video");this.htmlElement.video.id=this.internal.video.id;this.html.video.available=!!this.htmlElement.video.canPlayType&&this._testCanPlayType(this.htmlElement.video)}this.flash.available=
+this._checkForFlash(10);this.html.canPlay={};this.flash.canPlay={};b.each(this.formats,function(b,c){a.html.canPlay[c]=a.html[a.format[c].media].available&&""!==a.htmlElement[a.format[c].media].canPlayType(a.format[c].codec);a.flash.canPlay[c]=a.format[c].flashCanPlay&&a.flash.available});this.html.desired=false;this.flash.desired=false;b.each(this.solutions,function(c,d){if(c===0)a[d].desired=true;else{var e=false,f=false;b.each(a.formats,function(b,c){a[a.solutions[0]].canPlay[c]&&(a.format[c].media===
+"video"?f=true:e=true)});a[d].desired=a.require.audio&&!e||a.require.video&&!f}});this.html.support={};this.flash.support={};b.each(this.formats,function(b,c){a.html.support[c]=a.html.canPlay[c]&&a.html.desired;a.flash.support[c]=a.flash.canPlay[c]&&a.flash.desired});this.html.used=false;this.flash.used=false;b.each(this.solutions,function(c,d){b.each(a.formats,function(b,c){if(a[d].support[c]){a[d].used=true;return false}})});this._resetActive();this._resetGate();this._cssSelectorAncestor(this.options.cssSelectorAncestor);
+if(!this.html.used&&!this.flash.used){this._error({type:b.jPlayer.error.NO_SOLUTION,context:"{solution:'"+this.options.solution+"', supplied:'"+this.options.supplied+"'}",message:b.jPlayer.errorMsg.NO_SOLUTION,hint:b.jPlayer.errorHint.NO_SOLUTION});this.css.jq.noSolution.length&&this.css.jq.noSolution.show()}else this.css.jq.noSolution.length&&this.css.jq.noSolution.hide();if(this.flash.used){var c,d="jQuery="+encodeURI(this.options.noConflict)+"&id="+encodeURI(this.internal.self.id)+"&vol="+this.options.volume+
+"&muted="+this.options.muted;if(b.jPlayer.browser.msie&&Number(b.jPlayer.browser.version)<=8){d=['<param name="movie" value="'+this.internal.flash.swf+'" />','<param name="FlashVars" value="'+d+'" />','<param name="allowScriptAccess" value="always" />','<param name="bgcolor" value="'+this.options.backgroundColor+'" />','<param name="wmode" value="'+this.options.wmode+'" />'];c=document.createElement('<object id="'+this.internal.flash.id+'" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="0" height="0"></object>');
+for(var e=0;e<d.length;e++)c.appendChild(document.createElement(d[e]))}else{e=function(a,b,c){var d=document.createElement("param");d.setAttribute("name",b);d.setAttribute("value",c);a.appendChild(d)};c=document.createElement("object");c.setAttribute("id",this.internal.flash.id);c.setAttribute("data",this.internal.flash.swf);c.setAttribute("type","application/x-shockwave-flash");c.setAttribute("width","1");c.setAttribute("height","1");e(c,"flashvars",d);e(c,"allowscriptaccess","always");e(c,"bgcolor",
+this.options.backgroundColor);e(c,"wmode",this.options.wmode)}this.element.append(c);this.internal.flash.jq=b(c)}if(this.html.used){if(this.html.audio.available){this._addHtmlEventListeners(this.htmlElement.audio,this.html.audio);this.element.append(this.htmlElement.audio);this.internal.audio.jq=b("#"+this.internal.audio.id)}if(this.html.video.available){this._addHtmlEventListeners(this.htmlElement.video,this.html.video);this.element.append(this.htmlElement.video);this.internal.video.jq=b("#"+this.internal.video.id);
+this.status.nativeVideoControls?this.internal.video.jq.css({width:this.status.width,height:this.status.height}):this.internal.video.jq.css({width:"0px",height:"0px"});this.internal.video.jq.bind("click.jPlayer",function(){a._trigger(b.jPlayer.event.click)})}}this.options.emulateHtml&&this._emulateHtmlBridge();this.html.used&&!this.flash.used&&setTimeout(function(){a.internal.ready=true;a.version.flash="n/a";a._trigger(b.jPlayer.event.repeat);a._trigger(b.jPlayer.event.ready)},100);this._updateNativeVideoControls();
+this._updateInterface();this._updateButtons(false);this._updateAutohide();this._updateVolume(this.options.volume);this._updateMute(this.options.muted);this.css.jq.videoPlay.length&&this.css.jq.videoPlay.hide();b.jPlayer.prototype.count++},destroy:function(){this.clearMedia();this._removeUiClass();this.css.jq.currentTime.length&&this.css.jq.currentTime.text("");this.css.jq.duration.length&&this.css.jq.duration.text("");b.each(this.css.jq,function(a,b){b.length&&b.unbind(".jPlayer")});this.internal.poster.jq.unbind(".jPlayer");
+this.internal.video.jq&&this.internal.video.jq.unbind(".jPlayer");this.options.emulateHtml&&this._destroyHtmlBridge();this.element.removeData("jPlayer");this.element.unbind(".jPlayer");this.element.empty();delete this.instances[this.internal.instance]},enable:function(){},disable:function(){},_testCanPlayType:function(a){try{a.canPlayType(this.format.mp3.codec);return true}catch(b){return false}},_uaBlocklist:function(a){var c=navigator.userAgent.toLowerCase(),d=false;b.each(a,function(a,b){if(b&&
+b.test(c)){d=true;return false}});return d},_restrictNativeVideoControls:function(){if(this.require.audio&&this.status.nativeVideoControls){this.status.nativeVideoControls=false;this.status.noFullScreen=true}},_updateNativeVideoControls:function(){if(this.html.video.available&&this.html.used){this.htmlElement.video.controls=this.status.nativeVideoControls;this._updateAutohide();if(this.status.nativeVideoControls&&this.require.video){this.internal.poster.jq.hide();this.internal.video.jq.css({width:this.status.width,
+height:this.status.height})}else if(this.status.waitForPlay&&this.status.video){this.internal.poster.jq.show();this.internal.video.jq.css({width:"0px",height:"0px"})}}},_addHtmlEventListeners:function(a,c){var d=this;a.preload=this.options.preload;a.muted=this.options.muted;a.volume=this.options.volume;a.addEventListener("progress",function(){if(c.gate){d._getHtmlStatus(a);d._updateInterface();d._trigger(b.jPlayer.event.progress)}},false);a.addEventListener("timeupdate",function(){if(c.gate){d._getHtmlStatus(a);
+d._updateInterface();d._trigger(b.jPlayer.event.timeupdate)}},false);a.addEventListener("durationchange",function(){if(c.gate){d._getHtmlStatus(a);d._updateInterface();d._trigger(b.jPlayer.event.durationchange)}},false);a.addEventListener("play",function(){if(c.gate){d._updateButtons(true);d._html_checkWaitForPlay();d._trigger(b.jPlayer.event.play)}},false);a.addEventListener("playing",function(){if(c.gate){d._updateButtons(true);d._seeked();d._trigger(b.jPlayer.event.playing)}},false);a.addEventListener("pause",
+function(){if(c.gate){d._updateButtons(false);d._trigger(b.jPlayer.event.pause)}},false);a.addEventListener("waiting",function(){if(c.gate){d._seeking();d._trigger(b.jPlayer.event.waiting)}},false);a.addEventListener("seeking",function(){if(c.gate){d._seeking();d._trigger(b.jPlayer.event.seeking)}},false);a.addEventListener("seeked",function(){if(c.gate){d._seeked();d._trigger(b.jPlayer.event.seeked)}},false);a.addEventListener("volumechange",function(){if(c.gate){d.options.volume=a.volume;d.options.muted=
+a.muted;d._updateMute();d._updateVolume();d._trigger(b.jPlayer.event.volumechange)}},false);a.addEventListener("suspend",function(){if(c.gate){d._seeked();d._trigger(b.jPlayer.event.suspend)}},false);a.addEventListener("ended",function(){if(c.gate){if(!b.jPlayer.browser.webkit)d.htmlElement.media.currentTime=0;d.htmlElement.media.pause();d._updateButtons(false);d._getHtmlStatus(a,true);d._updateInterface();d._trigger(b.jPlayer.event.ended)}},false);a.addEventListener("error",function(){if(c.gate){d._updateButtons(false);
+d._seeked();if(d.status.srcSet){clearTimeout(d.internal.htmlDlyCmdId);d.status.waitForLoad=true;d.status.waitForPlay=true;d.status.video&&!d.status.nativeVideoControls&&d.internal.video.jq.css({width:"0px",height:"0px"});d._validString(d.status.media.poster)&&!d.status.nativeVideoControls&&d.internal.poster.jq.show();d.css.jq.videoPlay.length&&d.css.jq.videoPlay.show();d._error({type:b.jPlayer.error.URL,context:d.status.src,message:b.jPlayer.errorMsg.URL,hint:b.jPlayer.errorHint.URL})}}},false);b.each(b.jPlayer.htmlEvent,
+function(e,g){a.addEventListener(this,function(){c.gate&&d._trigger(b.jPlayer.event[g])},false)})},_getHtmlStatus:function(a,b){var d=0,e=0,g=0,f=0;if(isFinite(a.duration))this.status.duration=a.duration;d=a.currentTime;e=this.status.duration>0?100*d/this.status.duration:0;if(typeof a.seekable==="object"&&a.seekable.length>0){g=this.status.duration>0?100*a.seekable.end(a.seekable.length-1)/this.status.duration:100;f=this.status.duration>0?100*a.currentTime/a.seekable.end(a.seekable.length-1):0}else{g=
+100;f=e}if(b)e=f=d=0;this.status.seekPercent=g;this.status.currentPercentRelative=f;this.status.currentPercentAbsolute=e;this.status.currentTime=d;this.status.readyState=a.readyState;this.status.networkState=a.networkState;this.status.playbackRate=a.playbackRate;this.status.ended=a.ended},_resetStatus:function(){this.status=b.extend({},this.status,b.jPlayer.prototype.status)},_trigger:function(a,c,d){a=b.Event(a);a.jPlayer={};a.jPlayer.version=b.extend({},this.version);a.jPlayer.options=b.extend(true,
+{},this.options);a.jPlayer.status=b.extend(true,{},this.status);a.jPlayer.html=b.extend(true,{},this.html);a.jPlayer.flash=b.extend(true,{},this.flash);if(c)a.jPlayer.error=b.extend({},c);if(d)a.jPlayer.warning=b.extend({},d);this.element.trigger(a)},jPlayerFlashEvent:function(a,c){if(a===b.jPlayer.event.ready)if(this.internal.ready){if(this.flash.gate){if(this.status.srcSet){var d=this.status.currentTime,e=this.status.paused;this.setMedia(this.status.media);d>0&&(e?this.pause(d):this.play(d))}this._trigger(b.jPlayer.event.flashreset)}}else{this.internal.ready=
+true;this.internal.flash.jq.css({width:"0px",height:"0px"});this.version.flash=c.version;this.version.needFlash!==this.version.flash&&this._error({type:b.jPlayer.error.VERSION,context:this.version.flash,message:b.jPlayer.errorMsg.VERSION+this.version.flash,hint:b.jPlayer.errorHint.VERSION});this._trigger(b.jPlayer.event.repeat);this._trigger(a)}if(this.flash.gate)switch(a){case b.jPlayer.event.progress:this._getFlashStatus(c);this._updateInterface();this._trigger(a);break;case b.jPlayer.event.timeupdate:this._getFlashStatus(c);
+this._updateInterface();this._trigger(a);break;case b.jPlayer.event.play:this._seeked();this._updateButtons(true);this._trigger(a);break;case b.jPlayer.event.pause:this._updateButtons(false);this._trigger(a);break;case b.jPlayer.event.ended:this._updateButtons(false);this._trigger(a);break;case b.jPlayer.event.click:this._trigger(a);break;case b.jPlayer.event.error:this.status.waitForLoad=true;this.status.waitForPlay=true;this.status.video&&this.internal.flash.jq.css({width:"0px",height:"0px"});this._validString(this.status.media.poster)&&
+this.internal.poster.jq.show();this.css.jq.videoPlay.length&&this.status.video&&this.css.jq.videoPlay.show();this.status.video?this._flash_setVideo(this.status.media):this._flash_setAudio(this.status.media);this._updateButtons(false);this._error({type:b.jPlayer.error.URL,context:c.src,message:b.jPlayer.errorMsg.URL,hint:b.jPlayer.errorHint.URL});break;case b.jPlayer.event.seeking:this._seeking();this._trigger(a);break;case b.jPlayer.event.seeked:this._seeked();this._trigger(a);break;case b.jPlayer.event.ready:break;
+default:this._trigger(a)}return false},_getFlashStatus:function(a){this.status.seekPercent=a.seekPercent;this.status.currentPercentRelative=a.currentPercentRelative;this.status.currentPercentAbsolute=a.currentPercentAbsolute;this.status.currentTime=a.currentTime;this.status.duration=a.duration;this.status.readyState=4;this.status.networkState=0;this.status.playbackRate=1;this.status.ended=false},_updateButtons:function(a){if(a!==f){this.status.paused=!a;if(this.css.jq.play.length&&this.css.jq.pause.length)if(a){this.css.jq.play.hide();
+this.css.jq.pause.show()}else{this.css.jq.play.show();this.css.jq.pause.hide()}}if(this.css.jq.restoreScreen.length&&this.css.jq.fullScreen.length)if(this.status.noFullScreen){this.css.jq.fullScreen.hide();this.css.jq.restoreScreen.hide()}else if(this.options.fullScreen){this.css.jq.fullScreen.hide();this.css.jq.restoreScreen.show()}else{this.css.jq.fullScreen.show();this.css.jq.restoreScreen.hide()}if(this.css.jq.repeat.length&&this.css.jq.repeatOff.length)if(this.options.loop){this.css.jq.repeat.hide();
+this.css.jq.repeatOff.show()}else{this.css.jq.repeat.show();this.css.jq.repeatOff.hide()}},_updateInterface:function(){this.css.jq.seekBar.length&&this.css.jq.seekBar.width(this.status.seekPercent+"%");this.css.jq.playBar.length&&this.css.jq.playBar.width(this.status.currentPercentRelative+"%");this.css.jq.currentTime.length&&this.css.jq.currentTime.text(b.jPlayer.convertTime(this.status.currentTime));this.css.jq.duration.length&&this.css.jq.duration.text(b.jPlayer.convertTime(this.status.duration))},
+_seeking:function(){this.css.jq.seekBar.length&&this.css.jq.seekBar.addClass("jp-seeking-bg")},_seeked:function(){this.css.jq.seekBar.length&&this.css.jq.seekBar.removeClass("jp-seeking-bg")},_resetGate:function(){this.html.audio.gate=false;this.html.video.gate=false;this.flash.gate=false},_resetActive:function(){this.html.active=false;this.flash.active=false},setMedia:function(a){var c=this,d=false,e=this.status.media.poster!==a.poster;this._resetMedia();this._resetGate();this._resetActive();b.each(this.formats,
+function(e,f){var i=c.format[f].media==="video";b.each(c.solutions,function(b,e){if(c[e].support[f]&&c._validString(a[f])){var g=e==="html";if(i){if(g){c.html.video.gate=true;c._html_setVideo(a);c.html.active=true}else{c.flash.gate=true;c._flash_setVideo(a);c.flash.active=true}c.css.jq.videoPlay.length&&c.css.jq.videoPlay.show();c.status.video=true}else{if(g){c.html.audio.gate=true;c._html_setAudio(a);c.html.active=true}else{c.flash.gate=true;c._flash_setAudio(a);c.flash.active=true}c.css.jq.videoPlay.length&&
+c.css.jq.videoPlay.hide();c.status.video=false}d=true;return false}});if(d)return false});if(d){if((!this.status.nativeVideoControls||!this.html.video.gate)&&this._validString(a.poster))e?this.htmlElement.poster.src=a.poster:this.internal.poster.jq.show();this.status.srcSet=true;this.status.media=b.extend({},a);this._updateButtons(false);this._updateInterface()}else this._error({type:b.jPlayer.error.NO_SUPPORT,context:"{supplied:'"+this.options.supplied+"'}",message:b.jPlayer.errorMsg.NO_SUPPORT,
+hint:b.jPlayer.errorHint.NO_SUPPORT})},_resetMedia:function(){this._resetStatus();this._updateButtons(false);this._updateInterface();this._seeked();this.internal.poster.jq.hide();clearTimeout(this.internal.htmlDlyCmdId);this.html.active?this._html_resetMedia():this.flash.active&&this._flash_resetMedia()},clearMedia:function(){this._resetMedia();this.html.active?this._html_clearMedia():this.flash.active&&this._flash_clearMedia();this._resetGate();this._resetActive()},load:function(){this.status.srcSet?
+this.html.active?this._html_load():this.flash.active&&this._flash_load():this._urlNotSetError("load")},play:function(a){a=typeof a==="number"?a:NaN;this.status.srcSet?this.html.active?this._html_play(a):this.flash.active&&this._flash_play(a):this._urlNotSetError("play")},videoPlay:function(){this.play()},pause:function(a){a=typeof a==="number"?a:NaN;this.status.srcSet?this.html.active?this._html_pause(a):this.flash.active&&this._flash_pause(a):this._urlNotSetError("pause")},pauseOthers:function(){var a=
+this;b.each(this.instances,function(b,d){a.element!==d&&d.data("jPlayer").status.srcSet&&d.jPlayer("pause")})},stop:function(){this.status.srcSet?this.html.active?this._html_pause(0):this.flash.active&&this._flash_pause(0):this._urlNotSetError("stop")},playHead:function(a){a=this._limitValue(a,0,100);this.status.srcSet?this.html.active?this._html_playHead(a):this.flash.active&&this._flash_playHead(a):this._urlNotSetError("playHead")},_muted:function(a){this.options.muted=a;this.html.used&&this._html_mute(a);
+this.flash.used&&this._flash_mute(a);if(!this.html.video.gate&&!this.html.audio.gate){this._updateMute(a);this._updateVolume(this.options.volume);this._trigger(b.jPlayer.event.volumechange)}},mute:function(a){a=a===f?true:!!a;this._muted(a)},unmute:function(a){a=a===f?true:!!a;this._muted(!a)},_updateMute:function(a){if(a===f)a=this.options.muted;if(this.css.jq.mute.length&&this.css.jq.unmute.length)if(this.status.noVolume){this.css.jq.mute.hide();this.css.jq.unmute.hide()}else if(a){this.css.jq.mute.hide();
+this.css.jq.unmute.show()}else{this.css.jq.mute.show();this.css.jq.unmute.hide()}},volume:function(a){a=this._limitValue(a,0,1);this.options.volume=a;this.html.used&&this._html_volume(a);this.flash.used&&this._flash_volume(a);if(!this.html.video.gate&&!this.html.audio.gate){this._updateVolume(a);this._trigger(b.jPlayer.event.volumechange)}},volumeBar:function(a){if(this.css.jq.volumeBar.length){var b=this.css.jq.volumeBar.offset(),d=a.pageX-b.left,e=this.css.jq.volumeBar.width(),a=this.css.jq.volumeBar.height()-
+a.pageY+b.top,b=this.css.jq.volumeBar.height();this.options.verticalVolume?this.volume(a/b):this.volume(d/e)}this.options.muted&&this._muted(false)},volumeBarValue:function(a){this.volumeBar(a)},_updateVolume:function(a){if(a===f)a=this.options.volume;a=this.options.muted?0:a;if(this.status.noVolume){this.css.jq.volumeBar.length&&this.css.jq.volumeBar.hide();this.css.jq.volumeBarValue.length&&this.css.jq.volumeBarValue.hide();this.css.jq.volumeMax.length&&this.css.jq.volumeMax.hide()}else{this.css.jq.volumeBar.length&&
+this.css.jq.volumeBar.show();if(this.css.jq.volumeBarValue.length){this.css.jq.volumeBarValue.show();this.css.jq.volumeBarValue[this.options.verticalVolume?"height":"width"](a*100+"%")}this.css.jq.volumeMax.length&&this.css.jq.volumeMax.show()}},volumeMax:function(){this.volume(1);this.options.muted&&this._muted(false)},_cssSelectorAncestor:function(a){var c=this;this.options.cssSelectorAncestor=a;this._removeUiClass();this.ancestorJq=a?b(a):[];a&&this.ancestorJq.length!==1&&this._warning({type:b.jPlayer.warning.CSS_SELECTOR_COUNT,
+context:a,message:b.jPlayer.warningMsg.CSS_SELECTOR_COUNT+this.ancestorJq.length+" found for cssSelectorAncestor.",hint:b.jPlayer.warningHint.CSS_SELECTOR_COUNT});this._addUiClass();b.each(this.options.cssSelector,function(a,b){c._cssSelector(a,b)})},_cssSelector:function(a,c){var d=this;if(typeof c==="string")if(b.jPlayer.prototype.options.cssSelector[a]){this.css.jq[a]&&this.css.jq[a].length&&this.css.jq[a].unbind(".jPlayer");this.options.cssSelector[a]=c;this.css.cs[a]=this.options.cssSelectorAncestor+
+" "+c;this.css.jq[a]=c?b(this.css.cs[a]):[];this.css.jq[a].length&&this.css.jq[a].bind("click.jPlayer",function(c){d[a](c);b(this).blur();return false});c&&this.css.jq[a].length!==1&&this._warning({type:b.jPlayer.warning.CSS_SELECTOR_COUNT,context:this.css.cs[a],message:b.jPlayer.warningMsg.CSS_SELECTOR_COUNT+this.css.jq[a].length+" found for "+a+" method.",hint:b.jPlayer.warningHint.CSS_SELECTOR_COUNT})}else this._warning({type:b.jPlayer.warning.CSS_SELECTOR_METHOD,context:a,message:b.jPlayer.warningMsg.CSS_SELECTOR_METHOD,
+hint:b.jPlayer.warningHint.CSS_SELECTOR_METHOD});else this._warning({type:b.jPlayer.warning.CSS_SELECTOR_STRING,context:c,message:b.jPlayer.warningMsg.CSS_SELECTOR_STRING,hint:b.jPlayer.warningHint.CSS_SELECTOR_STRING})},seekBar:function(a){if(this.css.jq.seekBar){var b=this.css.jq.seekBar.offset(),a=a.pageX-b.left,b=this.css.jq.seekBar.width();this.playHead(100*a/b)}},playBar:function(a){this.seekBar(a)},repeat:function(){this._loop(true)},repeatOff:function(){this._loop(false)},_loop:function(a){if(this.options.loop!==
+a){this.options.loop=a;this._updateButtons();this._trigger(b.jPlayer.event.repeat)}},currentTime:function(){},duration:function(){},gui:function(){},noSolution:function(){},option:function(a,c){var d=a;if(arguments.length===0)return b.extend(true,{},this.options);if(typeof a==="string"){var e=a.split(".");if(c===f){for(var d=b.extend(true,{},this.options),g=0;g<e.length;g++)if(d[e[g]]!==f)d=d[e[g]];else{this._warning({type:b.jPlayer.warning.OPTION_KEY,context:a,message:b.jPlayer.warningMsg.OPTION_KEY,
+hint:b.jPlayer.warningHint.OPTION_KEY});return f}return d}for(var g=d={},h=0;h<e.length;h++)if(h<e.length-1){g[e[h]]={};g=g[e[h]]}else g[e[h]]=c}this._setOptions(d);return this},_setOptions:function(a){var c=this;b.each(a,function(a,b){c._setOption(a,b)});return this},_setOption:function(a,c){var d=this;switch(a){case "volume":this.volume(c);break;case "muted":this._muted(c);break;case "cssSelectorAncestor":this._cssSelectorAncestor(c);break;case "cssSelector":b.each(c,function(a,b){d._cssSelector(a,
+b)});break;case "fullScreen":if(this.options[a]!==c){this._removeUiClass();this.options[a]=c;this._refreshSize()}break;case "size":!this.options.fullScreen&&this.options[a].cssClass!==c.cssClass&&this._removeUiClass();this.options[a]=b.extend({},this.options[a],c);this._refreshSize();break;case "sizeFull":this.options.fullScreen&&this.options[a].cssClass!==c.cssClass&&this._removeUiClass();this.options[a]=b.extend({},this.options[a],c);this._refreshSize();break;case "autohide":this.options[a]=b.extend({},
+this.options[a],c);this._updateAutohide();break;case "loop":this._loop(c);break;case "nativeVideoControls":this.options[a]=b.extend({},this.options[a],c);this.status.nativeVideoControls=this._uaBlocklist(this.options.nativeVideoControls);this._restrictNativeVideoControls();this._updateNativeVideoControls();break;case "noFullScreen":this.options[a]=b.extend({},this.options[a],c);this.status.nativeVideoControls=this._uaBlocklist(this.options.nativeVideoControls);this.status.noFullScreen=this._uaBlocklist(this.options.noFullScreen);
+this._restrictNativeVideoControls();this._updateButtons();break;case "noVolume":this.options[a]=b.extend({},this.options[a],c);this.status.noVolume=this._uaBlocklist(this.options.noVolume);this._updateVolume();this._updateMute();break;case "emulateHtml":if(this.options[a]!==c)(this.options[a]=c)?this._emulateHtmlBridge():this._destroyHtmlBridge()}return this},_refreshSize:function(){this._setSize();this._addUiClass();this._updateSize();this._updateButtons();this._updateAutohide();this._trigger(b.jPlayer.event.resize)},
+_setSize:function(){if(this.options.fullScreen){this.status.width=this.options.sizeFull.width;this.status.height=this.options.sizeFull.height;this.status.cssClass=this.options.sizeFull.cssClass}else{this.status.width=this.options.size.width;this.status.height=this.options.size.height;this.status.cssClass=this.options.size.cssClass}this.element.css({width:this.status.width,height:this.status.height})},_addUiClass:function(){this.ancestorJq.length&&this.ancestorJq.addClass(this.status.cssClass)},_removeUiClass:function(){this.ancestorJq.length&&
+this.ancestorJq.removeClass(this.status.cssClass)},_updateSize:function(){this.internal.poster.jq.css({width:this.status.width,height:this.status.height});!this.status.waitForPlay&&this.html.active&&this.status.video||this.html.video.available&&this.html.used&&this.status.nativeVideoControls?this.internal.video.jq.css({width:this.status.width,height:this.status.height}):!this.status.waitForPlay&&(this.flash.active&&this.status.video)&&this.internal.flash.jq.css({width:this.status.width,height:this.status.height})},
+_updateAutohide:function(){var a=this,b=function(){a.css.jq.gui.fadeIn(a.options.autohide.fadeIn,function(){clearTimeout(a.internal.autohideId);a.internal.autohideId=setTimeout(function(){a.css.jq.gui.fadeOut(a.options.autohide.fadeOut)},a.options.autohide.hold)})};if(this.css.jq.gui.length){this.css.jq.gui.stop(true,true);clearTimeout(this.internal.autohideId);this.element.unbind(".jPlayerAutohide");this.css.jq.gui.unbind(".jPlayerAutohide");if(this.status.nativeVideoControls)this.css.jq.gui.hide();
+else if(this.options.fullScreen&&this.options.autohide.full||!this.options.fullScreen&&this.options.autohide.restored){this.element.bind("mousemove.jPlayer.jPlayerAutohide",b);this.css.jq.gui.bind("mousemove.jPlayer.jPlayerAutohide",b);this.css.jq.gui.hide()}else this.css.jq.gui.show()}},fullScreen:function(){this._setOption("fullScreen",true)},restoreScreen:function(){this._setOption("fullScreen",false)},_html_initMedia:function(){this.htmlElement.media.src=this.status.src;this.options.preload!==
+"none"&&this._html_load();this._trigger(b.jPlayer.event.timeupdate)},_html_setAudio:function(a){var c=this;b.each(this.formats,function(b,e){if(c.html.support[e]&&a[e]){c.status.src=a[e];c.status.format[e]=true;c.status.formatType=e;return false}});this.htmlElement.media=this.htmlElement.audio;this._html_initMedia()},_html_setVideo:function(a){var c=this;b.each(this.formats,function(b,e){if(c.html.support[e]&&a[e]){c.status.src=a[e];c.status.format[e]=true;c.status.formatType=e;return false}});if(this.status.nativeVideoControls)this.htmlElement.video.poster=
+this._validString(a.poster)?a.poster:"";this.htmlElement.media=this.htmlElement.video;this._html_initMedia()},_html_resetMedia:function(){if(this.htmlElement.media){this.htmlElement.media.id===this.internal.video.id&&!this.status.nativeVideoControls&&this.internal.video.jq.css({width:"0px",height:"0px"});this.htmlElement.media.pause()}},_html_clearMedia:function(){if(this.htmlElement.media){this.htmlElement.media.src="";this.htmlElement.media.load()}},_html_load:function(){if(this.status.waitForLoad){this.status.waitForLoad=
+false;this.htmlElement.media.load()}clearTimeout(this.internal.htmlDlyCmdId)},_html_play:function(a){var b=this;this._html_load();this.htmlElement.media.play();if(!isNaN(a))try{this.htmlElement.media.currentTime=a}catch(d){this.internal.htmlDlyCmdId=setTimeout(function(){b.play(a)},100);return}this._html_checkWaitForPlay()},_html_pause:function(a){var b=this;a>0?this._html_load():clearTimeout(this.internal.htmlDlyCmdId);this.htmlElement.media.pause();if(!isNaN(a))try{this.htmlElement.media.currentTime=
+a}catch(d){this.internal.htmlDlyCmdId=setTimeout(function(){b.pause(a)},100);return}a>0&&this._html_checkWaitForPlay()},_html_playHead:function(a){var b=this;this._html_load();try{if(typeof this.htmlElement.media.seekable==="object"&&this.htmlElement.media.seekable.length>0)this.htmlElement.media.currentTime=a*this.htmlElement.media.seekable.end(this.htmlElement.media.seekable.length-1)/100;else if(this.htmlElement.media.duration>0&&!isNaN(this.htmlElement.media.duration))this.htmlElement.media.currentTime=
+a*this.htmlElement.media.duration/100;else throw"e";}catch(d){this.internal.htmlDlyCmdId=setTimeout(function(){b.playHead(a)},100);return}this.status.waitForLoad||this._html_checkWaitForPlay()},_html_checkWaitForPlay:function(){if(this.status.waitForPlay){this.status.waitForPlay=false;this.css.jq.videoPlay.length&&this.css.jq.videoPlay.hide();if(this.status.video){this.internal.poster.jq.hide();this.internal.video.jq.css({width:this.status.width,height:this.status.height})}}},_html_volume:function(a){if(this.html.audio.available)this.htmlElement.audio.volume=
+a;if(this.html.video.available)this.htmlElement.video.volume=a},_html_mute:function(a){if(this.html.audio.available)this.htmlElement.audio.muted=a;if(this.html.video.available)this.htmlElement.video.muted=a},_flash_setAudio:function(a){var c=this;try{b.each(this.formats,function(b,d){if(c.flash.support[d]&&a[d]){switch(d){case "m4a":case "fla":c._getMovie().fl_setAudio_m4a(a[d]);break;case "mp3":c._getMovie().fl_setAudio_mp3(a[d]);break;case "rtmpa":c._getMovie().fl_setAudio_rtmp(a[d])}c.status.src=
+a[d];c.status.format[d]=true;c.status.formatType=d;return false}});if(this.options.preload==="auto"){this._flash_load();this.status.waitForLoad=false}}catch(d){this._flashError(d)}},_flash_setVideo:function(a){var c=this;try{b.each(this.formats,function(b,d){if(c.flash.support[d]&&a[d]){switch(d){case "m4v":case "flv":c._getMovie().fl_setVideo_m4v(a[d]);break;case "rtmpv":c._getMovie().fl_setVideo_rtmp(a[d])}c.status.src=a[d];c.status.format[d]=true;c.status.formatType=d;return false}});if(this.options.preload===
+"auto"){this._flash_load();this.status.waitForLoad=false}}catch(d){this._flashError(d)}},_flash_resetMedia:function(){this.internal.flash.jq.css({width:"0px",height:"0px"});this._flash_pause(NaN)},_flash_clearMedia:function(){try{this._getMovie().fl_clearMedia()}catch(a){this._flashError(a)}},_flash_load:function(){try{this._getMovie().fl_load()}catch(a){this._flashError(a)}this.status.waitForLoad=false},_flash_play:function(a){try{this._getMovie().fl_play(a)}catch(b){this._flashError(b)}this.status.waitForLoad=
+false;this._flash_checkWaitForPlay()},_flash_pause:function(a){try{this._getMovie().fl_pause(a)}catch(b){this._flashError(b)}if(a>0){this.status.waitForLoad=false;this._flash_checkWaitForPlay()}},_flash_playHead:function(a){try{this._getMovie().fl_play_head(a)}catch(b){this._flashError(b)}this.status.waitForLoad||this._flash_checkWaitForPlay()},_flash_checkWaitForPlay:function(){if(this.status.waitForPlay){this.status.waitForPlay=false;this.css.jq.videoPlay.length&&this.css.jq.videoPlay.hide();if(this.status.video){this.internal.poster.jq.hide();
+this.internal.flash.jq.css({width:this.status.width,height:this.status.height})}}},_flash_volume:function(a){try{this._getMovie().fl_volume(a)}catch(b){this._flashError(b)}},_flash_mute:function(a){try{this._getMovie().fl_mute(a)}catch(b){this._flashError(b)}},_getMovie:function(){return document[this.internal.flash.id]},_checkForFlash:function(a){var b=false,d;if(window.ActiveXObject)try{new ActiveXObject("ShockwaveFlash.ShockwaveFlash."+a);b=true}catch(e){}else if(navigator.plugins&&navigator.mimeTypes.length>
+0)(d=navigator.plugins["Shockwave Flash"])&&navigator.plugins["Shockwave Flash"].description.replace(/.*\s(\d+\.\d+).*/,"$1")>=a&&(b=true);return b},_validString:function(a){return a&&typeof a==="string"},_limitValue:function(a,b,d){return a<b?b:a>d?d:a},_urlNotSetError:function(a){this._error({type:b.jPlayer.error.URL_NOT_SET,context:a,message:b.jPlayer.errorMsg.URL_NOT_SET,hint:b.jPlayer.errorHint.URL_NOT_SET})},_flashError:function(a){var c;c=this.internal.ready?"FLASH_DISABLED":"FLASH";this._error({type:b.jPlayer.error[c],
+context:this.internal.flash.swf,message:b.jPlayer.errorMsg[c]+a.message,hint:b.jPlayer.errorHint[c]});this.internal.flash.jq.css({width:"1px",height:"1px"})},_error:function(a){this._trigger(b.jPlayer.event.error,a);this.options.errorAlerts&&this._alert("Error!"+(a.message?"\n\n"+a.message:"")+(a.hint?"\n\n"+a.hint:"")+"\n\nContext: "+a.context)},_warning:function(a){this._trigger(b.jPlayer.event.warning,f,a);this.options.warningAlerts&&this._alert("Warning!"+(a.message?"\n\n"+a.message:"")+(a.hint?
+"\n\n"+a.hint:"")+"\n\nContext: "+a.context)},_alert:function(a){alert("jPlayer "+this.version.script+" : id='"+this.internal.self.id+"' : "+a)},_emulateHtmlBridge:function(){var a=this;b.each(b.jPlayer.emulateMethods.split(/\s+/g),function(b,d){a.internal.domNode[d]=function(b){a[d](b)}});b.each(b.jPlayer.event,function(c,d){var e=true;b.each(b.jPlayer.reservedEvent.split(/\s+/g),function(a,b){if(b===c)return e=false});e&&a.element.bind(d+".jPlayer.jPlayerHtml",function(){a._emulateHtmlUpdate();
+var b=document.createEvent("Event");b.initEvent(c,false,true);a.internal.domNode.dispatchEvent(b)})})},_emulateHtmlUpdate:function(){var a=this;b.each(b.jPlayer.emulateStatus.split(/\s+/g),function(b,d){a.internal.domNode[d]=a.status[d]});b.each(b.jPlayer.emulateOptions.split(/\s+/g),function(b,d){a.internal.domNode[d]=a.options[d]})},_destroyHtmlBridge:function(){var a=this;this.element.unbind(".jPlayerHtml");b.each((b.jPlayer.emulateMethods+" "+b.jPlayer.emulateStatus+" "+b.jPlayer.emulateOptions).split(/\s+/g),
+function(b,d){delete a.internal.domNode[d]})}};b.jPlayer.error={FLASH:"e_flash",FLASH_DISABLED:"e_flash_disabled",NO_SOLUTION:"e_no_solution",NO_SUPPORT:"e_no_support",URL:"e_url",URL_NOT_SET:"e_url_not_set",VERSION:"e_version"};b.jPlayer.errorMsg={FLASH:"jPlayer's Flash fallback is not configured correctly, or a command was issued before the jPlayer Ready event. Details: ",FLASH_DISABLED:"jPlayer's Flash fallback has been disabled by the browser due to the CSS rules you have used. Details: ",NO_SOLUTION:"No solution can be found by jPlayer in this browser. Neither HTML nor Flash can be used.",
+NO_SUPPORT:"It is not possible to play any media format provided in setMedia() on this browser using your current options.",URL:"Media URL could not be loaded.",URL_NOT_SET:"Attempt to issue media playback commands, while no media url is set.",VERSION:"jPlayer "+b.jPlayer.prototype.version.script+" needs Jplayer.swf version "+b.jPlayer.prototype.version.needFlash+" but found "};b.jPlayer.errorHint={FLASH:"Check your swfPath option and that Jplayer.swf is there.",FLASH_DISABLED:"Check that you have not display:none; the jPlayer entity or any ancestor.",
+NO_SOLUTION:"Review the jPlayer options: support and supplied.",NO_SUPPORT:"Video or audio formats defined in the supplied option are missing.",URL:"Check media URL is valid.",URL_NOT_SET:"Use setMedia() to set the media URL.",VERSION:"Update jPlayer files."};b.jPlayer.warning={CSS_SELECTOR_COUNT:"e_css_selector_count",CSS_SELECTOR_METHOD:"e_css_selector_method",CSS_SELECTOR_STRING:"e_css_selector_string",OPTION_KEY:"e_option_key"};b.jPlayer.warningMsg={CSS_SELECTOR_COUNT:"The number of css selectors found did not equal one: ",
+CSS_SELECTOR_METHOD:"The methodName given in jPlayer('cssSelector') is not a valid jPlayer method.",CSS_SELECTOR_STRING:"The methodCssSelector given in jPlayer('cssSelector') is not a String or is empty.",OPTION_KEY:"The option requested in jPlayer('option') is undefined."};b.jPlayer.warningHint={CSS_SELECTOR_COUNT:"Check your css selector and the ancestor.",CSS_SELECTOR_METHOD:"Check your method name.",CSS_SELECTOR_STRING:"Check your css selector is a string.",OPTION_KEY:"Check your option name."}})(jQuery);

web/jplayer/js/jquery.transform2d.js

@@ -0,0 +1,551 @@
+/*
+ * transform: A jQuery cssHooks adding cross-browser 2d transform capabilities to $.fn.css() and $.fn.animate()
+ *
+ * limitations:
+ * - requires jQuery 1.4.3+
+ * - Should you use the *translate* property, then your elements need to be absolutely positionned in a relatively positionned wrapper **or it will fail in IE678**.
+ * - transformOrigin is not accessible
+ *
+ * latest version and complete README available on Github:
+ * https://github.com/louisremi/jquery.transform.js
+ *
+ * Copyright 2011 @louis_remi
+ * Licensed under the MIT license.
+ *
+ * This saved you an hour of work?
+ * Send me music http://www.amazon.co.uk/wishlist/HNTU0468LQON
+ *
+ */
+(function( $, window, document, Math, undefined ) {
+
+/*
+ * Feature tests and global variables
+ */
+var div = document.createElement("div"),
+	divStyle = div.style,
+	suffix = "Transform",
+	testProperties = [
+		"O" + suffix,
+		"ms" + suffix,
+		"Webkit" + suffix,
+		"Moz" + suffix
+	],
+	i = testProperties.length,
+	supportProperty,
+	supportMatrixFilter,
+	supportFloat32Array = "Float32Array" in window,
+	propertyHook,
+	propertyGet,
+	rMatrix = /Matrix([^)]*)/,
+	rAffine = /^\s*matrix\(\s*1\s*,\s*0\s*,\s*0\s*,\s*1\s*(?:,\s*0(?:px)?\s*){2}\)\s*$/,
+	_transform = "transform",
+	_transformOrigin = "transformOrigin",
+	_translate = "translate",
+	_rotate = "rotate",
+	_scale = "scale",
+	_skew = "skew",
+	_matrix = "matrix";
+
+// test different vendor prefixes of these properties
+while ( i-- ) {
+	if ( testProperties[i] in divStyle ) {
+		$.support[_transform] = supportProperty = testProperties[i];
+		$.support[_transformOrigin] = supportProperty + "Origin";
+		continue;
+	}
+}
+// IE678 alternative
+if ( !supportProperty ) {
+	$.support.matrixFilter = supportMatrixFilter = divStyle.filter === "";
+}
+
+// px isn't the default unit of these properties
+$.cssNumber[_transform] = $.cssNumber[_transformOrigin] = true;
+
+/*
+ * fn.css() hooks
+ */
+if ( supportProperty && supportProperty != _transform ) {
+	// Modern browsers can use jQuery.cssProps as a basic hook
+	$.cssProps[_transform] = supportProperty;
+	$.cssProps[_transformOrigin] = supportProperty + "Origin";
+
+	// Firefox needs a complete hook because it stuffs matrix with "px"
+	if ( supportProperty == "Moz" + suffix ) {
+		propertyHook = {
+			get: function( elem, computed ) {
+				return (computed ?
+					// remove "px" from the computed matrix
+					$.css( elem, supportProperty ).split("px").join(""):
+					elem.style[supportProperty]
+				);
+			},
+			set: function( elem, value ) {
+				// add "px" to matrices
+				elem.style[supportProperty] = /matrix\([^)p]*\)/.test(value) ?
+					value.replace(/matrix((?:[^,]*,){4})([^,]*),([^)]*)/, _matrix+"$1$2px,$3px"):
+					value;
+			}
+		};
+	/* Fix two jQuery bugs still present in 1.5.1
+	 * - rupper is incompatible with IE9, see http://jqbug.com/8346
+	 * - jQuery.css is not really jQuery.cssProps aware, see http://jqbug.com/8402
+	 */
+	} else if ( /^1\.[0-5](?:\.|$)/.test($.fn.jquery) ) {
+		propertyHook = {
+			get: function( elem, computed ) {
+				return (computed ?
+					$.css( elem, supportProperty.replace(/^ms/, "Ms") ):
+					elem.style[supportProperty]
+				);
+			}
+		};
+	}
+	/* TODO: leverage hardware acceleration of 3d transform in Webkit only
+	else if ( supportProperty == "Webkit" + suffix && support3dTransform ) {
+		propertyHook = {
+			set: function( elem, value ) {
+				elem.style[supportProperty] = 
+					value.replace();
+			}
+		}
+	}*/
+
+} else if ( supportMatrixFilter ) {
+	propertyHook = {
+		get: function( elem, computed, asArray ) {
+			var elemStyle = ( computed && elem.currentStyle ? elem.currentStyle : elem.style ),
+				matrix, data;
+
+			if ( elemStyle && rMatrix.test( elemStyle.filter ) ) {
+				matrix = RegExp.$1.split(",");
+				matrix = [
+					matrix[0].split("=")[1],
+					matrix[2].split("=")[1],
+					matrix[1].split("=")[1],
+					matrix[3].split("=")[1]
+				];
+			} else {
+				matrix = [1,0,0,1];
+			}
+
+			if ( ! $.cssHooks[_transformOrigin] ) {
+				matrix[4] = elemStyle ? parseInt(elemStyle.left, 10) || 0 : 0;
+				matrix[5] = elemStyle ? parseInt(elemStyle.top, 10) || 0 : 0;
+
+			} else {
+				data = $._data( elem, "transformTranslate", undefined );
+				matrix[4] = data ? data[0] : 0;
+				matrix[5] = data ? data[1] : 0;
+			}
+
+			return asArray ? matrix : _matrix+"(" + matrix + ")";
+		},
+		set: function( elem, value, animate ) {
+			var elemStyle = elem.style,
+				currentStyle,
+				Matrix,
+				filter,
+				centerOrigin;
+
+			if ( !animate ) {
+				elemStyle.zoom = 1;
+			}
+
+			value = matrix(value);
+
+			// rotate, scale and skew
+			Matrix = [
+				"Matrix("+
+					"M11="+value[0],
+					"M12="+value[2],
+					"M21="+value[1],
+					"M22="+value[3],
+					"SizingMethod='auto expand'"
+			].join();
+			filter = ( currentStyle = elem.currentStyle ) && currentStyle.filter || elemStyle.filter || "";
+
+			elemStyle.filter = rMatrix.test(filter) ?
+				filter.replace(rMatrix, Matrix) :
+				filter + " progid:DXImageTransform.Microsoft." + Matrix + ")";
+
+			if ( ! $.cssHooks[_transformOrigin] ) {
+
+				// center the transform origin, from pbakaus's Transformie http://github.com/pbakaus/transformie
+				if ( (centerOrigin = $.transform.centerOrigin) ) {
+					elemStyle[centerOrigin == "margin" ? "marginLeft" : "left"] = -(elem.offsetWidth/2) + (elem.clientWidth/2) + "px";
+					elemStyle[centerOrigin == "margin" ? "marginTop" : "top"] = -(elem.offsetHeight/2) + (elem.clientHeight/2) + "px";
+				}
+
+				// translate
+				// We assume that the elements are absolute positionned inside a relative positionned wrapper
+				elemStyle.left = value[4] + "px";
+				elemStyle.top = value[5] + "px";
+
+			} else {
+				$.cssHooks[_transformOrigin].set( elem, value );
+			}
+		}
+	};
+}
+// populate jQuery.cssHooks with the appropriate hook if necessary
+if ( propertyHook ) {
+	$.cssHooks[_transform] = propertyHook;
+}
+// we need a unique setter for the animation logic
+propertyGet = propertyHook && propertyHook.get || $.css;
+
+/*
+ * fn.animate() hooks
+ */
+$.fx.step.transform = function( fx ) {
+	var elem = fx.elem,
+		start = fx.start,
+		end = fx.end,
+		pos = fx.pos,
+		transform = "",
+		precision = 1E5,
+		i, startVal, endVal, unit;
+
+	// fx.end and fx.start need to be converted to interpolation lists
+	if ( !start || typeof start === "string" ) {
+
+		// the following block can be commented out with jQuery 1.5.1+, see #7912
+		if ( !start ) {
+			start = propertyGet( elem, supportProperty );
+		}
+
+		// force layout only once per animation
+		if ( supportMatrixFilter ) {
+			elem.style.zoom = 1;
+		}
+
+		// replace "+=" in relative animations (-= is meaningless with transforms)
+		end = end.split("+=").join(start);
+
+		// parse both transform to generate interpolation list of same length
+		$.extend( fx, interpolationList( start, end ) );
+		start = fx.start;
+		end = fx.end;
+	}
+
+	i = start.length;
+
+	// interpolate functions of the list one by one
+	while ( i-- ) {
+		startVal = start[i];
+		endVal = end[i];
+		unit = +false;
+
+		switch ( startVal[0] ) {
+
+			case _translate:
+				unit = "px";
+			case _scale:
+				unit || ( unit = "");
+
+				transform = startVal[0] + "(" +
+					Math.round( (startVal[1][0] + (endVal[1][0] - startVal[1][0]) * pos) * precision ) / precision + unit +","+
+					Math.round( (startVal[1][1] + (endVal[1][1] - startVal[1][1]) * pos) * precision ) / precision + unit + ")"+
+					transform;
+				break;
+
+			case _skew + "X":
+			case _skew + "Y":
+			case _rotate:
+				transform = startVal[0] + "(" +
+					Math.round( (startVal[1] + (endVal[1] - startVal[1]) * pos) * precision ) / precision +"rad)"+
+					transform;
+				break;
+		}
+	}
+
+	fx.origin && ( transform = fx.origin + transform );
+
+	propertyHook && propertyHook.set ?
+		propertyHook.set( elem, transform, +true ):
+		elem.style[supportProperty] = transform;
+};
+
+/*
+ * Utility functions
+ */
+
+// turns a transform string into its "matrix(A,B,C,D,X,Y)" form (as an array, though)
+function matrix( transform ) {
+	transform = transform.split(")");
+	var
+			trim = $.trim
+		, i = -1
+		// last element of the array is an empty string, get rid of it
+		, l = transform.length -1
+		, split, prop, val
+		, prev = supportFloat32Array ? new Float32Array(6) : []
+		, curr = supportFloat32Array ? new Float32Array(6) : []
+		, rslt = supportFloat32Array ? new Float32Array(6) : [1,0,0,1,0,0]
+		;
+
+	prev[0] = prev[3] = rslt[0] = rslt[3] = 1;
+	prev[1] = prev[2] = prev[4] = prev[5] = 0;
+
+	// Loop through the transform properties, parse and multiply them
+	while ( ++i < l ) {
+		split = transform[i].split("(");
+		prop = trim(split[0]);
+		val = split[1];
+		curr[0] = curr[3] = 1;
+		curr[1] = curr[2] = curr[4] = curr[5] = 0;
+
+		switch (prop) {
+			case _translate+"X":
+				curr[4] = parseInt(val, 10);
+				break;
+
+			case _translate+"Y":
+				curr[5] = parseInt(val, 10);
+				break;
+
+			case _translate:
+				val = val.split(",");
+				curr[4] = parseInt(val[0], 10);
+				curr[5] = parseInt(val[1] || 0, 10);
+				break;
+
+			case _rotate:
+				val = toRadian(val);
+				curr[0] = Math.cos(val);
+				curr[1] = Math.sin(val);
+				curr[2] = -Math.sin(val);
+				curr[3] = Math.cos(val);
+				break;
+
+			case _scale+"X":
+				curr[0] = +val;
+				break;
+
+			case _scale+"Y":
+				curr[3] = val;
+				break;
+
+			case _scale:
+				val = val.split(",");
+				curr[0] = val[0];
+				curr[3] = val.length>1 ? val[1] : val[0];
+				break;
+
+			case _skew+"X":
+				curr[2] = Math.tan(toRadian(val));
+				break;
+
+			case _skew+"Y":
+				curr[1] = Math.tan(toRadian(val));
+				break;
+
+			case _matrix:
+				val = val.split(",");
+				curr[0] = val[0];
+				curr[1] = val[1];
+				curr[2] = val[2];
+				curr[3] = val[3];
+				curr[4] = parseInt(val[4], 10);
+				curr[5] = parseInt(val[5], 10);
+				break;
+		}
+
+		// Matrix product (array in column-major order)
+		rslt[0] = prev[0] * curr[0] + prev[2] * curr[1];
+		rslt[1] = prev[1] * curr[0] + prev[3] * curr[1];
+		rslt[2] = prev[0] * curr[2] + prev[2] * curr[3];
+		rslt[3] = prev[1] * curr[2] + prev[3] * curr[3];
+		rslt[4] = prev[0] * curr[4] + prev[2] * curr[5] + prev[4];
+		rslt[5] = prev[1] * curr[4] + prev[3] * curr[5] + prev[5];
+
+		prev = [rslt[0],rslt[1],rslt[2],rslt[3],rslt[4],rslt[5]];
+	}
+	return rslt;
+}
+
+// turns a matrix into its rotate, scale and skew components
+// algorithm from http://hg.mozilla.org/mozilla-central/file/7cb3e9795d04/layout/style/nsStyleAnimation.cpp
+function unmatrix(matrix) {
+	var
+			scaleX
+		, scaleY
+		, skew
+		, A = matrix[0]
+		, B = matrix[1]
+		, C = matrix[2]
+		, D = matrix[3]
+		;
+
+	// Make sure matrix is not singular
+	if ( A * D - B * C ) {
+		// step (3)
+		scaleX = Math.sqrt( A * A + B * B );
+		A /= scaleX;
+		B /= scaleX;
+		// step (4)
+		skew = A * C + B * D;
+		C -= A * skew;
+		D -= B * skew;
+		// step (5)
+		scaleY = Math.sqrt( C * C + D * D );
+		C /= scaleY;
+		D /= scaleY;
+		skew /= scaleY;
+		// step (6)
+		if ( A * D < B * C ) {
+			A = -A;
+			B = -B;
+			skew = -skew;
+			scaleX = -scaleX;
+		}
+
+	// matrix is singular and cannot be interpolated
+	} else {
+		// In this case the elem shouldn't be rendered, hence scale == 0
+		scaleX = scaleY = skew = 0;
+	}
+
+	// The recomposition order is very important
+	// see http://hg.mozilla.org/mozilla-central/file/7cb3e9795d04/layout/style/nsStyleAnimation.cpp#l971
+	return [
+		[_translate, [+matrix[4], +matrix[5]]],
+		[_rotate, Math.atan2(B, A)],
+		[_skew + "X", Math.atan(skew)],
+		[_scale, [scaleX, scaleY]]
+	];
+}
+
+// build the list of transform functions to interpolate
+// use the algorithm described at http://dev.w3.org/csswg/css3-2d-transforms/#animation
+function interpolationList( start, end ) {
+	var list = {
+			start: [],
+			end: []
+		},
+		i = -1, l,
+		currStart, currEnd, currType;
+
+	// get rid of affine transform matrix
+	( start == "none" || isAffine( start ) ) && ( start = "" );
+	( end == "none" || isAffine( end ) ) && ( end = "" );
+
+	// if end starts with the current computed style, this is a relative animation
+	// store computed style as the origin, remove it from start and end
+	if ( start && end && !end.indexOf("matrix") && toArray( start ).join() == toArray( end.split(")")[0] ).join() ) {
+		list.origin = start;
+		start = "";
+		end = end.slice( end.indexOf(")") +1 );
+	}
+
+	if ( !start && !end ) { return; }
+
+	// start or end are affine, or list of transform functions are identical
+	// => functions will be interpolated individually
+	if ( !start || !end || functionList(start) == functionList(end) ) {
+
+		start && ( start = start.split(")") ) && ( l = start.length );
+		end && ( end = end.split(")") ) && ( l = end.length );
+
+		while ( ++i < l-1 ) {
+			start[i] && ( currStart = start[i].split("(") );
+			end[i] && ( currEnd = end[i].split("(") );
+			currType = $.trim( ( currStart || currEnd )[0] );
+
+			append( list.start, parseFunction( currType, currStart ? currStart[1] : 0 ) );
+			append( list.end, parseFunction( currType, currEnd ? currEnd[1] : 0 ) );
+		}
+
+	// otherwise, functions will be composed to a single matrix
+	} else {
+		list.start = unmatrix(matrix(start));
+		list.end = unmatrix(matrix(end))
+	}
+
+	return list;
+}
+
+function parseFunction( type, value ) {
+	var
+		// default value is 1 for scale, 0 otherwise
+		defaultValue = +(!type.indexOf(_scale)),
+		scaleX,
+		// remove X/Y from scaleX/Y & translateX/Y, not from skew
+		cat = type.replace( /e[XY]/, "e" );
+
+	switch ( type ) {
+		case _translate+"Y":
+		case _scale+"Y":
+
+			value = [
+				defaultValue,
+				value ?
+					parseFloat( value ):
+					defaultValue
+			];
+			break;
+
+		case _translate+"X":
+		case _translate:
+		case _scale+"X":
+			scaleX = 1;
+		case _scale:
+
+			value = value ?
+				( value = value.split(",") ) &&	[
+					parseFloat( value[0] ),
+					parseFloat( value.length>1 ? value[1] : type == _scale ? scaleX || value[0] : defaultValue+"" )
+				]:
+				[defaultValue, defaultValue];
+			break;
+
+		case _skew+"X":
+		case _skew+"Y":
+		case _rotate:
+			value = value ? toRadian( value ) : 0;
+			break;
+
+		case _matrix:
+			return unmatrix( value ? toArray(value) : [1,0,0,1,0,0] );
+			break;
+	}
+
+	return [[ cat, value ]];
+}
+
+function isAffine( matrix ) {
+	return rAffine.test(matrix);
+}
+
+function functionList( transform ) {
+	return transform.replace(/(?:\([^)]*\))|\s/g, "");
+}
+
+function append( arr1, arr2, value ) {
+	while ( value = arr2.shift() ) {
+		arr1.push( value );
+	}
+}
+
+// converts an angle string in any unit to a radian Float
+function toRadian(value) {
+	return ~value.indexOf("deg") ?
+		parseInt(value,10) * (Math.PI * 2 / 360):
+		~value.indexOf("grad") ?
+			parseInt(value,10) * (Math.PI/200):
+			parseFloat(value);
+}
+
+// Converts "matrix(A,B,C,D,X,Y)" to [A,B,C,D,X,Y]
+function toArray(matrix) {
+	// remove the unit of X and Y for Firefox
+	matrix = /([^,]*),([^,]*),([^,]*),([^,]*),([^,p]*)(?:px)?,([^)p]*)(?:px)?/.exec(matrix);
+	return [matrix[1], matrix[2], matrix[3], matrix[4], matrix[5], matrix[6]];
+}
+
+$.transform = {
+	centerOrigin: "margin"
+};
+
+})( jQuery, window, document, Math );

web/jplayer/js/mod.csstransforms.min.js

@@ -0,0 +1,2 @@
+/* Modernizr custom build of 1.7pre: csstransforms */
+window.Modernizr=function(a,b,c){function G(){}function F(a,b){var c=a.charAt(0).toUpperCase()+a.substr(1),d=(a+" "+p.join(c+" ")+c).split(" ");return!!E(d,b)}function E(a,b){for(var d in a)if(k[a[d]]!==c&&(!b||b(a[d],j)))return!0}function D(a,b){return(""+a).indexOf(b)!==-1}function C(a,b){return typeof a===b}function B(a,b){return A(o.join(a+";")+(b||""))}function A(a){k.cssText=a}var d="1.7pre",e={},f=!0,g=b.documentElement,h=b.head||b.getElementsByTagName("head")[0],i="modernizr",j=b.createElement(i),k=j.style,l=b.createElement("input"),m=":)",n=Object.prototype.toString,o=" -webkit- -moz- -o- -ms- -khtml- ".split(" "),p="Webkit Moz O ms Khtml".split(" "),q={svg:"http://www.w3.org/2000/svg"},r={},s={},t={},u=[],v,w=function(a){var c=b.createElement("style"),d=b.createElement("div"),e;c.textContent=a+"{#modernizr{height:3px}}",h.appendChild(c),d.id="modernizr",g.appendChild(d),e=d.offsetHeight===3,c.parentNode.removeChild(c),d.parentNode.removeChild(d);return!!e},x=function(){function d(d,e){e=e||b.createElement(a[d]||"div");var f=(d="on"+d)in e;f||(e.setAttribute||(e=b.createElement("div")),e.setAttribute&&e.removeAttribute&&(e.setAttribute(d,""),f=C(e[d],"function"),C(e[d],c)||(e[d]=c),e.removeAttribute(d))),e=null;return f}var a={select:"input",change:"input",submit:"form",reset:"form",error:"img",load:"img",abort:"img"};return d}(),y=({}).hasOwnProperty,z;C(y,c)||C(y.call,c)?z=function(a,b){return b in a&&C(a.constructor.prototype[b],c)}:z=function(a,b){return y.call(a,b)},r.csstransforms=function(){return!!E(["transformProperty","WebkitTransform","MozTransform","OTransform","msTransform"])};for(var H in r)z(r,H)&&(v=H.toLowerCase(),e[v]=r[H](),u.push((e[v]?"":"no-")+v));e.input||G(),e.crosswindowmessaging=e.postmessage,e.historymanagement=e.history,e.addTest=function(a,b){a=a.toLowerCase();if(!e[a]){b=!!b(),g.className+=" "+(b?"":"no-")+a,e[a]=b;return e}},A(""),j=l=null,e._enableHTML5=f,e._version=d,g.className=g.className.replace(/\bno-js\b/,"")+" js "+u.join(" ");return e}(this,this.document)

web/jplayer/js/popcorn.jplayer.js

@@ -0,0 +1,559 @@
+/*
+ * jPlayer Player Plugin for Popcorn JavaScript Library
+ * http://www.jplayer.org
+ *
+ * Copyright (c) 2012 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.0
+ * Date: 13th September 2012
+ *
+ * For Popcorn Version: 1.3
+ * For jPlayer Version: 2.2.0
+ * Requires: jQuery 1.3.2+
+ * Note: jQuery dependancy cannot be removed since jPlayer 2 is a jQuery plugin. Use of jQuery will be kept to a minimum.
+ */
+
+/* Code verified using http://www.jshint.com/ */
+/*jshint asi:false, bitwise:false, boss:false, browser:true, curly:false, debug:false, devel:true, eqeqeq:true, eqnull:false, evil:false, forin:false, immed:false, jquery:true, laxbreak:false, newcap:false, noarg:true, noempty:false, nonew:true, onevar:false, passfail:false, plusplus:false, regexp:false, undef:true, sub:false, strict:false, white:false smarttabs:true */
+/*global Popcorn:false */
+
+(function(Popcorn) {
+
+	var JQUERY_SCRIPT = 'http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js', // Used if jQuery not already present.
+	JPLAYER_SCRIPT = 'http://www.jplayer.org/2.2.0/js/jquery.jplayer.min.js', // Used if jPlayer not already present.
+	JPLAYER_SWFPATH = 'http://www.jplayer.org/2.2.0/js/Jplayer.swf', // Used if not specified in jPlayer options via SRC Object.
+	SOLUTION = 'html,flash', // The default solution option.
+	DEBUG = false, // Decided to leave the debugging option and console output in for the time being. Overhead is trivial.
+	jQueryDownloading = false, // Flag to stop multiple instances from each pulling in jQuery, thus corrupting it.
+	jPlayerDownloading = false, // Flag to stop multiple instances from each pulling in jPlayer, thus corrupting it.
+	format = { // Duplicate of jPlayer 2.2.0 object, to avoid always requiring jQuery and jPlayer to be loaded before performing the _canPlayType() test.
+		mp3: {
+			codec: 'audio/mpeg; codecs="mp3"',
+			flashCanPlay: true,
+			media: 'audio'
+		},
+		m4a: { // AAC / MP4
+			codec: 'audio/mp4; codecs="mp4a.40.2"',
+			flashCanPlay: true,
+			media: 'audio'
+		},
+		oga: { // OGG
+			codec: 'audio/ogg; codecs="vorbis"',
+			flashCanPlay: false,
+			media: 'audio'
+		},
+		wav: { // PCM
+			codec: 'audio/wav; codecs="1"',
+			flashCanPlay: false,
+			media: 'audio'
+		},
+		webma: { // WEBM
+			codec: 'audio/webm; codecs="vorbis"',
+			flashCanPlay: false,
+			media: 'audio'
+		},
+		fla: { // FLV / F4A
+			codec: 'audio/x-flv',
+			flashCanPlay: true,
+			media: 'audio'
+		},
+		rtmpa: { // RTMP AUDIO
+			codec: 'audio/rtmp; codecs="rtmp"',
+			flashCanPlay: true,
+			media: 'audio'
+		},
+		m4v: { // H.264 / MP4
+			codec: 'video/mp4; codecs="avc1.42E01E, mp4a.40.2"',
+			flashCanPlay: true,
+			media: 'video'
+		},
+		ogv: { // OGG
+			codec: 'video/ogg; codecs="theora, vorbis"',
+			flashCanPlay: false,
+			media: 'video'
+		},
+		webmv: { // WEBM
+			codec: 'video/webm; codecs="vorbis, vp8"',
+			flashCanPlay: false,
+			media: 'video'
+		},
+		flv: { // FLV / F4V
+			codec: 'video/x-flv',
+			flashCanPlay: true,
+			media: 'video'
+		},
+		rtmpv: { // RTMP VIDEO
+			codec: 'video/rtmp; codecs="rtmp"',
+			flashCanPlay: true,
+			media: 'video'
+		}
+	},
+	isObject = function(val) { // Basic check for Object
+		if(val && typeof val === 'object' && val.hasOwnProperty) {
+			return true;
+		} else {
+			return false;
+		}
+	},
+	getMediaType = function(url) { // Function to gleam the media type from the URL
+		var mediaType = false;
+		if(/\.mp3$/i.test(url)) {
+			mediaType = 'mp3';
+		} else if(/\.mp4$/i.test(url) || /\.m4v$/i.test(url)) {
+			mediaType = 'm4v';
+		} else if(/\.m4a$/i.test(url)) {
+			mediaType = 'm4a';
+		} else if(/\.ogg$/i.test(url) || /\.oga$/i.test(url)) {
+			mediaType = 'oga';
+		} else if(/\.ogv$/i.test(url)) {
+			mediaType = 'ogv';
+		} else if(/\.webm$/i.test(url)) {
+			mediaType = 'webmv';
+		}
+		return mediaType;
+	},
+	getSupplied = function(url) { // Function to generate a supplied option from an src object. ie., When supplied not specified.
+		var supplied = '',
+		separator = '';
+		if(isObject(url)) {
+			// Generate supplied option from object's properties. Non-format properties would be ignored by jPlayer. Order is unpredictable.
+			for(var prop in url) {
+				if(url.hasOwnProperty(prop)) {
+					supplied += separator + prop;
+					separator = ',';
+				}
+			}
+		}
+		if(DEBUG) console.log('getSupplied(): Generated: supplied = "' + supplied + '"');
+		return supplied;
+	};
+
+	Popcorn.player( 'jplayer', {
+		_canPlayType: function( containerType, url ) {
+			// url : Either a String or an Object structured similar a jPlayer media object. ie., As used by setMedia in jPlayer.
+			// The url object may also contain a solution and supplied property.
+
+			// Define the src object structure here!
+
+			var cType = containerType.toLowerCase(),
+			srcObj = {
+				media:{},
+				options:{}
+			},
+			rVal = false, // Only a boolean false means it is not supported.
+			mediaType;
+
+			if(cType !== 'video' && cType !== 'audio') {
+
+				if(typeof url === 'string') {
+					// Check it starts with http, so the URL is absolute... Well, it is not a perfect check.
+					if(/^http.*/i.test(url)) {
+						mediaType = getMediaType(url);
+						if(mediaType) {
+							srcObj.media[mediaType] = url;
+							srcObj.options.solution = SOLUTION;
+							srcObj.options.supplied = mediaType;
+						}
+					}
+				} else {
+					srcObj = url; // Assume the url is an src object.
+				}
+
+				// Check for Object and appropriate minimum data structure.
+				if(isObject(srcObj) && isObject(srcObj.media)) {
+
+					if(!isObject(srcObj.options)) {
+						srcObj.options = {};
+					}
+
+					if(!srcObj.options.solution) {
+						srcObj.options.solution = SOLUTION;
+					}
+
+					if(!srcObj.options.supplied) {
+						srcObj.options.supplied = getSupplied(srcObj.media);
+					}
+
+					// Figure out how jPlayer will play it.
+					// This may not work properly when both audio and video is supplied. ie., A media player. But it should return truethy and jPlayer can figure it out.
+					
+					var solution = srcObj.options.solution.toLowerCase().split(","), // Create the solution array, with prority based on the order of the solution string.
+					supplied = srcObj.options.supplied.toLowerCase().split(","); // Create the supplied formats array, with prority based on the order of the supplied formats string.
+
+					for(var sol = 0; sol < solution.length; sol++) {
+
+						var solutionType = solution[sol].replace(/^\s+|\s+$/g, ""), //trim
+						checkingHtml = solutionType === 'html',
+						checkingFlash = solutionType === 'flash',
+						mediaElem;
+
+						for(var fmt = 0; fmt < supplied.length; fmt++) {
+							mediaType = supplied[fmt].replace(/^\s+|\s+$/g, ""); //trim
+							if(format[mediaType]) { // Check format is valid.
+
+								// Create an HTML5 media element for the type of media.
+								if(!mediaElem && checkingHtml) {
+									mediaElem = document.createElement(format[mediaType].media);
+								}
+								// See if the HTML5 media element can play the MIME / Codec type.
+								// Flash also returns the object if the format is playable, so it is truethy, but that html property is false.
+								// This assumes Flash is available, but that should be dealt with by jPlayer if that happens.
+								var htmlCanPlay = !!(mediaElem && mediaElem.canPlayType && mediaElem.canPlayType(format[mediaType].codec)),
+								htmlWillPlay = htmlCanPlay && checkingHtml,
+								flashWillPlay = format[mediaType].flashCanPlay && checkingFlash;
+								// The first one found will match what jPlayer uses.
+								if(htmlWillPlay || flashWillPlay) {
+									rVal = {
+										html: htmlWillPlay,
+										type: mediaType
+									};
+									sol = solution.length; // Exit solution loop
+									fmt = supplied.length; // Exit supplied loop
+								}
+							}
+						}
+					}
+				}
+			}
+			return rVal;
+		},
+		// _setup: function( options ) { // Warning: options is deprecated.
+		_setup: function() {
+			var media = this,
+			myPlayer, // The jQuery selector of the jPlayer element. Usually a <div>
+			jPlayerObj, // The jPlayer data instance. For performance and DRY code.
+			mediaType = 'unknown',
+			jpMedia = {},
+			jpOptions = {},
+			ready = false, // Used during init to override the annoying duration dependance in the track event padding during Popcorn's isReady(). ie., We is ready after loadeddata and duration can then be set real value at leisure.
+			duration = 0, // For the durationchange event with both HTML5 and Flash solutions. Used with 'ready' to keep control during the Popcorn isReady() via loadeddata event. (Duration=0 is bad.)
+			durationchangeId = null, // A timeout ID used with delayed durationchange event. (Because of the duration=NaN fudge to avoid Popcorn track event corruption.)
+			canplaythrough = false,
+			error = null, // The MediaError object.
+
+			dispatchDurationChange = function() {
+				if(ready) {
+					if(DEBUG) console.log('Dispatched event : durationchange : ' + duration);
+					media.dispatchEvent('durationchange');
+				} else {
+					if(DEBUG) console.log('DELAYED EVENT (!ready) : durationchange : ' + duration);
+					clearTimeout(durationchangeId); // Stop multiple triggers causing multiple timeouts running in parallel.
+					durationchangeId = setTimeout(dispatchDurationChange, 250);
+				}
+			},
+
+			jPlayerFlashEventsPatch = function() {
+
+				/* Events already supported by jPlayer Flash:
+				 * loadstart
+				 * loadedmetadata (M4A, M4V)
+				 * progress
+				 * play
+				 * pause
+				 * seeking
+				 * seeked
+				 * timeupdate
+				 * ended
+				 * volumechange
+				 * error <- See the custom handler in jPlayerInit()
+				 */
+
+				/* Events patched:
+				 * loadeddata
+				 * durationchange
+				 * canplaythrough
+				 * playing
+				 */
+
+				/* Events NOT patched:
+				 * suspend
+				 * abort
+				 * emptied
+				 * stalled
+				 * loadedmetadata (MP3)
+				 * waiting
+				 * canplay
+				 * ratechange
+				 */
+
+				// Triggering patched events through the jPlayer Object so the events are homogeneous. ie., The contain the event.jPlayer data structure.
+
+				var checkDuration = function(event) {
+					if(event.jPlayer.status.duration !== duration) {
+						duration = event.jPlayer.status.duration;
+						dispatchDurationChange();
+					}
+				},
+
+				checkCanPlayThrough = function(event) {
+					if(!canplaythrough && event.jPlayer.status.seekPercent === 100) {
+						canplaythrough = true;
+						setTimeout(function() {
+							if(DEBUG) console.log('Trigger : canplaythrough');
+							jPlayerObj._trigger($.jPlayer.event.canplaythrough);
+						}, 0);
+					}
+				};
+
+				myPlayer.bind($.jPlayer.event.loadstart, function() {
+					setTimeout(function() {
+						if(DEBUG) console.log('Trigger : loadeddata');
+						jPlayerObj._trigger($.jPlayer.event.loadeddata);
+					}, 0);
+				})
+				.bind($.jPlayer.event.progress, function(event) {
+					checkDuration(event);
+					checkCanPlayThrough(event);
+				})
+				.bind($.jPlayer.event.timeupdate, function(event) {
+					checkDuration(event);
+					checkCanPlayThrough(event);
+				})
+				.bind($.jPlayer.event.play, function() {
+					setTimeout(function() {
+						if(DEBUG) console.log('Trigger : playing');
+						jPlayerObj._trigger($.jPlayer.event.playing);
+					}, 0);
+				});
+
+				if(DEBUG) console.log('Created CUSTOM event handlers for FLASH');
+			},
+
+			jPlayerInit = function() {
+				(function($) {
+
+					myPlayer = $('#' +  media.id);
+
+					if(typeof media.src === 'string') {
+						mediaType = getMediaType(media.src);
+						jpMedia[mediaType] = media.src;
+						jpOptions.supplied = mediaType;
+						jpOptions.solution = SOLUTION;
+					} else if(isObject(media.src)) {
+						jpMedia = isObject(media.src.media) ? media.src.media : {};
+						jpOptions = isObject(media.src.options) ? media.src.options : {};
+						jpOptions.solution = jpOptions.solution || SOLUTION;
+						jpOptions.supplied = jpOptions.supplied || getSupplied(media.src.media);
+					}
+
+					// Allow the swfPath to be set to local server. ie., If the jPlayer Plugin is local and already on the page, then you can also use the local SWF.
+					jpOptions.swfPath = jpOptions.swfPath || JPLAYER_SWFPATH;
+
+					myPlayer.bind($.jPlayer.event.ready, function(event) {
+						if(event.jPlayer.flash.used) {
+							jPlayerFlashEventsPatch();
+						}
+						// Set the media andd load it, so that the Flash solution behaves similar to HTML5 solution.
+						// This also allows the loadstart event to be used to know jPlayer is ready.
+						$(this).jPlayer('setMedia', jpMedia).jPlayer('load');
+					});
+
+					// Do not auto-bubble the reserved events, nor the loadeddata and durationchange event, since the duration must be carefully handled when loadeddata event occurs.
+					// See the duration property code for more details. (Ranting.)
+
+					var reservedEvents = $.jPlayer.reservedEvent + ' loadeddata durationchange',
+					reservedEvent = reservedEvents.split(/\s+/g);
+
+					// Generate event handlers for all the standard HTML5 media events. (Except durationchange)
+
+					var bindEvent = function(name) {
+						myPlayer.bind($.jPlayer.event[name], function(event) {
+							if(DEBUG) console.log('Dispatched event: ' + name + (event && event.jPlayer ? ' (' + event.jPlayer.status.currentTime + 's)' : '')); // Must be after dispatch for some reason on Firefox/Opera
+							media.dispatchEvent(name);
+						});
+						if(DEBUG) console.log('Created event handler for: ' + name);
+					};
+
+					for(var eventName in $.jPlayer.event) {
+						if($.jPlayer.event.hasOwnProperty(eventName)) {
+							var nativeEvent = true;
+							for(var iRes in reservedEvent) {
+								if(reservedEvent.hasOwnProperty(iRes)) {
+									if(reservedEvent[iRes] === eventName) {
+										nativeEvent = false;
+										break;
+									}
+								}
+							}
+							if(nativeEvent) {
+								bindEvent(eventName);
+							} else {
+								if(DEBUG) console.log('Skipped auto event handler creation for: ' + eventName);
+							}
+						}
+					}
+
+					myPlayer.bind($.jPlayer.event.loadeddata, function(event) {
+						if(DEBUG) console.log('Dispatched event: loadeddata' + (event && event.jPlayer ? ' (' + event.jPlayer.status.currentTime + 's)' : ''));
+						media.dispatchEvent('loadeddata');
+						ready = true;
+					});
+					if(DEBUG) console.log('Created CUSTOM event handler for: loadeddata');
+
+					myPlayer.bind($.jPlayer.event.durationchange, function(event) {
+						duration = event.jPlayer.status.duration;
+						dispatchDurationChange();
+					});
+					if(DEBUG) console.log('Created CUSTOM event handler for: durationchange');
+
+					// The error event is a special case. Plus jPlayer error event assumes it is a broken URL. (It could also be a decoder error... Or aborted or a Network error.)
+					myPlayer.bind($.jPlayer.event.error, function(event) {
+						// Not sure how to handle the error situation. Popcorn does not appear to have the error or error.code property documented here: http://popcornjs.org/popcorn-docs/media-methods/
+						// If any error event happens, then something has gone pear shaped.
+
+						error = event.jPlayer.error; // Saving object pointer, not a copy of the object. Possible garbage collection issue... But the player is dead anyway, so don't care.
+
+						if(error.type === $.jPlayer.error.URL) {
+							error.code = 4; // MEDIA_ERR_SRC_NOT_SUPPORTED since jPlayer makes this assumption. It is the most common error, then the decode error. Never seen either of the other 2 error types occur.
+						} else {
+							error.code = 0; // It was a jPlayer error, not an HTML5 media error.
+						}
+
+						if(DEBUG) console.log('Dispatched event: error');
+						if(DEBUG) console.dir(error);
+						media.dispatchEvent('error');
+					});
+					if(DEBUG) console.log('Created CUSTOM event handler for: error');
+
+					Popcorn.player.defineProperty( media, 'error', {
+						set: function() {
+							// Read-only property
+							return error;
+						},
+						get: function() {
+							return error;
+						}
+					});
+
+					Popcorn.player.defineProperty( media, 'currentTime', {
+						set: function( val ) {
+							if(jPlayerObj.status.paused) {
+								myPlayer.jPlayer('pause', val);
+							} else {
+								myPlayer.jPlayer('play', val);
+							}
+							return val;
+						},
+						get: function() {
+							return jPlayerObj.status.currentTime;
+						}
+					});
+
+					/* The joy of duration and the loadeddata event isReady() handler
+					 * The duration is assumed to be a NaN or a valid duration.
+					 * jPlayer uses zero instead of a NaN and this screws up the Popcorn track event start/end arrays padding.
+					 * This line here:
+					 *  videoDurationPlus = duration != duration ? Number.MAX_VALUE : duration + 1;
+					 * Not sure why it is not simply:
+					 *  videoDurationPlus = Number.MAX_VALUE; // Who cares if the padding is close to the real duration?
+					 * So if you trigger loadeddata before the duration is correct, the track event padding is screwed up. (It pads the start, not the end... Well, duration+1 = 0+1 = 1s)
+					 * That line makes the MP3 Flash fallback difficult to setup. The whole MP3 will need to load before the duration is known.
+					 * Planning on using a NaN for duration until a >0 value is found... Except with MP3, where seekPercent must be 100% before setting the duration.
+					 * Why not just use a NaN during init... And then correct the duration later?
+					 */
+
+					Popcorn.player.defineProperty( media, 'duration', {
+						set: function() {
+							// Read-only property
+							if(ready) {
+								return duration;
+							} else {
+								return NaN;
+							}
+						},
+						get: function() {
+							if(ready) {
+								return duration; // Popcorn has initialized, we can now use duration zero or whatever without fear.
+							} else {
+								return NaN; // Keep the duration a NaN until after loadeddata event has occurred. Otherwise Popcorn track event padding is corrupted.
+							}
+						}
+					});
+
+					Popcorn.player.defineProperty( media, 'muted', {
+						set: function( val ) {
+							myPlayer.jPlayer('mute', val);
+							return jPlayerObj.options.muted;
+						},
+						get: function() {
+							return jPlayerObj.options.muted;
+						}
+					});
+
+					Popcorn.player.defineProperty( media, 'volume', {
+						set: function( val ) {
+							myPlayer.jPlayer('volume', val);
+							return jPlayerObj.options.volume;
+						},
+						get: function() {
+							return jPlayerObj.options.volume;
+						}
+					});
+
+					Popcorn.player.defineProperty( media, 'paused', {
+						set: function() {
+							// Read-only property
+							return jPlayerObj.status.paused;
+						},
+						get: function() {
+							return jPlayerObj.status.paused;
+						}
+					});
+
+					media.play = function() {
+						myPlayer.jPlayer('play');
+					};
+					media.pause = function() {
+						myPlayer.jPlayer('pause');
+					};
+
+					myPlayer.jPlayer(jpOptions); // Instance jPlayer. Note that the options should not have a ready event defined... Kill it by default?
+					jPlayerObj = myPlayer.data('jPlayer');
+
+				}(jQuery));
+			},
+
+			jPlayerCheck = function() {
+				if (!jQuery.jPlayer) {
+					if (!jPlayerDownloading) {
+						jPlayerDownloading = true;
+						Popcorn.getScript(JPLAYER_SCRIPT, function() {
+							jPlayerDownloading = false;
+							jPlayerInit();
+						});
+					} else {
+						setTimeout(jPlayerCheck, 250);
+					}
+				} else {
+					jPlayerInit();
+				}
+			},
+
+			jQueryCheck = function() {
+				if (!window.jQuery) {
+					if (!jQueryDownloading) {
+						jQueryDownloading = true;
+						Popcorn.getScript(JQUERY_SCRIPT, function() {
+							jQueryDownloading = false;
+							jPlayerCheck();
+						});
+					} else {
+						setTimeout(jQueryCheck, 250);
+					}
+				} else {
+					jPlayerCheck();
+				}
+			};
+
+			jQueryCheck();
+		},
+		_teardown: function() {
+			jQuery('#' +  this.id).jPlayer('destroy');
+		}
+	});
+
+}(Popcorn));

web/jplayer/js/popcorn.player.js

@@ -0,0 +1,460 @@
+(function( Popcorn ) {
+
+  // combines calls of two function calls into one
+  var combineFn = function( first, second ) {
+
+    first = first || Popcorn.nop;
+    second = second || Popcorn.nop;
+
+    return function() {
+
+      first.apply( this, arguments );
+      second.apply( this, arguments );
+    };
+  };
+
+  //  ID string matching
+  var rIdExp  = /^(#([\w\-\_\.]+))$/;
+
+  var audioExtensions = "ogg|oga|aac|mp3|wav",
+      videoExtensions = "ogg|ogv|mp4|webm",
+      mediaExtensions = audioExtensions + "|" + videoExtensions;
+
+  var audioExtensionRegexp = new RegExp( "^.*\\.(" + audioExtensions + ")($|\\?)" ),
+      mediaExtensionRegexp = new RegExp( "^.*\\.(" + mediaExtensions + ")($|\\?)" );
+
+  Popcorn.player = function( name, player ) {
+
+    // return early if a player already exists under this name
+    if ( Popcorn[ name ] ) {
+
+      return;
+    }
+
+    player = player || {};
+
+    var playerFn = function( target, src, options ) {
+
+      options = options || {};
+
+      // List of events
+      var date = new Date() / 1000,
+          baselineTime = date,
+          currentTime = 0,
+          readyState = 0,
+          volume = 1,
+          muted = false,
+          events = {},
+
+          // The container div of the resource
+          container = typeof target === "string" ? Popcorn.dom.find( target ) : target,
+          basePlayer = {},
+          timeout,
+          popcorn;
+
+      if ( !Object.prototype.__defineGetter__ ) {
+
+        basePlayer = container || document.createElement( "div" );
+      }
+
+      // copies a div into the media object
+      for( var val in container ) {
+
+        // don't copy properties if using container as baseplayer
+        if ( val in basePlayer ) {
+
+          continue;
+        }
+
+        if ( typeof container[ val ] === "object" ) {
+
+          basePlayer[ val ] = container[ val ];
+        } else if ( typeof container[ val ] === "function" ) {
+
+          basePlayer[ val ] = (function( value ) {
+
+            // this is a stupid ugly kludgy hack in honour of Safari
+            // in Safari a NodeList is a function, not an object
+            if ( "length" in container[ value ] && !container[ value ].call ) {
+
+              return container[ value ];
+            } else {
+
+              return function() {
+
+                return container[ value ].apply( container, arguments );
+              };
+            }
+          }( val ));
+        } else {
+
+          Popcorn.player.defineProperty( basePlayer, val, {
+            get: (function( value ) {
+
+              return function() {
+
+                return container[ value ];
+              };
+            }( val )),
+            set: Popcorn.nop,
+            configurable: true
+          });
+        }
+      }
+
+      var timeupdate = function() {
+
+        date = new Date() / 1000;
+
+        if ( !basePlayer.paused ) {
+
+          basePlayer.currentTime = basePlayer.currentTime + ( date - baselineTime );
+          basePlayer.dispatchEvent( "timeupdate" );
+          timeout = setTimeout( timeupdate, 10 );
+        }
+
+        baselineTime = date;
+      };
+
+      basePlayer.play = function() {
+
+        this.paused = false;
+
+        if ( basePlayer.readyState >= 4 ) {
+
+          baselineTime = new Date() / 1000;
+          basePlayer.dispatchEvent( "play" );
+          timeupdate();
+        }
+      };
+
+      basePlayer.pause = function() {
+
+        this.paused = true;
+        basePlayer.dispatchEvent( "pause" );
+      };
+
+      Popcorn.player.defineProperty( basePlayer, "currentTime", {
+        get: function() {
+
+          return currentTime;
+        },
+        set: function( val ) {
+
+          // make sure val is a number
+          currentTime = +val;
+          basePlayer.dispatchEvent( "timeupdate" );
+
+          return currentTime;
+        },
+        configurable: true
+      });
+
+      Popcorn.player.defineProperty( basePlayer, "volume", {
+        get: function() {
+
+          return volume;
+        },
+        set: function( val ) {
+
+          // make sure val is a number
+          volume = +val;
+          basePlayer.dispatchEvent( "volumechange" );
+          return volume;
+        },
+        configurable: true
+      });
+
+      Popcorn.player.defineProperty( basePlayer, "muted", {
+        get: function() {
+
+          return muted;
+        },
+        set: function( val ) {
+
+          // make sure val is a number
+          muted = +val;
+          basePlayer.dispatchEvent( "volumechange" );
+          return muted;
+        },
+        configurable: true
+      });
+
+      Popcorn.player.defineProperty( basePlayer, "readyState", {
+        get: function() {
+
+          return readyState;
+        },
+        set: function( val ) {
+
+          readyState = val;
+          return readyState;
+        },
+        configurable: true
+      });
+
+      // Adds an event listener to the object
+      basePlayer.addEventListener = function( evtName, fn ) {
+
+        if ( !events[ evtName ] ) {
+
+          events[ evtName ] = [];
+        }
+
+        events[ evtName ].push( fn );
+        return fn;
+      };
+
+      // Removes an event listener from the object
+      basePlayer.removeEventListener = function( evtName, fn ) {
+
+        var i,
+            listeners = events[ evtName ];
+
+        if ( !listeners ){
+
+          return;
+        }
+
+        // walk backwards so we can safely splice
+        for ( i = events[ evtName ].length - 1; i >= 0; i-- ) {
+
+          if( fn === listeners[ i ] ) {
+
+            listeners.splice(i, 1);
+          }
+        }
+
+        return fn;
+      };
+
+      // Can take event object or simple string
+      basePlayer.dispatchEvent = function( oEvent ) {
+
+        var evt,
+            self = this,
+            eventInterface,
+            eventName = oEvent.type;
+
+        // A string was passed, create event object
+        if ( !eventName ) {
+
+          eventName = oEvent;
+          eventInterface  = Popcorn.events.getInterface( eventName );
+
+          if ( eventInterface ) {
+
+            evt = document.createEvent( eventInterface );
+            evt.initEvent( eventName, true, true, window, 1 );
+          }
+        }
+
+        if ( events[ eventName ] ) {
+
+          for ( var i = events[ eventName ].length - 1; i >= 0; i-- ) {
+
+            events[ eventName ][ i ].call( self, evt, self );
+          }
+        }
+      };
+
+      // Attempt to get src from playerFn parameter
+      basePlayer.src = src || "";
+      basePlayer.duration = 0;
+      basePlayer.paused = true;
+      basePlayer.ended = 0;
+
+      options && options.events && Popcorn.forEach( options.events, function( val, key ) {
+
+        basePlayer.addEventListener( key, val, false );
+      });
+
+      // true and undefined returns on canPlayType means we should attempt to use it,
+      // false means we cannot play this type
+      if ( player._canPlayType( container.nodeName, src ) !== false ) {
+
+        if ( player._setup ) {
+
+          player._setup.call( basePlayer, options );
+        } else {
+
+          // there is no setup, which means there is nothing to load
+          basePlayer.readyState = 4;
+          basePlayer.dispatchEvent( "loadedmetadata" );
+          basePlayer.dispatchEvent( "loadeddata" );
+          basePlayer.dispatchEvent( "canplaythrough" );
+        }
+      } else {
+
+        // Asynchronous so that users can catch this event
+        setTimeout( function() {
+          basePlayer.dispatchEvent( "error" );
+        }, 0 );
+      }
+
+      popcorn = new Popcorn.p.init( basePlayer, options );
+
+      if ( player._teardown ) {
+
+        popcorn.destroy = combineFn( popcorn.destroy, function() {
+
+          player._teardown.call( basePlayer, options );
+        });
+      }
+
+      return popcorn;
+    };
+
+    playerFn.canPlayType = player._canPlayType = player._canPlayType || Popcorn.nop;
+
+    Popcorn[ name ] = Popcorn.player.registry[ name ] = playerFn;
+  };
+
+  Popcorn.player.registry = {};
+
+  Popcorn.player.defineProperty = Object.defineProperty || function( object, description, options ) {
+
+    object.__defineGetter__( description, options.get || Popcorn.nop );
+    object.__defineSetter__( description, options.set || Popcorn.nop );
+  };
+
+  // player queue is to help players queue things like play and pause
+  // HTML5 video's play and pause are asynch, but do fire in sequence
+  // play() should really mean "requestPlay()" or "queuePlay()" and
+  // stash a callback that will play the media resource when it's ready to be played
+  Popcorn.player.playerQueue = function() {
+
+    var _queue = [],
+        _running = false;
+
+    return {
+      next: function() {
+
+        _running = false;
+        _queue.shift();
+        _queue[ 0 ] && _queue[ 0 ]();
+      },
+      add: function( callback ) {
+
+        _queue.push(function() {
+
+          _running = true;
+          callback && callback();
+        });
+
+        // if there is only one item on the queue, start it
+        !_running && _queue[ 0 ]();
+      }
+    };
+  };
+
+  // smart will attempt to find you a match, if it does not find a match,
+  // it will attempt to create a video element with the source,
+  // if that failed, it will throw.
+  Popcorn.smart = function( target, src, options ) {
+    var playerType,
+        elementTypes = [ "AUDIO", "VIDEO" ],
+        sourceNode,
+        firstSrc,
+        node = Popcorn.dom.find( target ),
+        i, srcResult,
+        canPlayTypeTester = document.createElement( "video" ),
+        canPlayTypes = {
+          "ogg": "video/ogg",
+          "ogv": "video/ogg",
+          "oga": "audio/ogg",
+          "webm": "video/webm",
+          "mp4": "video/mp4",
+          "mp3": "audio/mp3"
+        };
+
+    var canPlayType = function( type ) {
+
+      return canPlayTypeTester.canPlayType( canPlayTypes[ type ] );
+    };
+
+    var canPlaySrc = function( src ) {
+
+      srcResult = mediaExtensionRegexp.exec( src );
+
+      if ( !srcResult || !srcResult[ 1 ] ) {
+        return false;
+      }
+
+      return canPlayType( srcResult[ 1 ] );
+    };
+
+    if ( !node ) {
+
+      Popcorn.error( "Specified target " + target + " was not found." );
+      return;
+    }
+
+    // For when no src is defined.
+    // Usually this is a video element with a src already on it.
+    if ( elementTypes.indexOf( node.nodeName ) > -1 && !src ) {
+
+      if ( typeof src === "object" ) {
+
+        options = src;
+        src = undefined;
+      }
+
+      return Popcorn( node, options );
+    }
+
+    // if our src is not an array, create an array of one.	
+    if ( typeof( src ) === "string" ) {
+
+      src = [ src ];
+    }
+
+    // go through each src, and find the first playable.
+    // this only covers player sources popcorn knows of,
+    // and not things like a youtube src that is private.
+    // it will still consider a private youtube video to be playable.
+    for ( i = 0, srcLength = src.length; i < srcLength; i++ ) {
+
+      // src is a playable HTML5 video, we don't need to check custom players.
+      if ( canPlaySrc( src[ i ] ) ) {
+
+        src = src[ i ];
+        break;
+      }
+
+      // for now we loop through and use the first valid player we find.
+      for ( var key in Popcorn.player.registry ) {
+
+        if ( Popcorn.player.registry.hasOwnProperty( key ) ) {
+
+          if ( Popcorn.player.registry[ key ].canPlayType( node.nodeName, src[ i ] ) ) {
+
+            // Popcorn.smart( player, src, /* options */ )
+            return Popcorn[ key ]( node, src[ i ], options );
+          }
+        }
+      }
+    }
+
+    // Popcorn.smart( div, src, /* options */ )
+    // attempting to create a video in a container
+    if ( elementTypes.indexOf( node.nodeName ) === -1 ) {
+
+      firstSrc = typeof( src ) === "string" ? src : src.length ? src[ 0 ] : src;
+
+      target = document.createElement( !!audioExtensionRegexp.exec( firstSrc ) ? elementTypes[ 0 ] : elementTypes[ 1 ] );
+
+      // Controls are defaulted to being present
+      target.controls = true;
+
+      node.appendChild( target );
+      node = target;
+    }
+
+    options && options.events && options.events.error && node.addEventListener( "error", options.events.error, false );
+    node.src = src;
+
+    return Popcorn( node, options );
+
+  };
+})( Popcorn );

web/jplayer/js/popcorn.subtitle.js

@@ -0,0 +1,143 @@
+// PLUGIN: Subtitle
+
+(function ( Popcorn ) {
+
+  var i = 0,
+      createDefaultContainer = function( context, id ) {
+
+        var ctxContainer = context.container = document.createElement( "div" ),
+            style = ctxContainer.style,
+            media = context.media;
+
+        var updatePosition = function() {
+          var position = context.position();
+          // the video element must have height and width defined
+          style.fontSize = "18px";
+          style.width = media.offsetWidth + "px";
+          style.top = position.top  + media.offsetHeight - ctxContainer.offsetHeight - 40 + "px";
+          style.left = position.left + "px";
+
+          setTimeout( updatePosition, 10 );
+        };
+
+        ctxContainer.id = id || Popcorn.guid();
+        style.position = "absolute";
+        style.color = "white";
+        style.textShadow = "black 2px 2px 6px";
+        style.fontWeight = "bold";
+        style.textAlign = "center";
+
+        updatePosition();
+
+        context.media.parentNode.appendChild( ctxContainer );
+
+        return ctxContainer;
+      };
+
+  /**
+   * Subtitle popcorn plug-in
+   * Displays a subtitle over the video, or in the target div
+   * Options parameter will need a start, and end.
+   * Optional parameters are target and text.
+   * Start is the time that you want this plug-in to execute
+   * End is the time that you want this plug-in to stop executing
+   * Target is the id of the document element that the content is
+   *  appended to, this target element must exist on the DOM
+   * Text is the text of the subtitle you want to display.
+   *
+   * @param {Object} options
+   *
+   * Example:
+     var p = Popcorn('#video')
+        .subtitle({
+          start:            5,                 // seconds, mandatory
+          end:              15,                // seconds, mandatory
+          text:             'Hellow world',    // optional
+          target:           'subtitlediv',     // optional
+        } )
+   *
+   */
+
+  Popcorn.plugin( "subtitle" , {
+
+      manifest: {
+        about: {
+          name: "Popcorn Subtitle Plugin",
+          version: "0.1",
+          author: "Scott Downe",
+          website: "http://scottdowne.wordpress.com/"
+        },
+        options: {
+          start: {
+            elem: "input",
+            type: "text",
+            label: "Start"
+          },
+          end: {
+            elem: "input",
+            type: "text",
+            label: "End"
+          },
+          target: "subtitle-container",
+          text: {
+            elem: "input",
+            type: "text",
+            label: "Text"
+          }
+        }
+      },
+
+      _setup: function( options ) {
+        var newdiv = document.createElement( "div" );
+
+        newdiv.id = "subtitle-" + i++;
+        newdiv.style.display = "none";
+
+        // Creates a div for all subtitles to use
+        ( !this.container && ( !options.target || options.target === "subtitle-container" ) ) &&
+          createDefaultContainer( this );
+
+        // if a target is specified, use that
+        if ( options.target && options.target !== "subtitle-container" ) {
+          // In case the target doesn't exist in the DOM
+          options.container = document.getElementById( options.target ) || createDefaultContainer( this, options.target );
+        } else {
+          // use shared default container
+          options.container = this.container;
+        }
+
+        document.getElementById( options.container.id ) && document.getElementById( options.container.id ).appendChild( newdiv );
+        options.innerContainer = newdiv;
+
+        options.showSubtitle = function() {
+          options.innerContainer.innerHTML = options.text || "";
+        };
+      },
+      /**
+       * @member subtitle
+       * The start function will be executed when the currentTime
+       * of the video  reaches the start time provided by the
+       * options variable
+       */
+      start: function( event, options ){
+        options.innerContainer.style.display = "inline";
+        options.showSubtitle( options, options.text );
+      },
+      /**
+       * @member subtitle
+       * The end function will be executed when the currentTime
+       * of the video  reaches the end time provided by the
+       * options variable
+       */
+      end: function( event, options ) {
+        options.innerContainer.style.display = "none";
+        options.innerContainer.innerHTML = "";
+      },
+
+      _teardown: function ( options ) {
+        options.container.removeChild( options.innerContainer );
+      }
+
+  });
+
+})( Popcorn );

web/jplayer/skin/blue.monday/jplayer.blue.monday.css

@@ -0,0 +1,640 @@
+/*
+ * Skin for jPlayer Plugin (jQuery JavaScript Library)
+ * http://www.jplayer.org
+ *
+ * Skin Name: Blue Monday
+ *
+ * Copyright (c) 2010-2012 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.2 (jPlayer 2.2.0)
+ * Date: 22nd October 2012
+ */
+
+div.jp-audio,
+div.jp-audio-stream,
+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;
+	/*border:1px solid #009be3;*/
+	background-color:#eee;
+}
+div.jp-audio {
+	width:500px;
+}
+div.jp-audio-stream {
+	width:182px;
+}
+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
+}
+
+/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */
+div.jp-video-full div div {
+	z-index:1000;
+}
+
+div.jp-video-full div.jp-jplayer {
+	top: 0;
+	left: 0;
+	position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
+	overflow: hidden;
+}
+
+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:1001; /* 1 layer above the others. */
+}
+
+div.jp-video-full div.jp-interface {
+	position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
+	bottom: 0;
+	left: 0;
+}
+
+div.jp-interface {
+	position: relative;
+	background-color:#eee;
+	width:100%;
+}
+
+div.jp-audio div.jp-type-single div.jp-interface {
+	height:80px;
+}
+div.jp-audio div.jp-type-playlist div.jp-interface {
+	height:80px;
+}
+
+div.jp-audio-stream div.jp-type-single 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:20px 20px 0 20px;
+}
+
+div.jp-audio-stream ul.jp-controls {
+	width: 142px;
+	padding:20px 20px 0 20px;
+}
+
+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;
+}
+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;
+}
+
+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;
+}
+
+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;
+}
+
+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;
+}
+
+/* @end */
+
+/* @group progress bar */
+
+div.jp-progress {
+	overflow:hidden;
+	background-color: #ddd;
+}
+div.jp-audio div.jp-progress {
+	position: absolute;
+	top:32px;
+	height:15px;
+}
+div.jp-audio div.jp-type-single div.jp-progress {
+	left:110px;
+	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-stream div.jp-type-single a.jp-mute,
+div.jp-audio-stream div.jp-type-single a.jp-unmute {
+	margin-left:10px;
+}
+
+div.jp-audio a.jp-volume-max,
+div.jp-audio-stream a.jp-volume-max {
+	margin-left: 56px;	
+}
+
+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;
+}
+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;
+}
+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;
+}
+
+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:37px;
+	left:330px;
+}
+div.jp-audio-stream div.jp-volume-bar {
+	top:37px;
+	left:92px;
+}
+div.jp-video div.jp-volume-bar {
+	top:17px;
+	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:50px;
+}
+div.jp-audio div.jp-type-single div.jp-time-holder {
+	left:110px;
+	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;
+	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;
+}
+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;
+}
+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;
+}
+span.jp-artist {
+	font-size:.8em;
+	color:#666;
+}
+
+/* @end */
+
+div.jp-video-play {
+	width:100%;
+	overflow:hidden; /* Important for nested negative margins to work in modern browsers */
+	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 {
+	margin-top:-270px;
+	height:270px;
+}
+div.jp-video-360p div.jp-video-play {
+	margin-top:-360px;
+	height:360px;
+}
+div.jp-video-full div.jp-video-play {
+	height:100%;
+}
+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;
+}
+
+
+
+
+
+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;
+}
+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;
+}
+
+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;
+}
+
+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;
+}
+
+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;
+}
+
+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;
+}
+
+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;
+}
+
+
+/* @end */
+
+/* @group NO SOLUTION error feedback */
+
+.jp-no-solution {
+	padding:5px;
+	font-size:.8em;
+	background-color:#eee;
+	border:2px solid #009be3;
+	color:#000;
+	display:none;
+}
+
+.jp-no-solution a {
+	color:#000;
+}
+
+.jp-no-solution span {
+	font-size:1em;
+	display:block;
+	text-align:center;
+	font-weight:bold;
+}
+
+/* @end */

web/jplayer/skin/circle.skin/circle.player.css

@@ -0,0 +1,133 @@
+/*
+ * Project: CirclePlayer
+ * http://www.jplayer.org
+ *
+ * Copyright (c) 2012 Happyworm Ltd
+ *
+ * Author: Silvia Benvenuti
+ * Edited by: Mark J Panaghiston
+ * Date: 2nd October 2012
+ * Artwork inspired by: http://forrst.com/posts/Untitled-CJz
+ */
+
+.cp-container {
+	position:relative;
+	width:104px; /* 200 - (2 * 48) */
+	height:104px;
+	background:url("bgr.jpg") 0 0 no-repeat;
+	padding:48px;
+	-webkit-tap-highlight-color:rgba(0,0,0,0);
+}
+
+.cp-container :focus {
+	border:none;
+	outline:0;
+}
+
+.cp-buffer-1,
+.cp-buffer-2,
+.cp-progress-1,
+.cp-progress-2 {
+	position:absolute;
+	top:0;
+	left:0;
+	width:104px;
+	height:104px;
+	clip:rect(0px,52px,104px,0px);
+
+	-moz-border-radius:52px;
+	-webkit-border-radius:52px;
+	border-radius:52px;
+}
+
+.cp-buffer-1,
+.cp-buffer-2 {
+	background:url("buffer.png") 0 0 no-repeat;
+}
+
+
+/* FALLBACK for .progress
+ * (24 steps starting from 1hr filled progress, Decrease second value by 104px for next step)
+ * (It needs the container selector to work. Or use div)
+ */
+
+.cp-container .cp-fallback {
+	background:url("progress_sprite.jpg") no-repeat;
+	background-position:0 104px; 
+}
+
+.cp-progress-1,
+.cp-progress-2 {
+	background:url("progress.png") 0 0 no-repeat;
+}
+
+.cp-buffer-holder,
+.cp-progress-holder,
+.cp-circle-control {
+	position:absolute;
+	width:104px;
+	height:104px;
+} 
+
+.cp-circle-control {
+	cursor:pointer;
+}
+
+.cp-buffer-holder,
+.cp-progress-holder {
+	clip:rect(0px,104px,104px,52px);
+	display:none;
+}
+
+
+/* This is needed when progress is greater than 50% or for fallback */
+
+.cp-buffer-holder.cp-gt50,
+.cp-progress-holder.cp-gt50,
+.cp-progress-1.cp-fallback{
+	clip:rect(auto, auto, auto, auto);
+}
+
+.cp-controls {
+	margin:0;
+	padding:26px;
+}
+
+.cp-controls li{
+	list-style-type:none;
+	display:block;
+
+	/*IE Fix*/
+	position:absolute;
+}
+
+.cp-controls li a{
+	position:relative;
+	display:block;
+	width:50px;
+	height:50px;
+	text-indent:-9999px;
+	z-index:1;
+	cursor:pointer;
+}
+
+.cp-controls .cp-play {
+	background:url("controls.jpg") 0 0 no-repeat;
+}
+
+.cp-controls .cp-play:hover {
+	background:url("controls.jpg") -50px 0 no-repeat;
+}
+
+.cp-controls .cp-pause {
+	background:url("controls.jpg") 0 -50px no-repeat;
+}
+
+.cp-controls .cp-pause:hover {
+	background:url("controls.jpg") -50px -50px no-repeat;
+}
+
+.cp-jplayer {
+	width:0;
+	height:0;
+}

web/jplayer/skin/pink.flag/jplayer.pink.flag.css

@@ -0,0 +1,670 @@
+/*
+ * Skin for jPlayer Plugin (jQuery JavaScript Library)
+ * http://www.jplayer.org
+ *
+ * Skin Name: Pink Flag
+ *
+ * Copyright (c) 2012 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: 1.2 (jPlayer 2.2.0)
+ * Date: 22nd October 2012
+ */
+
+div.jp-audio,
+div.jp-audio-stream,
+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: #fff;
+	border-top:1px solid #554461;
+	border-left:1px solid #554461;
+	border-right:1px solid #180a1f;
+	border-bottom:1px solid #180a1f;
+	background-color:#3a2a45;
+}
+div.jp-audio {
+	width:201px;
+	padding:20px;
+}
+
+div.jp-audio-stream {
+	width:101px;
+	padding:20px 20px 10px 20px;
+}
+
+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;
+}
+
+/* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */
+div.jp-video-full div div {
+	z-index:1000;
+}
+
+div.jp-video-full div.jp-jplayer {
+	top: 0;
+	left: 0;
+	position: fixed !important; position: relative; /* Rules for IE6 (full-screen) */
+	overflow: hidden;
+}
+
+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:1001; /* 1 layer above the others. */
+}
+div.jp-video-full div.jp-interface {
+	position: absolute !important; position: relative; /* Rules for IE6 (full-screen) */
+	bottom: 0;
+	left: 0;
+}
+
+div.jp-interface {
+	position: relative;
+	width:100%;
+	background-color:#3a2a45; /* Required for the full screen */
+}
+
+
+div.jp-audio .jp-interface {
+	height: 80px;
+	padding-top:30px;
+}
+
+div.jp-audio-stream .jp-interface {
+	height: 50px;
+	padding-top:30px;
+}
+
+/* @group CONTROLS */
+
+div.jp-controls-holder {
+	clear: both;
+	width:440px;
+	margin:0 auto 10px auto;
+	position: relative;
+	overflow:hidden;
+}
+
+div.jp-interface ul.jp-controls {
+	background: url("jplayer.pink.flag.jpg") 0 0 no-repeat;
+	list-style-type:none;
+	padding: 1px 0 2px 1px;
+	overflow:hidden;
+	width: 201px;
+	height: 34px;
+}
+
+div.jp-audio ul.jp-controls,
+div.jp-audio-stream ul.jp-controls {
+	margin:0 auto;
+}
+
+div.jp-audio-stream ul.jp-controls {
+	width: 100px;
+}
+
+div.jp-video ul.jp-controls {
+	margin:0 0 0 115px;
+	float:left;
+	display:inline; /* need this to fix IE6 double margin */
+}
+
+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;
+	height: 34px;
+	margin: 0 1px 2px 0;
+	padding: 0;
+}
+
+
+/* @group single player controls */
+
+div.jp-type-single  .jp-controls li a{
+	width: 99px;
+}
+
+div.jp-type-single  .jp-play {
+	background: url("jplayer.pink.flag.jpg") 0px -40px no-repeat;
+}
+
+div.jp-type-single  .jp-play:hover {
+	background: url("jplayer.pink.flag.jpg") -100px -40px no-repeat;
+}
+
+div.jp-type-single  .jp-pause {
+	background: url("jplayer.pink.flag.jpg") 0px -120px no-repeat;
+}
+
+div.jp-type-single  .jp-pause:hover {
+	background: url("jplayer.pink.flag.jpg") -100px -120px no-repeat;
+}
+
+/* The right border is normally in the ul background image. */
+div.jp-audio-stream .jp-play,
+div.jp-audio-stream .jp-pause {
+	border-right:1px solid #180920;
+}
+
+div.jp-type-single  .jp-stop {
+	background: url("jplayer.pink.flag.jpg") 0px -80px no-repeat;
+}
+
+div.jp-type-single  .jp-stop:hover {
+	background: url("jplayer.pink.flag.jpg") -100px -80px no-repeat;
+}
+
+/* @end */
+
+/* @group playlist player controls */
+
+div.jp-type-playlist .jp-controls li a{
+	width: 49px;
+}
+
+div.jp-type-playlist .jp-play {
+	background: url("jplayer.pink.flag.jpg") -24px -40px no-repeat;
+}
+
+div.jp-type-playlist .jp-play:hover {
+	background: url("jplayer.pink.flag.jpg") -124px -40px no-repeat;
+}
+
+div.jp-type-playlist .jp-pause {
+	background: url("jplayer.pink.flag.jpg") -24px -120px no-repeat;
+}
+
+div.jp-type-playlist .jp-pause:hover {
+	background: url("jplayer.pink.flag.jpg") -124px -120px no-repeat;
+}
+
+div.jp-type-playlist .jp-stop {
+	background: url("jplayer.pink.flag.jpg") -24px -80px no-repeat;
+}
+
+div.jp-type-playlist .jp-stop:hover {
+	background: url("jplayer.pink.flag.jpg") -124px -80px no-repeat;
+}
+
+div.jp-type-playlist .jp-previous {
+	background: url("jplayer.pink.flag.jpg") -24px -200px no-repeat;
+}
+
+div.jp-type-playlist .jp-previous:hover {
+	background: url("jplayer.pink.flag.jpg") -124px -200px no-repeat;
+}
+
+div.jp-type-playlist .jp-next {
+	background: url("jplayer.pink.flag.jpg") -24px -160px no-repeat;
+}
+
+div.jp-type-playlist .jp-next:hover {
+	background: url("jplayer.pink.flag.jpg") -124px -160px no-repeat;
+}
+
+/* @end */
+
+/* @end */
+
+
+
+
+/* @group TOGGLES */
+
+ul.jp-toggles {
+	list-style-type:none;
+	padding:0;
+	margin:0 auto;
+	overflow:hidden;
+}
+
+div.jp-audio ul.jp-toggles {
+	width:55px;
+}
+
+div.jp-audio .jp-type-single ul.jp-toggles {
+	width:25px;
+}
+
+div.jp-video ul.jp-toggles {
+	width:100px;
+	margin-top: 10px;
+}
+
+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 */
+}
+
+.jp-full-screen {
+	background: url("jplayer.pink.flag.jpg") 0 -420px no-repeat;
+	margin-left: 20px;
+}
+
+.jp-full-screen:hover {
+	background: url("jplayer.pink.flag.jpg") -30px -420px no-repeat;
+}
+
+.jp-restore-screen {
+	background: url("jplayer.pink.flag.jpg") -60px -420px no-repeat;
+	margin-left: 20px;
+}
+
+.jp-restore-screen:hover {
+	background: url("jplayer.pink.flag.jpg") -90px -420px no-repeat;
+}
+
+.jp-repeat {
+	background: url("jplayer.pink.flag.jpg") 0 -440px no-repeat;
+}
+
+.jp-repeat:hover {
+	background: url("jplayer.pink.flag.jpg") -30px -440px no-repeat;
+}
+
+.jp-repeat-off {
+	background: url("jplayer.pink.flag.jpg") -60px -440px no-repeat;
+}
+
+.jp-repeat-off:hover {
+	background: url("jplayer.pink.flag.jpg") -90px -440px no-repeat;
+}
+
+.jp-shuffle {
+	background: url("jplayer.pink.flag.jpg") 0 -460px no-repeat;
+	margin-left: 5px;
+}
+
+.jp-shuffle:hover {
+	background: url("jplayer.pink.flag.jpg") -30px -460px no-repeat;
+}
+
+.jp-shuffle-off {
+	background: url("jplayer.pink.flag.jpg") -60px -460px no-repeat;
+	margin-left: 5px;
+}
+
+.jp-shuffle-off:hover {
+	background: url("jplayer.pink.flag.jpg") -90px -460px no-repeat;
+}
+
+
+/* @end */
+
+/* @group progress bar */
+
+/* The seeking class is added/removed inside jPlayer */
+div.jp-seeking-bg {
+	background: url("jplayer.pink.flag.seeking.gif");
+}
+
+.jp-progress {
+	background: url("jplayer.pink.flag.jpg") 0px -240px no-repeat;
+	width: 197px;
+	height: 13px;
+	padding: 0 2px 2px 2px;
+	margin-bottom: 4px;
+	overflow:hidden;
+}
+
+div.jp-video .jp-progress {
+	border-top:1px solid #180a1f;
+	border-bottom: 1px solid #554560;
+	width:100%;
+	background-image: none;
+	padding: 0;
+}
+
+.jp-seek-bar {
+	background: url("jplayer.pink.flag.jpg") 0px -260px repeat-x;
+	width:0px;
+	height: 100%;
+	overflow:hidden;
+	cursor:pointer;
+}
+
+.jp-play-bar {
+	background: url("jplayer.pink.flag.jpg") 0px -280px repeat-x;
+	width:0px;
+	height: 100%;
+	overflow:hidden;
+}
+
+
+/* @end */
+
+/* @group volume controls */
+
+div.jp-interface ul.jp-controls a.jp-mute,
+div.jp-interface ul.jp-controls a.jp-unmute,
+div.jp-interface ul.jp-controls a.jp-volume-max {
+	background: url("jplayer.pink.flag.jpg") 0px -330px no-repeat;
+	position: absolute;
+	width: 16px;
+	height: 11px;
+}
+
+div.jp-audio ul.jp-controls a.jp-mute,
+div.jp-audio ul.jp-controls a.jp-unmute,
+div.jp-audio-stream ul.jp-controls a.jp-mute,
+div.jp-audio-stream ul.jp-controls a.jp-unmute {
+	top:-6px;
+	left: 0;
+}
+
+div.jp-audio ul.jp-controls a.jp-volume-max,
+div.jp-audio-stream ul.jp-controls a.jp-volume-max {
+	top:-6px;
+	right: 0;
+}
+
+
+div.jp-video ul.jp-controls a.jp-mute,
+div.jp-video ul.jp-controls a.jp-unmute {
+	left: 0;
+	top:14px;
+}
+
+div.jp-video ul.jp-controls a.jp-volume-max {
+	left: 84px;
+	top:14px;
+}
+
+div.jp-interface ul.jp-controls a.jp-mute:hover {
+	background: url("jplayer.pink.flag.jpg") -25px -330px no-repeat;
+}
+
+div.jp-interface ul.jp-controls a.jp-unmute {
+	background: url("jplayer.pink.flag.jpg") -60px -330px no-repeat;
+}
+
+div.jp-interface ul.jp-controls a.jp-unmute:hover {
+	background: url("jplayer.pink.flag.jpg") -85px -330px no-repeat;
+}
+
+div.jp-interface ul.jp-controls a.jp-volume-max {
+	background: url("jplayer.pink.flag.jpg") 0px -350px no-repeat;
+}
+
+div.jp-interface ul.jp-controls a.jp-volume-max:hover {
+	background: url("jplayer.pink.flag.jpg") -25px -350px no-repeat;
+}
+
+.jp-volume-bar {
+	background: url("jplayer.pink.flag.jpg") 0px -300px repeat-x;
+	position: absolute;
+	width: 197px;
+	height: 4px;
+	padding: 2px 2px 1px 2px;
+	overflow: hidden;
+}
+
+.jp-volume-bar:hover {
+	cursor:  pointer;
+}
+
+
+div.jp-audio .jp-interface .jp-volume-bar,
+div.jp-audio-stream .jp-interface .jp-volume-bar {
+	top:10px;
+	left: 0;
+}
+
+div.jp-audio-stream .jp-interface .jp-volume-bar {
+	width: 97px;
+	border-right:1px solid #180920;
+	padding-right:1px;
+}
+
+div.jp-video .jp-volume-bar {
+	top: 0;
+	left: 0;
+	width:95px;
+	border-right:1px solid #180920;
+	padding-right:1px;
+	margin-top: 30px;
+}
+
+.jp-volume-bar-value {
+	background: url("jplayer.pink.flag.jpg") 0px -320px repeat-x;
+	height: 4px;
+}
+
+/* @end */
+
+/* @group current time and duration */
+
+.jp-current-time, .jp-duration {
+	width:70px;
+	font-size:.5em;
+	color: #8c7a99;
+}
+
+.jp-current-time {
+	float: left;
+}
+
+.jp-duration {
+	float: right;
+	text-align:right;
+}
+
+.jp-video .jp-current-time {
+	padding-left:20px;
+}
+
+.jp-video .jp-duration {
+	padding-right:20px;
+}
+
+/* @end */
+
+/* @group playlist */
+
+.jp-title ul,
+.jp-playlist ul {
+	list-style-type:none;	
+	font-size:.7em;
+	margin: 0;
+	padding: 0;
+}
+
+.jp-video .jp-title ul {
+	margin: 0 20px 10px;
+}
+
+.jp-video .jp-playlist ul {
+	margin: 0 20px;
+}
+
+.jp-title li,
+.jp-playlist li {
+	position: relative;
+	padding: 2px 0;
+	border-top:1px solid #554461;
+	border-bottom:1px solid #180a1f;
+	overflow: hidden;
+}
+
+.jp-title li{
+	border-bottom:none;
+	border-top:none;
+	padding:0;
+	text-align:center;
+}
+
+/* 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:first-child {
+	border-top:none;
+	padding-top:3px;
+}
+
+div.jp-type-playlist div.jp-playlist li:last-child {
+	border-bottom:none;
+	padding-bottom:3px;
+}
+
+div.jp-type-playlist div.jp-playlist a {
+	color: #fff;
+	text-decoration:none;
+}
+
+div.jp-type-playlist div.jp-playlist a:hover {
+	color: #e892e9;
+}
+
+div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
+	background-color: #26102e;
+	margin: 0 -20px;
+	padding: 2px 20px;
+	border-top: 1px solid #26102e;
+	border-bottom: 1px solid #26102e;
+}
+
+div.jp-type-playlist div.jp-playlist li.jp-playlist-current a{
+	color: #e892e9;
+}
+
+div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove {
+	float:right;
+	display:inline;
+	text-align:right;
+	margin-left:10px;
+	font-weight:bold;
+	color:#8C7A99;
+}
+div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover {
+	color:#E892E9;
+}
+
+div.jp-type-playlist div.jp-playlist span.jp-free-media {
+	float: right;
+	display:inline;
+	text-align:right;
+	color:#8C7A99;
+}
+
+div.jp-type-playlist div.jp-playlist span.jp-free-media a{
+	color:#8C7A99;
+}
+
+div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover{
+	color:#E892E9;
+}
+span.jp-artist {
+	font-size:.8em;
+	color:#8C7A99;
+}
+
+/* @end */
+
+
+div.jp-video div.jp-video-play {
+	width:100%;
+	overflow:hidden; /* Important for nested negative margins to work in modern browsers */
+	cursor:pointer;
+}
+div.jp-video-270p div.jp-video-play {
+	margin-top:-270px;
+	height:270px;
+}
+div.jp-video-360p div.jp-video-play {
+	margin-top:-360px;
+	height:360px;
+}
+div.jp-video-full div.jp-video-play {
+	height:100%;
+}
+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.pink.flag.video.play.png") 0 0 no-repeat;
+	text-indent:-9999px;
+}
+div.jp-video-play:hover a.jp-video-play-icon {
+	background: url("jplayer.pink.flag.video.play.png") 0 -100px no-repeat;
+}
+
+
+div.jp-jplayer audio,
+div.jp-jplayer {
+	width:0px;
+	height:0px;
+}
+
+div.jp-jplayer {
+	background-color: #000000;
+}
+
+/* @group NO SOLUTION error feedback */
+
+.jp-no-solution {
+	padding:5px;
+	font-size:.8em;
+	background-color:#3a2a45;
+	border-top:2px solid #554461;
+	border-left:2px solid #554461;
+	border-right:2px solid #180a1f;
+	border-bottom:2px solid #180a1f;
+	color:#FFF;
+	display:none;
+}
+
+.jp-no-solution a {
+	color:#FFF;
+}
+
+.jp-no-solution span {
+	font-size:1em;
+	display:block;
+	text-align:center;
+	font-weight:bold;
+}
+/* @end */