(function($){
	$(function(){
		
		// slider homepage
		(function(){
			
			// some caching & globals
			var slides  = $('#slider .panel'),
			    nav     = $('#slider .navigation A'),
			    current = null,
			    timeout = null;
			
			// position the slides
			slides
				.not(':first').hide(0)
				.css({
					'position' : 'absolute',
					'top'      : 0,
					'left'     : 0
				});
			
			// show the slide at the specified index
			function show(index) {
				
				if ( index == current ) return;
				
				current = index;
				
				nav
				    .removeClass('selected')
				    .eq(index)
				    .addClass('selected');
				
				slides
				    .filter('.selected')
				    .stop(true)
				    .fadeOut(200)
				    .removeClass('selected')
				    .end()
				    .eq(index)
				    .addClass('selected')
				    .stop(true)
				    .fadeIn(500);
				
				clearTimeout(timeout);
				timeout = setTimeout(next, 5000);
			}
			
			// show the next slide
			function next() {
				var next = (current + 1) % 4;
				show(next);
			}
			
			// add navigation events
			nav.click(function(e){
				e.preventDefault();
				show(nav.index(this));
			});
			
			// init - first slide
			show(0);
		})()
		
	})
})(jQuery)