(function($)
{
	$.fn.vimeogallery = function( settings )
	{
		return this.each(function()
		{
			var container = $(this);
			var config = $.extend(true, {
				apiEndpoint: 'http://vimeo.com/api/v2/',
				oEmbedEndpoint: 'http://vimeo.com/api/oembed.json',
				vimeoUsername: '',
				width:'504',
				height:'280',
				autoplay:false
			}, settings);
			
			function getVideo( url ) 
			{
				$.ajax({
					url:config.oEmbedEndpoint + 
						'?url=' + url + 
						'&width=' + config.width + 
						'&height=' + config.height + 
						( config.autoplay ? '&autoplay=true' : '' ),
					dataType:'jsonp',
					success:function( video )
					{
						$('.vimeo-embed', container).html( unescape( video.html ) );
					}
				});
			}
			
//			$(this).append('<div class="vimeo-stats-wrapper"><h2></h2></div>');
			$(this).append('<div class="vimeo-video-wrapper"><div class="vimeo-embed"></div><div class="vimeo-thumbs"><ul></ul></div></div>');
			
			$.ajax({
				url:config.apiEndpoint + config.vimeoUsername + '/videos.json',
				dataType:'jsonp',
				success:function( videos )
				{
//					$('.vimeo-stats-wrapper', container).prepend('<img class="portrait" src="' + videos[0].user_portrait_medium + '" />');
//					$('.vimeo-stats-wrapper h2', container).text(videos[0].user_name + "'s Videos");
					
					getVideo( videos[0].url );
					
					for (var i = 0; i < videos.length; i++) 
					{
						var html = [];
						html.push( '<li>' );
						html.push( '<p>' );
						html.push( '<a href="' + videos[i].url + '">' );
						html.push( '<img src="' + videos[i].thumbnail_medium + '" class="thumb" />' );
						html.push( videos[i].title );
						html.push( '</a>' );
						html.push( '</p>' );
						html.push( '</li>' );
						
						$('.vimeo-thumbs ul', container).append( html.join('') );
					}
					
					$('.vimeo-thumbs a', container).click(function( e ) 
					{
						e.preventDefault();
						getVideo( this.href );
						return false;
					});
				}
			});
		});
	};
	
})(jQuery);

