orange-flickr 0.1.0

data/.document

@@ -0,0 +1,5 @@
+README.rdoc
+lib/**/*.rb
+bin/*
+features/**/*.feature
+LICENSE

data/.gitignore

@@ -0,0 +1,21 @@
+## MAC OS
+.DS_Store
+
+## TEXTMATE
+*.tmproj
+tmtags
+
+## EMACS
+*~
+\#*
+.\#*
+
+## VIM
+*.swp
+
+## PROJECT::GENERAL
+coverage
+rdoc
+pkg
+
+## PROJECT::SPECIFIC

data/LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2009 David Haslem
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.rdoc

@@ -0,0 +1,27 @@
+= orange-flickr
+
+Includes snippets for pulling in Flickr photo galleries given an authentication token. You'll need a some info to use it:
+
+First, I recommend you go register to create a new Flickr app here so you can have your own API key with your own limits. Orange has a flickr api key by default, but it's really easy to get your own: 
+
+   http://www.flickr.com/services/apps/create/apply
+
+Set the "flickr_api_key" option with your new api key. Then get the user nsid for the photosets you want to use. Set the "flickr_nsid" option to that.
+
+Flickr Photosets are pulled in using yoxview, which is an MIT-licensed jQuery slideshow plugin. Learn more here:
+
+http://www.yoxigen.com/yoxview/
+
+== Note on Patches/Pull Requests
+ 
+* Fork the project.
+* Make your feature addition or bug fix.
+* Add tests for it. This is important so I don't break it in a
+  future version unintentionally.
+* Commit, do not mess with rakefile, version, or history.
+  (if you want to have your own version, that is fine but bump version in a commit by itself I can ignore when I pull)
+* Send me a pull request. Bonus points for topic branches.
+
+== Copyright
+
+Copyright (c) 2010 David Haslem. See LICENSE for details.

data/Rakefile

@@ -0,0 +1,46 @@
+require 'rubygems'
+require 'rake'
+
+begin
+  require 'jeweler'
+  Jeweler::Tasks.new do |gem|
+    gem.name = "orange-flickr"
+    gem.summary = %Q{A gem that uses FlickRaw to integrate with orange}
+    gem.description = %Q{Adds flickr functionality to Orange}
+    gem.email = "therabidbanana@gmail.com"
+    gem.homepage = "http://orangerb.com"
+    gem.authors = ["David Haslem"]
+    gem.add_dependency "flickraw-cached", ">= 0"
+    gem.add_development_dependency "rspec", ">= 1.2.9"
+    gem.add_development_dependency "yard", ">= 0"
+    # gem is a Gem::Specification... see http://www.rubygems.org/read/chapter/20 for additional settings
+  end
+  Jeweler::GemcutterTasks.new
+rescue LoadError
+  puts "Jeweler (or a dependency) not available. Install it with: gem install jeweler"
+end
+
+require 'spec/rake/spectask'
+Spec::Rake::SpecTask.new(:spec) do |spec|
+  spec.libs << 'lib' << 'spec'
+  spec.spec_files = FileList['spec/**/*_spec.rb']
+end
+
+Spec::Rake::SpecTask.new(:rcov) do |spec|
+  spec.libs << 'lib' << 'spec'
+  spec.pattern = 'spec/**/*_spec.rb'
+  spec.rcov = true
+end
+
+task :spec => :check_dependencies
+
+task :default => :spec
+
+begin
+  require 'yard'
+  YARD::Rake::YardocTask.new
+rescue LoadError
+  task :yardoc do
+    abort "YARD is not available. In order to run yardoc, you must: sudo gem install yard"
+  end
+end

data/lib/orange-flickr.rb

@@ -0,0 +1,4 @@
+libdir = File.dirname(__FILE__)
+$LOAD_PATH.unshift(libdir) unless $LOAD_PATH.include?(libdir)
+
+require File.join('orange-flickr', 'plugin')

data/lib/orange-flickr/assets/js/yoxview/data/flickr.js

