/**
 * Plugin: jquery.zFlickrFeed
 * 
 * Version: 1.0.1
 * (c) Copyright 2010, Zazar Ltd
 * 
 * Description: jQuery plugin for display of Flickr photo feeds
 * 
 * History:
 * 1.0.1 - Corrected issue with multiple instances
 *
 **/

(function($){

	$.fn.flickrfeed = function(userid, tags, options) {	
	
		// Set pluign defaults
		var defaults = {
			limit: 10,
			header: true,
			imagesize: 'square',
			titletag: 'h4',
			title: false,
			date: true
		};  
		var options = $.extend(defaults, options); 
		
		// Functions
		return this.each(function(i, e) {
			var $e = $(e);

			// Add feed class to user div
			if (!$e.hasClass('flickrFeed')) $e.addClass('flickrFeed');

			// Define Flickr feed API address
			var api = 'http://api.flickr.com/services/feeds/photos_public.gne?lang=en-us&format=json&jsoncallback=?';
			if (userid != '') api += '&id=' + userid;
			if (tags != '') api += '&tags=' + tags;

			// Send request
			$.getJSON(api, function(data){

				// Process the feeds
				_callback(e, data, options);
			});				
		});
	};
	
	// Callback function to create HTML result
	var _callback = function(e, data, options) {
		if (!data) {
			return false;
		}
		var html = '';	
		var row = 'odd';
		
		// Add header if required
		if (options.header)

			var desc = data.description;	
			if (desc == '') desc = data.title;

			/*
			html +=	'<div class="flickrHeader">' +
				'<a href="'+ data.link +'" title="'+ desc +'" target="_blank">'+ data.title +'</a>' +
				'</div>';
				*/
			
			html += '<h3><a href="http://www.flickr.com/photos/muziekweek/" target="_blank">Flickr</a></h3>';
		// Add body
		
		// html += '<p><a href="http://www.flickr.com/photos/mcnederland/" target="_blank">Gaudeamus Muziekweek on Flickr</a></p>'
		
		html += '<div class="flickrBody">' +
			'<ul>';

		var feeds = data.items;
		var count = feeds.length;
		if (count > options.limit) count = options.limit;
		
		// Add feeds
		for (var i=0; i<count; i++) {
			
			// Get individual feed
			var photo= feeds[i];
			var link = '<a href="'+ photo.link + '" title="'+ photo.title +' (View on Flickr)" target="_blank">';

			// Add feed row
			html += '<li class="flickrRow '+ row +'">';
			
			// Select image size
			var src = photo.media.m;
			if (options.imagesize == 'square') src = src.replace('_m', '_s');
			if (options.imagesize == 'thumbnail') src = src.replace('_m', '_t');
			if (options.imagesize == 'medium') src = src.replace('_m', '');

			html += link +'<img src="'+ src +'" alt="'+ photo.title +'" width="55" height="55" /></a>'

			// Add title if required
			if (options.title)	html += '<'+ options.titletag +'>'+ photo.title +'</'+ options.titletag +'>';

			// Add date if required
			if (options.date)
				var photoDate = new Date(photo.date_taken);
				photoDate = photoDate.toLocaleDateString() + ' ' + photoDate.toLocaleTimeString();

				html += '<div>'+ photoDate +'</div>';

			html += '</li>';
			
			// Alternate row classes
			if (row == 'odd') {
				row = 'even';
			} else {
				row = 'odd';
			}			
		}
		
		html += '</ul>' +
			'<div class="clear">&nbsp;</div></div>'
		
		$(e).html(html);
	};
})(jQuery);