(function($){
	$.fn.slider=function() {
	
		return this.each(function(){
			
			var elements = {
				bg: $('#background-container'),
				bg_items: $('#background-container span').length,
				control: $('.slider-control'),
				slides: $('#slides'),
				button_next: $('a.next-slide'),
				button_prev: $('a.previous-slide'),
				current: 1
			};
			
			function set_position() {
				
				elements.bg
					.find('.current').removeClass('current').end()
					.find('span').eq(elements.current-1).addClass('current');
					
				elements.control
					.find('.current').removeClass('current').end()
					.find('li').eq(elements.current-1).addClass('current');
				
				elements.slides
					.find('.current').removeClass('current').end()
					.find('li').eq(elements.current-1).addClass('current');

			}
			
			elements.control
				.find('li').each(function(){
					
					$(this).live('click', function(e){
						e.preventDefault();
						elements.current = $(this).index()+1;
						set_position();
					});
					
				}).end();
			
			elements.button_next.live('click', function(e){
				e.preventDefault();
				
				if(elements.current == elements.bg_items) {
					elements.current = 1;
				} else {
					elements.current += 1;
				}
				
				set_position();
				
			});
			
			
			elements.button_prev.live('click', function(e){
				e.preventDefault();
				
				
				if(elements.current == 1) {
					elements.current = elements.bg_items;
				} else {
					elements.current -= 1;
				}
				
				set_position();
			});
			
		});
	
	};

})(jQuery);

$(function(){
		
	$('#slider').slider();
});