@@ -0,0 +1,270 @@
+/*!
+ * Yox Flickr plugin
+ * http://yoxigen.com/yoxview/
+ *
+ * Copyright (c) 2010 Yossi Kolesnicov
+ *
+ * Licensed under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * Date: 17th July, 2010
+ * Version : 1.6
+ */
+function yox_flickr()
+{
+    var $ = jQuery;
+    var flickrUrl = "http://www.flickr.com/";
+    var flickrApiUrl = "http://api.flickr.com/services/rest/";
+    var yoxviewFlickrApikey = "d25ed6ad71472b633b11544a21da4f36";
+    var flickrUserIdRegex = /\d+@N\d+/;
+	var flickrUrlRegex = /http:\/\/(?:www\.)?flickr\.com\/(\w+)\/(?:([^\/]+)\/(?:(\w+)\/?(?:([^\/]+)\/?)?)?)?(?:\?(.*))?/;
+    var self = this;
+
+    var fixedOptions = {
+        api_key: yoxviewFlickrApikey,
+        format: 'json'       
+    };
+        
+    this.getImagesData = function(options, callback)
+    {
+        var defaults = {
+            imageSize: "medium", // medium/large/original, for large, your images in Flickr must be 1280 in width or more. For original, you must allow originals to be downloaded
+            thumbsize: "smallSquare",
+            setThumbnail: true,
+            setSinglePhotosetThumbnails: true,
+            setTitle: true,
+            method: 'flickr.photosets.getList',
+            extras: 'description'
+        };
+
+		var requireLookup = true;
+		var lookupData = {
+			method: "flickr.urls.lookupUser",
+			onData: function(data)
+			{
+				return {
+					user_id: data.user.id,
+					username: data.user.username._content
+				};
+			}
+		};
+		
+		var fromDataUrl = {};
+
+        if (options.dataUrl)
+        {
+            var urlMatch = options.dataUrl.match(flickrUrlRegex);
+            var queryData;
+            if (urlMatch[5])
+            {
+                queryData = Yox.queryToJson(urlMatch[5]);
+		        $.extend(fromDataUrl, queryData);
+		    }
+            if (urlMatch && urlMatch.length > 1)
+            {
+				if (urlMatch[1] == "search")
+				{
+					fromDataUrl.method = "flickr.photos.search";
+					fromDataUrl.text = queryData.q;
+					if (queryData.w)
+					{
+						queryData.w = queryData.w.replace("%40", "@");
+						if (queryData.w.match(flickrUserIdRegex))
+							fromDataUrl.user_id = queryData.w;
+					}
+					if (!queryData || !queryData.sort)
+					    fromDataUrl.sort = "relevance";
+					    
+					requireLookup = false;
+				}
+				else
+				{
+					switch(urlMatch[3])
+					{
+						case undefined:
+							fromDataUrl.method = "flickr.people.getPublicPhotos";
+							break;
+						case "sets":
+							$.extend(fromDataUrl, {
+								method: urlMatch[4] || (options.dataSourceOptions && options.dataSourceOptions.photoset_id) ? "flickr.photosets.getPhotos" : "flickr.photosets.getList",
+								photoset_id: urlMatch[4]
+							});
+							break;
+						case "galleries":
+							$.extend(fromDataUrl, {
+								method: urlMatch[4] ? "flickr.galleries.getPhotos" : "flickr.galleries.getList",
+								gallery_id: urlMatch[4]
+							});
+							if (urlMatch[4])
+							{
+								requireLookup = true;
+								lookupData = {
+									method: "flickr.urls.lookupGallery",
+									onData: function(data)
+									{
+										return {
+											gallery_id: data.gallery.id,
+											title: data.gallery.title
+										};
+									}
+								};
+							}
+							break;
+						case "collections":
+							$.extend(fromDataUrl, {
+								method: "flickr.collections.getTree",
+								collection_id: urlMatch[4]
+							});
+							break;
+						default:
+							fromDataUrl.method = "flickr.photos.search";
+							break;
+					}
+					$.extend(fromDataUrl, {
+						username: urlMatch[2],
+						type: urlMatch[3]
+					});
+				}
+            }
+        }
+		
+        var datasourceOptions = jQuery.extend({}, defaults, fromDataUrl, options.dataSourceOptions, fixedOptions);
+		
+        datasourceOptions.media = "photos";
+        if (datasourceOptions.user && datasourceOptions.photoset_id)
+            datasourceOptions.method = "flickr.photosets.getPhotos";
+
+        var screenSize = screen.width > screen.height ? screen.width : screen.height;
+        
+        // Save resources for smaller screens:
+        if (!datasourceOptions.imageSize || (screenSize.width <= 800 && datasourceOptions.imageSize != "medium"))
+            datasourceOptions.imageSize = "medium";
+
+		if (requireLookup)
+		{
+			$.jsonp({
+				url: flickrApiUrl,
+				async: false,
+				dataType: 'jsonp',
+				data: $.extend({ url: options.dataUrl, method: lookupData.method }, fixedOptions),
+				callbackParameter: "jsoncallback",
+				success: function(data)
+				{
+					$.extend(datasourceOptions, lookupData.onData(data));
+					getData();
+				}
+			});
+		}
+		else
+			getData();
+		
+		function getData()
+		{
+			var returnData = {};
+			
+			if (options.onLoadBegin)
+				options.onLoadBegin();
+
+			$.jsonp({
+				url: flickrApiUrl,
+				async: false,
+				dataType: 'jsonp',
+				data: datasourceOptions,
+				callbackParameter: "jsoncallback",
+				success: function(data)
+				{
+					returnData.images = self.getImagesDataFromJson(data, datasourceOptions);
+					
+					if (data.photosets || data.collections)
+						$.extend(returnData, {
+							createGroups: true
+						});
+						
+					if (returnData.images.length > 0 && ((datasourceOptions.setThumbnail && !datasourceOptions.setSinglePhotosetThumbnails) || options.isSingleLink))
+					{
+						$.extend(returnData, {
+							isGroup: true,
+							link: getPhotosetUrl(data.photoset.owner, data.photoset.id),
+							thumbnailSrc: options.isSingleLink ? undefined : getImageUrl(data.photoset.photo[0], flickrImageSizes[datasourceOptions.thumbsize]),
+							title: "None"
+						});
+					}
+				
+					if (callback)
+						callback(returnData);
+
+					if (options.onLoadComplete)
+						options.onLoadComplete();
+				},
+				error : function(xOptions, textStatus){
+					if (options.onLoadError)
+						options.onLoadError("Flickr plugin encountered an error while retrieving data");
+				}
+			});
+		}
+    }
+	
+	
+    var flickrImageSizes = {
+        smallSquare : "_s", // 75x75
+        thumbnail : "_t", // 100px
+        small : "_m", // 240px
+        medium : "", // 500px
+        large : "_b", // 1024px
+        original : "_o"
+    };
+    function getImageUrl(photoData, size)
+    {
+        return "http://farm" + photoData.farm + ".static.flickr.com/" + photoData.server + "/" + (photoData.primary || photoData.id) + "_" + photoData.secret + size + ".jpg";
+    }
+    function getPhotosetUrl(userid, photosetId)
+    {
+         return prepareUrl(flickrUrl + "photos/" + userid + "/sets/" + photosetId + "/");
+    }
+    // makes sure a string can be used as a Flickr url
+    function prepareUrl(url)
+    {
+        return url.replace(/\s/g, "_");
+    }
+    this.getImagesDataFromJson = function(data, datasourceOptions)
+    {
+		var isPhotos = data.photoset || data.photos;
+		var photos;
+		if (isPhotos)
+			photos = data.photoset ? data.photoset.photo : data.photos.photo;
+		else if (data.photosets)
+			photos = data.photosets.photoset;
+		else if (data.collections)
+			photos = data.collections.collection[0].set;
+			
+		var imagesData = [];
+		var inSet = data.photoset ? "/in/set-" + data.photoset.id : "";
+		
+		// Photos:
+		if (photos)
+		{
+			var thumbSuffix = flickrImageSizes[datasourceOptions.thumbsize];
+			var imageSuffix = flickrImageSizes[datasourceOptions.imageSize];
+			
+			jQuery.each(photos, function(i, photo){
+				var imageData = {
+					thumbnailSrc : getImageUrl(photo, thumbSuffix),
+					link: prepareUrl(flickrUrl + "photos/" + (photo.owner || datasourceOptions.user_id) + "/" + photo.id + inSet),
+					media: {
+						src: getImageUrl(photo, imageSuffix),
+						title: isPhotos ? photo.title : photo.title._content + (!isPhotos ? " (" + photo.photos + " images)" : ""),
+						alt: photo.title._content || photo.title,
+						description: photo.description ? photo.description._content : undefined
+					}
+				};
+				
+				if (!isPhotos)
+					imageData.data = { photoset_id: photo.id };
+					
+				imagesData.push(imageData);
+			});
+		}
+		
+		return imagesData;
+    }
+}

