From 8b6b5e2765c90b10d10121f6dfe22b118c96fed6 Mon Sep 17 00:00:00 2001
From: cri <cri@localhost.lan>
Date: Sun, 13 Sep 2015 02:43:10 +0200
Subject: [PATCH] thumbnail sopra video con fadeoff

---
 app/scripts/main_list_item_home.js | 2 +-
 app/scripts/main_list_item_id.js   | 2 +-
 app/styles/main.css                | 8 ++++++++
 app/templates/list_item_id.txt     | 4 +++-
 4 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/app/scripts/main_list_item_home.js b/app/scripts/main_list_item_home.js
index fcdc817..9633546 100644
--- a/app/scripts/main_list_item_home.js
+++ b/app/scripts/main_list_item_home.js
@@ -13,7 +13,7 @@
  This file is the main entry point for js on the arkiwiJsBoilerplate app.
  --------------------------------------------------------------------------------------------------------------------- */
 $(document).ready(function () {
-    var arkiwi = new ARKIWI.Arkiwi('http://www.arkiwi.org', 'http://upload.arkiwi.org');
+    var arkiwi = new ARKIWI.Aggregator('http://www.arkiwi.org');
     $.get("templates/list_item_home.txt", function (template) {
 
         arkiwi.path("XM24/Occupy_Mordor", function (listone) {
diff --git a/app/scripts/main_list_item_id.js b/app/scripts/main_list_item_id.js
index bc3fa49..b9fbe89 100644
--- a/app/scripts/main_list_item_id.js
+++ b/app/scripts/main_list_item_id.js
@@ -20,7 +20,7 @@ $(document).ready(function () {
 	var iframe_type = $(window.frameElement).attr("data-arkiwi-type");
 // console.log(iframe_type);
 	
-    var arkiwi = new ARKIWI.Arkiwi('http://www.arkiwi.org', 'http://upload.arkiwi.org');
+    var arkiwi = new ARKIWI.Aggregator('http://www.arkiwi.org');
    /* $.get("templates/list_item_id.txt", function (template) {
 
         arkiwi.path("XM24/Occupy_Mordor", function (listone) {
diff --git a/app/styles/main.css b/app/styles/main.css
index 4cea420..8e09cd6 100644
--- a/app/styles/main.css
+++ b/app/styles/main.css
@@ -14,6 +14,14 @@
 palette:
 http://paletton.com/#uid=70f0u0ksXsOhL-cmHuduim--whE
  --------------------------------------------------------------------------------------------------------------------- */
+.hide{display:none;}
+
+.thmbs{cursor:pointer;}
+
+.thumbnail {
+    max-height: 200px;
+    overflow: auto;
+}
 
 .embed-iframe{
 width:100%;
diff --git a/app/templates/list_item_id.txt b/app/templates/list_item_id.txt
index 22e7237..ae4d25b 100644
--- a/app/templates/list_item_id.txt
+++ b/app/templates/list_item_id.txt
@@ -10,7 +10,9 @@ Your browser does not support the audio element.
 </audio> 
 {{/item.audio}}
 {{#item.video}}
- <video controls>
+<img class="thmbs" src="{{item.thumbnail}}"  onclick="$(this).siblings().fadeIn( 'slow' );$(this).addClass('hide')">
+ 
+<video controls style="display:none">
   <source src="http://storage.arkiwi.org/{{item.identifier}}" type="video/ogg">
   <source src="#" type="video/mpeg">
 Your browser does not support the audio element.