﻿<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Slideshow from Flickr (Photoset)"
title_url="http://www.liens-du-vin.ch/flickr-gadget-script.htm"
width="490"
height="420"
scrolling="false"
directory_title="Media RSS Feed Slideshow from a Photoset of Flickr."
description="Media RSS Feed Slideshow from Flickr. Simple Slideshow (without title of Feed and without title of pictures). Can display the original picture. Can define display and transition time. Display jpg, gif and png pictures. Random order available."
screenshot="http://www.liens-du-vin.ch/_pic04/flickr-slideshow-screen.png"
thumbnail="http://www.liens-du-vin.ch/_pic04/flickr-slideshow-thumb.png"
author="Philippe Chappuis"
author_email="info+gadgetCSE@liens-du-vin.ch"
author_affiliation="Google"
author_location="Rolle Switzerland"
author_link="http://www.liens-du-vin.ch"
author_photo="http://www.liens-du-vin.ch/_pic02/gadget-author-photo.png"
author_aboutme="An Engineer who likes to develop for the Net and tastes wines"
author_quote="A chief is a man who assumes responsibility. He says &quot;I was beaten&quot; he does not say &quot;My men were beaten&quot; - Antoine de Saint-Exupery">

<Require feature="analytics" />

</ModulePrefs>

<UserPref name="SET" display_name="Feed to display" required="true" default_value="72157609076361497" />

<UserPref name="PWH" display_name="Width of pictures" required="true" default_value="480" />
<UserPref name="PHT" display_name="Height of pictures" required="true" default_value="360" />

<UserPref name="LNK" display_name="Link on Title" required="false" />
<UserPref name="TIT" display_name="Title" required="false" />

<UserPref name="DTime" display_name="Display Time (ms)" required="false" />
<UserPref name="TTime" display_name="Transition Time (ms)" required="false" />
<UserPref name="RND" display_name="Random display (Yes - No)" required="false" />
<UserPref name="CLP" display_name="Open Picture on Clic (Yes - No)" required="false" />
<UserPref name="NAB" display_name="Display Navigation Bar (Yes - No)" required="false" />

<UserPref name="TCOL" display_name="Color of Text" required="true" default_value="#000000" />
<UserPref name="LCOL" display_name="Color of Link" required="false" />
<UserPref name="SCOL" display_name="Background of Slide" required="true" default_value="#c3d9ff" />
<UserPref name="BCOL" display_name="Color of Border" required="true" default_value="#f00" />
<UserPref name="CCOL" display_name="Background of Container" required="true" default_value="#d1dae3" />