data/lib/orange-flickr/assets/js/yoxview/data/flickr.min.js

@@ -0,0 +1,19 @@
+/*!
+ * Yox Flickr plugin
+ * http://yoxigen.com/yoxview/
+ *
+ * Copyright (c) 2010 Yossi Kolesnicov
+ *
+ * Licensed under the MIT license.
+ * http://www.opensource.org/licenses/mit-license.php
+ *
+ * Date: 17th July, 2010
+ * Version : 1.6
+ */
+function yox_flickr(){function m(a,j){return"http://farm"+a.farm+".static.flickr.com/"+a.server+"/"+(a.primary||a.id)+"_"+a.secret+j+".jpg"}var g=jQuery,o="http://www.flickr.com/",p="http://api.flickr.com/services/rest/",r=/\d+@N\d+/,s=/http:\/\/(?:www\.)?flickr\.com\/(\w+)\/(?:([^\/]+)\/(?:(\w+)\/?(?:([^\/]+)\/?)?)?)?(?:\?(.*))?/,t=this,q={api_key:"cd6c91f9721f34ead20e6ebe03dd5871",format:"json"};this.getImagesData=function(a,j){function k(){var b={};a.onLoadBegin&&a.onLoadBegin();g.jsonp({url:p,
+async:false,dataType:"jsonp",data:e,callbackParameter:"jsoncallback",success:function(h){b.images=t.getImagesDataFromJson(h,e);if(h.photosets||h.collections)g.extend(b,{createGroups:true});if(b.images.length>0&&(e.setThumbnail&&!e.setSinglePhotosetThumbnails||a.isSingleLink))g.extend(b,{isGroup:true,link:(o+"photos/"+h.photoset.owner+"/sets/"+h.photoset.id+"/").replace(/\s/g,"_"),thumbnailSrc:a.isSingleLink?undefined:m(h.photoset.photo[0],n[e.thumbsize]),title:"None"});j&&j(b);a.onLoadComplete&&a.onLoadComplete()},
+error:function(){a.onLoadError&&a.onLoadError("Flickr plugin encountered an error while retrieving data")}})}var i=true,l={method:"flickr.urls.lookupUser",onData:function(b){return{user_id:b.user.id,username:b.user.username._content}}},c={};if(a.dataUrl){var d=a.dataUrl.match(s),f;if(d[5]){f=Yox.queryToJson(d[5]);g.extend(c,f)}if(d&&d.length>1)if(d[1]=="search"){c.method="flickr.photos.search";c.text=f.q;if(f.w){f.w=f.w.replace("%40","@");if(f.w.match(r))c.user_id=f.w}if(!f||!f.sort)c.sort="relevance";
+i=false}else{switch(d[3]){case undefined:c.method="flickr.people.getPublicPhotos";break;case "sets":g.extend(c,{method:d[4]||a.dataSourceOptions.photoset_id?"flickr.photosets.getPhotos":"flickr.photosets.getList",photoset_id:d[4]});break;case "galleries":g.extend(c,{method:d[4]?"flickr.galleries.getPhotos":"flickr.galleries.getList",gallery_id:d[4]});if(d[4]){i=true;l={method:"flickr.urls.lookupGallery",onData:function(b){return{gallery_id:b.gallery.id,title:b.gallery.title}}}}break;case "collections":g.extend(c,
+{method:"flickr.collections.getTree",collection_id:d[4]});break;default:c.method="flickr.photos.search";break}g.extend(c,{username:d[2],type:d[3]})}}var e=jQuery.extend({},{imageSize:"medium",thumbsize:"smallSquare",setThumbnail:true,setSinglePhotosetThumbnails:true,setTitle:true,method:"flickr.photosets.getList",extras:"description"},c,a.dataSourceOptions,q);e.media="photos";if(e.user&&e.photoset_id)e.method="flickr.photosets.getPhotos";c=screen.width>screen.height?screen.width:screen.height;if(!e.imageSize||
+c.width<=800&&e.imageSize!="medium")e.imageSize="medium";i?g.jsonp({url:p,async:false,dataType:"jsonp",data:g.extend({url:a.dataUrl,method:l.method},q),callbackParameter:"jsoncallback",success:function(b){g.extend(e,l.onData(b));k()}}):k()};var n={smallSquare:"_s",thumbnail:"_t",small:"_m",medium:"",large:"_b",original:"_o"};this.getImagesDataFromJson=function(a,j){var k=a.photoset||a.photos,i;if(k)i=a.photoset?a.photoset.photo:a.photos.photo;else if(a.photosets)i=a.photosets.photoset;else if(a.collections)i=
+a.collections.collection[0].set;var l=[],c=a.photoset?"/in/set-"+a.photoset.id:"";if(i){var d=n[j.thumbsize],f=n[j.imageSize];jQuery.each(i,function(e,b){var h={thumbnailSrc:m(b,d),link:(o+"photos/"+(b.owner||j.user_id)+"/"+b.id+c).replace(/\s/g,"_"),media:{src:m(b,f),title:k?b.title:b.title._content+(!k?" ("+b.photos+" images)":""),alt:b.title._content||b.title,description:b.description?b.description._content:undefined}};if(!k)h.data={photoset_id:b.id};l.push(h)})}return l}};

