(function($) {
	
    $.showreel = function(options) {
		
        var defaults = {
			
		};
		
		var settings = $.extend(defaults, options);
		
		function showItem(e) {
			
			e.preventDefault();
			
			$('#list li').removeClass('active');
			
			var listitem = $(this).parent();
			
			var index = listitem.index();
			
			listitem.addClass('active');
			
			$('#reel .active').removeClass('active');
			
			var reelitem = $('#reel .reelitem').get(index);
			
			$(reelitem).addClass('active');
			
			Cufon.set('fontFamily', 'DINOT-Bold').replace('#showreel #list .active a');
			
			Cufon.set('fontFamily', 'DINOT-Regular').replace('#showreel #list li:not(.active) a');
			
		}
		
		if (settings.items.length > 0) {
			
			var showreel = $('#showreel');
			
			var reel = $('<div/>', { id: 'reel' }).appendTo(showreel);
			
			var list = $('<ul/>', { id: 'list' }).appendTo(showreel);
			
			var badge = $('<div/>', { id: 'badge' }).appendTo(showreel);
			
			for (i = 0; i < settings.items.length; i++) {
				
				var reelitem = $('<div/>').addClass('reelitem').appendTo($('#reel'));
				
				$('<img/>', { src: settings.items[i].image }).appendTo(reelitem);
				
				var content = $('<div/>').addClass('content').appendTo(reelitem);
				
				$('<h3/>').text(settings.items[i].title).appendTo(content);
				
				$('<p/>').text(settings.items[i].text).appendTo(content);
				
				if (settings.items[i].page) {
				
					var button = $('<p/>').addClass('button').appendTo(reelitem);
					
					$('<a/>', {
						
						href	: settings.items[i].page,
						title	: settings.items[i].title,
						text	: 'Read more'
						
					}).appendTo(button);
					
				}
				
				var listitem = $('<li/>');
				
				if (i === 0) {
					
					listitem.addClass('first');
					
				}
				
				if (i === (settings.items.length - 1)) {
					
					listitem.addClass('last');
					
				}
				
				var anchor = $('<a/>', {
							   
					href	: settings.items[i].page,
					title	: settings.items[i].title,
					text	: settings.items[i].title
					
				});
				
				anchor.bind('click', showItem);
				
				listitem.append(anchor);
				
				list.append(listitem);
				
			}
			
			Cufon.set('fontFamily', 'DINOT-Bold').replace('#showreel #reel h3');
			
			Cufon.set('fontFamily', 'DINOT-Bold').replace('#showreel #list .active a');
			
			Cufon.set('fontFamily', 'DINOT-Regular').replace('#showreel #list li:not(.active) a');
			
			var rand_no = Math.floor(settings.items.length * Math.random());
			
			var listitem = $('#list li').get(rand_no);
			
			$(listitem).addClass('active');
			
			var reelitem = $('#reel .reelitem').get(rand_no);
			
			$(reelitem).addClass('active');
			
		}
		
	}
	
})(jQuery);