$(document).ready(function () {
	
	setTimeout( "imageChanger()", 5000);
	

});

function imageChanger() {
	
	var selected, next;
	var li 				= $( "#logo li" );
	var count 		= $( li ).size();
	var duration  = 1800;

	$( li ).each(function( index ) {
		if( $( this ).hasClass( "selected" ))
			selected = index;
	});	

	next = selected + 1;

	if( selected == ( count - 1 ) ) {
		selected 	= count - 1;
		next			= 0;
	}

	$( li[ selected ] )
		.removeClass( "selected" )
		.fadeOut( duration );				
	
	$( li[ next ] )
		.css( "zIndex", $( li[ selected ] ).css( "zIndex" ))
		.addClass( "selected" )
		.fadeIn( duration );		

	setTimeout( "imageChanger()", 5000);
		
}