/*!
 * sldshw - v0.1
 *
 * Flickr slideshows for jQuery/ Javascript. No vowels!
 *
 * Copyright (c) 2010 Kelvin Luck
 * Dual licensed under the MIT and GPL licenses.
 */

(function($,window,undefined)
	{

		function SldShw(elem, s)
		{

			function initialise(settings) {
				var params = {
						api_key: settings.apiKey,
						format: 'json',
						method: 'flickr.' + settings.action,
						extras: 'owner_name,path_alias,url_' + settings.imageSize,
						per_page: settings.numPhotos,
						page: settings.page
					},
					containerW = elem.width(),
					containerH = elem.height(),
					containerRatio = containerW / containerH,
					ul = $('<ul/>').width(containerW).height(containerH);

				elem.empty().append(
					$('<div class="sldshow"/>').append(ul)
				);

				if (settings.tags) {
					params.tags = settings.tags;
				}

				switch (settings.action) {
					case 'favorites.getPublicList':
						params.user_id = settings.userId;
						break;
					case 'groups.pools.getPhotos':
						params.group_id = settings.groupId;
						break;
					case 'photos.search':
						params.sort = settings.sort;
						break;
					case 'people.getPublicPhotos':
						params.user_id = settings.userId;
						break;
					default:
						throw new Error('Invalid action set');
				}
				$.ajax(
					{
						url: settings.flickrApiEndpoint,
						dataType: 'jsonp',
						jsonp: 'jsoncallback',
						data: params
					}
				).success(
					function(data, status, xhr)
					{
						var lis = [], currentImageIndex = -1;
						$.each(
							data.photos.photo,
							function(i, photo)
							{
								var w = photo['width_' + settings.imageSize],
									h = photo['height_' + settings.imageSize],
									photoRatio = w / h,
									li = $('<li />'),
									destW, destH, destX, destY, scale;
								if (settings.cropToContainer) {
									if (photoRatio > containerRatio) {
										scale = containerH / h;
									} else {
										scale = containerW / w;
									}
								} else {
									if (photoRatio > containerRatio) {
										scale = containerW / w;
									} else {
										scale = containerH / h;
									}
								}
								w = Math.round(w * scale);
								h = Math.round(h * scale);
								destX = (containerW - w) /2;
								destY = (containerH - h) /2;
								ul.append(
									li.css(
										{
											width: containerW,
											height: containerH,
											display: 'none'
										}
									).append(
										$('<img/>')
											.attr('src', photo['url_' + settings.imageSize])
											.css(
												{
													width: w,
													height: h,
													top: destY,
													left: destX
												}
											),
										$('<div>photo by </div>').append(
											$('<a>' + photo.ownername + '</a>')
												.attr(
													{
														href: 'http://www.flickr.com/photos/' + photo.pathalias + '/' + photo.id,
														target: '_blank'
													}
												)
										)
									)
								);
								lis.push(li);
							}
						);
						function showNextImage()
						{
							if (currentImageIndex > -1) {
								lis[currentImageIndex].fadeOut(settings.fadeTime);
							}
							currentImageIndex ++;
							if (currentImageIndex == lis.length) {
								elem.trigger('sldshwcomplete');
								if (settings.loop) {
									currentImageIndex = 0;
								} else {
									return;
								}
							}
							lis[currentImageIndex].fadeIn(
								settings.fadeTime,
								function()
								{
									setTimeout(showNextImage, settings.displayTime);
								}
							);
						}
						showNextImage();
					}
				);
			}

			initialise(s);

			return {
				reinitialise: function(settings)
				{
					initialise(settings);
				}
			}
		}

		$.fn.sldshw = function(settings)
		{
			settings = $.extend({}, $.fn.sldshw.defaults, settings);

			return this.each(
				function()
				{
					var elem = $(this),
						jspApi = elem.data('sldshw');
					if (jspApi) {
						jspApi.reinitialise(settings);
					} else {
						jspApi = new SldShw(elem, settings);
						elem.data('sldshw', jspApi);
					}
				}
			);
		}

		$.fn.sldshw.defaults = {
			// The number of milliseconds to show each picture for
			displayTime: 6000,
			// The number of milliseconds to spend fading between each picture
			fadeTime: 1000,
			// Whether to crop the images to the size of the container (true) or to size them so that the fit within
			// the bounds of the container (false)
			cropToContainer: true,
			// Whether the slideshow should loop when it reaches the end
			loop: true,
			// The number of images to load
			numPhotos: 10,
			// The page of results to load
			page: 1,
			// The sort order to pass to Flickr - one of:
			// date-posted-asc, date-posted-desc, date-taken-asc, date-taken-desc, interestingness-desc,
			// interestingness-asc, and relevance
			sort: 'interestingness-desc',
			// Which size image to load (it will be sized to fit in the container anyway) - one of:
			// sq, t, s, m, z, l, o
			imageSize: 'm',
			// The endpoint on flickr.com to connect to - should never change...
			flickrApiEndpoint: 'http://api.flickr.com/services/rest/'
		};
	}
)(jQuery,this);