<Content type="html"><![CDATA[
<script src="https://www.google.com/jsapi" type="text/javascript"></script>
<script src="https://www.google.com/uds/solutions/slideshow/gfslideshow.js" type="text/javascript"></script>

<style text="text/css">

body
{
background-color: __UP_CCOL__;
}

#slide_box
{
width: __UP_PWH__px;
height: __UP_PHT__px;
margin: 0;
background-color: __UP_SCOL__;
border: 2px solid __UP_BCOL__;
padding: 4px;
}

#slide_box a img
{
border: 0;
}

#main_box
{
background-color: __UP_CCOL__;
color: __UP_TCOL__;
font-size: 0.9em;
font-weight: normal;
font-family: Arial, sans-serif;
}

#feed_title
{
text-align: center;
padding: 5px;  
margin-bottom: 4px;
background-color: __UP_CCOL;
}

#feed_title a:link, #feed_title a:visited
{
text-decoration: none;
}

#feed_title a:hover
{
text-decoration: underline;
}

#image_title
{
margin-top: 3px; 
margin-botton: 2px;
font-style: italic;
}

</style>

<script type="text/javascript">

// Global variables

var u_def="http://www.liens-du-vin.ch/ascreen.jpg"; // si image non trouvee 
var ipos=-1;
var start=-1;
var stop=-1;
var c="";

var prefs = new gadgets.Prefs();

var s_fil = prefs.getString("SET");

// use yahoo pipe to get more then 20 pictures

s_fil="http://pipes.yahoo.com/pipes/pipe.run?_id=ggi_H7jn2xGoWGzY6UjTQA&&_render=rss&num=500&set=" + s_fil ;

var lnk="";
var s_lnk = prefs.getString("LNK");
if (s_lnk)
{
lnk=gadgets.util.escapeString(s_lnk);
}

var tit="";
var s_tit = prefs.getString("TIT");
if (s_tit)
{
tit=gadgets.util.escapeString(s_tit);
}

var dti="4000";
var s_dti = prefs.getString("DTime");
if (s_dti)
{
if ((s_dti < 1000) | (s_dti > 12000)) dti="4000";
dti=s_dti;
}

var tti="2000";
var s_tti = prefs.getString("TTime");
if (s_tti)
{
if ((s_tti < 500) | (s_tti > 6000)) tti="2000";
tti=s_tti;
}

var rnd="N";
var s_rnd = prefs.getString("RND");
if (s_rnd)
{
s_rnd=s_rnd.toUpperCase();
if (s_rnd.substr(0,1) == 'N')
   {rnd="N";}
else
   {rnd="Y";}
}

var clp=null;
var s_clp = prefs.getString("CLP");
if (s_clp)
{
s_clp=s_clp.toUpperCase();
if (s_clp.substr(0,1) == 'N')
   {clp=null;}
else
   {clp="_blank";}
}

// navbar

var nab=true;
var s_nab = prefs.getString("NAB");
if (s_nab)
{
s_nab=s_nab.toUpperCase();
if (s_nab.substr(0,1) == 'N')
   {nab=null;}
else
   {nab=true;}
}

// color text and link

var s_tcol = prefs.getString("TCOL");

var lcol="";
var s_lcol = prefs.getString("LCOL");
if (s_lcol)
{lcol=s_lcol;}
else
{lcol=s_tcol;}

function load_feed()
{
var feed_input = s_fil;

var options = {
fullControlPanel: nab,
fullControlPanelSmallIcons: nab,
fullControlPanelFadeOutTime: 1000,
numResults: 500,
pauseOnHover: false,
scaleImages : true,
displayTime: dti,
transitionTime: tti,
linkTarget: clp,
feedLoadCallback: FeedTitle,
thumbnailUrlResolver: UrlResolver, 
transitionCallback: TransitionHandler
};


if (rnd != "N") /* Random call */
{
  var processEntries = GFslideShow.prototype.processEntries;
    GFslideShow.prototype.processEntries =
      function(entries) {
        for (var i=0, entry;  entry = entries[i];  i++) {
          var j = Math.floor(Math.random() * entries.length);
          var t = entries[j];
          entries[j] = entries[i];
          entries[i] = t;
        }
        processEntries.call(this, entries);
      };
 } 


new GFslideShow(feed_input, "slide_box", options);
}

// Find the title of the Feed

function FeedTitle(result)
{
if ( result.error ) { alert("Error : " + result.error.message); }
else
{

var html = "";

if (tit == "") {tit=result.feed.title;}

if (lnk == "")
{html= tit;}
else
{html="<a href='" + lnk + "' target='_blank' style='color: " + lcol + "' title='" + tit + "'>" + tit + "</a>";}

document.getElementById("feed_title").innerHTML=html; 
}
}

// Find title of pic

function TransitionHandler(entry, transitionTime)
{
document.getElementById("image_title").innerHTML=entry.title + "<br/>";
}

// Get the full size 

function UrlResolver (entry)
{
c = entry.content;

start = c.indexOf("<img src=");
if (start==-1) {return(u_def);}

start=start+10;

ipos=c.toUpperCase().indexOf(".jpg".toUpperCase(),start);
if (ipos==-1) {ipos=c.toUpperCase().indexOf(".gif".toUpperCase(),start);}
if (ipos==-1) {ipos=c.toUpperCase().indexOf(".png".toUpperCase(),start);}
if (ipos==-1)  
  {
  ipos=c.toUpperCase().indexOf(".jpeg".toUpperCase(),start);
  if (ipos==-1) {return(u_def);}
    else {stop=ipos + 5;} 
  
  }
else
{stop = ipos + 4;}

img = c.substring(start,stop).replace("th_","");
img=img.replace("_m.","_z."); 
return(img);
}        
  
google.load("feeds", "1");
google.setOnLoadCallback(load_feed);

_IG_Analytics("UA-442758-35", "/gg_slide");  

</script>

<center><div id="main_box"><div id="feed_title"></div><div id="slide_box">Loading pictures...</div><div id="image_title"></div></div></center>

]]></Content>
</Module>
