(function($) {
	
	$(function($)
	{
		var bg_images = [];
		
		function getBGImageHTML(image)
		{
			return '<div class="selector_item"><img src="' + image + '" class="content" /></div>';
		}
		
		function setupNextImage()
		{
			if(!bg_images.length)
				return;
			
			var next = bg_images.pop();
			
			var item = $(getBGImageHTML(next.src)).insertAfter(next.obj);
			
			var img = item.find('img').get(0);
			
			img.onload = setupNextImage;
			
			if(img.complete)
				setupNextImage();
		}
				
		//var res = $('#bg .selector ').html().match(/src="([^"]+)/g);
		
		$('#bg .selector .bg_image_data').each(function()
		{
			bg_images.push({src: this.innerHTML, obj: this});
		});
		
		setupNextImage();
		
		var next_bg_click = false;
		
		$('#next_bg').bind('next', function(e, duration)
		{
			if(next_bg_click)
				return false;
			
			if(!duration)
				duration = 1500;
			
			next_bg_click = true;
			
			var items = $('#bg .selector_item');
			
			var item = items.eq(items.length - 2);
			
			if(!item.find('img').get(0).complete)
				return;
			
			item.addClass('selected');
			
			setupNextImage();
			
			$('#bg').trigger('next_bg');
			
			items.eq(items.length - 1).css('opacity', 1).animate({opacity: 0}, duration, function() 
			{
				$(this).attr('style', ' ').removeClass('selected').prependTo($(this).parent());
				next_bg_click = false;
			});
		});
		
		$('#next_bg').click(function()
		{
			if($(this).is('.stopped'))
			{
				$('#bg').trigger('start_slideshow');
				$(this).removeClass('stopped');
			}
			else
			{
				$('#bg').trigger('stop_slideshow');
				$(this).addClass('stopped');
			}
			
			
		});
	});
	
})(jQuery);