data/lib/orange-flickr/assets/js/yoxview/install.htm

@@ -0,0 +1,116 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" >
+<head>
+    <title>YoxView Installation Instructions</title>
+    <style type="text/css">
+        body{ margin-bottom: 1em; font-family: Arial, Sans-Serif; }
+        #main{ width: 800px; margin: 0 auto;}
+        pre{ 
+            font-family: Courier New;
+	        font-size: 10pt;
+	        background: #c7d2d8;
+	        background: rgba(102, 133, 150, 0.34);
+	        border: solid 1px #768ea5;
+	        padding: 10px 15px;
+	        margin-top: 0.5em;
+	        margin-bottom: 2em;
+	        color: Black;
+	        overflow: auto;
+	        -moz-border-radius: 10px;
+	        -moz-border-radius-topright: 0;
+	        -moz-border-radius-topleft: 0;
+	        -webkit-border-radius: 10px;
+	        -webkit-border-top-left-radius: 0;
+	        -webkit-border-top-right-radius: 0;
+	    }
+	    a{ color: #0084e0; text-decoration: none;}
+        a:hover{ text-decoration: underline; }
+        p#lastUpdate{ font-size: smaller; margin-top: 2em; color: #666; }
+    </style>
+</head>
+<body>
+<div id="main">
+    <h1>YoxView Installation Instructions</h1>
+    <p>For full usage instruction and information, please refer to the <a href="http://yoxigen.com/yoxview/usage.aspx">
+        YoxView usage page</a>.</p>
+    <a href="#thumbnails">
+    1. Prepare your thumbnails<br />
+    </a><a href="#load">2. Load YoxView</a><br />
+    <a href="#options">
+    3. Options<br />
+    </a><a href="#plugins">
+    4. Plugins (Picasa/Flickr)</a><br /><br />
+    
+    <h2 id="installation">Installation</h2>
+<ol>
+    <li>
+        <h3>Create your thumbnails</h3>
+        Your thumbnails should be placed inside a container and link to their respective full-size images, like this:
+<pre>&lt;div class="yoxview"&gt;
+    &lt;a href="img/01.jpg"&gt;&lt;img src="img/thumbnails/01.jpg" alt="First" title="First image" /&gt;&lt;/a&gt;
+    &lt;a href="img/02.jpg"&gt;&lt;img src="img/thumbnails/02.jpg" alt="Second" title="Second image" /&gt;&lt;/a&gt;
+&lt;/div&gt;
+</pre>
+<p>The viewer displays the TITLE attribute of the image tag as the image's title inside the viewer, so it's recommended to use it.</p>
+<p>Note - If you use YoxView's <a href="#plugins">plugins</a> to get your images from Flickr/Picasa, it creates the thumbnails for you, so you can bypass this step.</p>
+    </li>
+    <li>
+        <h3>Include the YoxView script in your page</h3>
+        Put the following line in the HEAD section of your page (just make sure that the
+        SRC points to the correct folder):<br />
+        <pre class="script">&lt;script type="text/javascript" src="yoxview/yoxview-init.js"&gt;&lt;/script&gt;</pre>
+    </li>
+    <li>
+        <h3>Apply YoxView to &nbsp;the element that contains your thumbnails</h3>
+        <ul>
+            <li><h4>Simple use (use if you don't know jQuery or as a shortcut):</h4>
+                First make sure that the element containing your thumbnails has the class "yoxview",
+                like shown above (&lt;div <strong>class="yoxview"</strong>&gt;). Then, 
+                open the file yoxview-init.js and uncomment the last line:<br />
+                <pre class="script">LoadScript(yoxviewPath + "yoxview-nojquery.js");</pre>
+            </li>
+            <li>
+                <h4>Regular jQuery plugin use:</h4>
+                (Don't forget to call it from within $(document).ready!)
+                <pre>$("#thumbnails").yoxview([options]);</pre>
+            </li>
+        </ul>
+    </li>
+</ol>
+<span class="demo"><strong>Demo</strong>: <a href="http://www.yoxigen.com/yoxview/demo/demo - basic usage.html">Basic installation and usage</a></span>
+<h2 id="options">3. Options</h2>
+   You can specify options when calling YoxView, either from your script or, if you're using the yoxview-nojquery.js file, from there.
+<pre>$("#thumbnails").yoxview({
+    backgroundColor: 'Blue',
+    playDelay: 5000
+});</pre>
+<span class="demo"><strong>Demo</strong>: <a href="http://www.yoxigen.com/yoxview/demo/demo - customizing with options.html">Using options</a></span><br />
+    For a full list of available options <a href="http://yoxigen.com/yoxview/usage.aspx#options">
+        click here</a>.
+        <h2 id="plugins">4. Plugins</h2>
+        <span class="demo"><strong>Demo</strong>: <a href="http://www.yoxigen.com/yoxview/demo/demo - using plugins.html">Using the YoxView plugins</a></span><br />
+        For complete information and usage instructions for YoxView plugins, <a href="http://yoxigen.com/yoxview/plugins.aspx">
+        click here</a>.
+        <p> YoxView is capable of displaying images from external sources, such as Picasa or Flickr. Images and information about them are retrieved using AJAX (or JSONP) and thumbnails are then created in the page.</p>
+        <p>Images from outside sources can be retrieved using the <em>dataUrl</em> option,
+        by copying a URL from one of the supported data sources.
+    Here's an example of adding an album from picasa to your web page (the scripts can
+    be either in the HEAD or BODY of your page):</p>
+    <pre>&lt;script type="text/javascript" src="yoxview/yoxview-init.js"&gt;&lt;/script&gt;
+&lt;script type="text/javascript"&gt;
+    $(document).ready(function(){
+        $("#yoxview_picasa").yoxview({ 
+            dataUrl: 'http://picasaweb.google.com/yoxigen/Trips'
+        });
+    });
+&lt;/script&gt;
+
+&lt;div id="yoxview_picasa"&gt;&lt;/div&gt;</pre>
+    <a href="http://yoxigen.com/yoxview/plugins.aspx#urlsTable">
+Click here</a> for a full list of supported data URL's.
+    <p id="lastUpdate">
+        Last update to this file: May 20th, 2010
+    </p>
+    </div>
+</body>
+</html>