// JavaScript Document
$(document).ready(function(e) {
	
	$('div#slider-container ul#slider-content li:first').addClass('visible').fadeIn('slow', function() {
		$('div#slider-container ul#slider-navigation li:first').addClass('selected');
	});
    
	$('div#slider-container ul#slider-navigation li').click(function(e) {
        
		$('div#slider-container ul#slider-navigation li.selected').removeClass('selected');
		$(this).addClass('selected');
		
		var selected_index = $('div#slider-container ul#slider-navigation li').index(this);
		$('div#slider-container ul#slider-content li.visible').removeClass('visible').fadeOut('slow',function(){
			$($('div#slider-container ul#slider-content li').get(selected_index)).addClass('visible').fadeIn('slow');
		});
		
    });
	
	setInterval(function() {
		var selected_index_navigation = $('div#slider-container ul#slider-navigation li').index($('.selected'));
		$('div#slider-container ul#slider-navigation li.selected').removeClass('selected');
		$('div#slider-container ul#slider-content li.visible').removeClass('visible').fadeOut('slow', function(){
				selected_index_navigation = (selected_index_navigation + 1) % 4;
				$($('div#slider-container ul#slider-content li').get(selected_index_navigation)).addClass('visible').fadeIn('slow',
					function() {
						$($('div#slider-container ul#slider-navigation li').get(selected_index_navigation)).addClass('selected');
				});
		});
	}, 10000);
	
});