From 7b2642c5c0f4807120623cacc617ce6ec61e2d09 Mon Sep 17 00:00:00 2001
From: Sanj <b@pad.ma>
Date: Sat, 21 Apr 2012 16:31:12 +0530
Subject: [PATCH] padma video, test profile forms

---
 itf/templates/modules/festival/meeting.html | 24 +++++++++++++++------
 itf/templates/noel/insidepage.html          |  3 +++
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/itf/templates/modules/festival/meeting.html b/itf/templates/modules/festival/meeting.html
index 42df672..3d785e0 100755
--- a/itf/templates/modules/festival/meeting.html
+++ b/itf/templates/modules/festival/meeting.html
@@ -93,7 +93,7 @@
                   {% for v in talk.videos.all %}
                   <span class="talkIcon">
                     <a href="/static/{{ v.padmavideo.padma_link }}" class="padmaLink" data-video="http://pad.ma/{{ v.padmavideo.padma_id }}/480p.webm" target="_blank">
-                      <img src="/static/images/VideoIcon.jpg" title="<span class='ttTitle'>Video: {{ talk.title }}.</span><span class='rightclickHelp'>(Right click and select 'Save Link As' to download)</span>">
+                      <img src="/static/images/VideoIcon.jpg" title="<span class='ttTitle'>Video: {{ talk.title }}.</span><span class='rightclickHelp'>Click to view on page</span>">
                     </a>
                   </span>
                   {% endfor %}
@@ -248,16 +248,28 @@
     var $video;
     $('a.padmaLink').toggle(function(e) {
         e.preventDefault();
-        var videoSrc = $(this).attr("data-video");
-        $video = $('<video>').attr("src", videoSrc).attr("autoplay", "autoplay").attr("controls", "controls").addClass("padmaVideo");
-        $(this).parents('.talks').eq(0).append($video);
+        if ($(this).data("$video") == undefined) {
+            var videoSrc = $(this).attr("data-video");
+            var $video = $('<video>').attr("src", videoSrc).attr("autoplay", "autoplay").attr("controls", "controls").addClass("padmaVideo").css({'maxWidth': '100%', 'marginTop': '6px', 'display': 'block'}).hide();
+            $(this).data("$video", $video);
+            $(this).parents('li').eq(0).append($video);
+            $video.slideDown();
+        } else {
+            $(this).data("$video").slideDown();
+        }
         //console.log("clicked in");
         }, function(e) {
         e.preventDefault();
         //console.log("clicked out");
-        $video.remove();
-       
+        $(this).data("$video").get(0).pause();
+        $(this).data("$video").slideUp();
+           
     });
 })();
+
+$('.talkIcon img').tooltip({
+    showURL: false,
+    extraClass: 'myToolTip'
+});
 </script>
 
diff --git a/itf/templates/noel/insidepage.html b/itf/templates/noel/insidepage.html
index 0cc4ca7..1ea5e29 100755
--- a/itf/templates/noel/insidepage.html
+++ b/itf/templates/noel/insidepage.html
@@ -5,12 +5,15 @@
 {% block extra_head %}
 <link rel="stylesheet" href="/static/css/noel/inner.css" type="text/css" />
 <link rel="stylesheet" href="/static/css/noel/inner-details.css" type="text/css" />
+<link type="text/css" rel="stylesheet" href="/static/css/jquery.tooltip.css" />
 <script type="text/javascript" src="/static/js/history/history.js"></script>
 <script type="text/javascript" src="/static/js/history/amplify.store.js"></script>
 <script type="text/javascript" src="/static/js/history/history.html4.js"></script>
 <script type="text/javascript" src="/static/js/history/history.adapter.jquery.js"></script>
 <script type="text/javascript" src="/static/js/query_parser.js"></script>
+<script type="text/javascript" src="/static/js/jquery.tooltip.js"></script>
 <script type="text/javascript" src="/static/js/insidepage.js"></script>
+
 {% endblock %}