<% content_for :javascript do %>

  $("#jpId<%=video.id%>").jPlayer( {
    ready: function () {
      $(this).jPlayer("setMedia", {
        webmv: "<%= video_url(video, :format => 'webm' ) %>", // Defines the webm url
        flv:   "<%= video_url(video, :format => 'flv') %>"
      });
    },
  solution:"flash, html",
  preload: "none",
  supplied: "webmv, flv",
  swfPath: "assets",
  cssSelectorAncestor: "#jp_interface_<%=video.id%>"
  });
  
<% end %>

<%= div_for video, :class => 'content_size' do %>
<div class="video_show">
  <% if video.file_processing %>
  <div class="processing_text">
    <%= t('video.processing')%>
  </div>
  <% else %>
  <div id="full_video_<%= video.id%>" class="jp-video jp-video-270p">
    <div class="jp-type-single">
      <div id="jpId<%= video.id%>" class="jp-jplayer"></div>
      <div id="jp_interface_<%= video.id%>" class="jp-interface">
        <div class="jp-video-play"></div>
        <ul class="jp-controls">
          <li>
            <a href="#" class="jp-play" tabindex="1">play</a>
          </li>
          <li>
            <a href="#" class="jp-pause" tabindex="1">pause</a>
          </li>
          <li>
            <a href="#" class="jp-stop" tabindex="1">stop</a>
          </li>
          <li>
            <a href="#" class="jp-mute" tabindex="1">mute</a>
          </li>
          <li>
            <a href="#" class="jp-unmute" tabindex="1">unmute</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-current-time"></div>
        <div class="jp-duration"></div>
      </div>
      <div id="jp_playlist_<%= video.id%>" class="jp-playlist"></div>
    </div>
  </div>
  <% end %>
</div>
<% end %>