var slide_item = '#slides img';
var animate_time = 20000;

$( document ).ready( function(){
	var all_images = $( slide_item ).length;
	
	if ( all_images < 1 ) return;
	
	var zindex = all_images;
	$( slide_item ).each( function(){
		$( this ).css( { 'z-index': zindex } );
		zindex--;
	});
	
	start_images_slides( all_images );
	start_slogan_slides();
})

function start_images_slides( num ) {
	var index = 0;
	var next;
	var interval = window.setInterval( function(){
		
		if ( index == num ) index = 0;
		
		next = index + 1;
		
		if ( next == num ) next = 0;
		
		$( slide_item + ":eq(" + index + ")" ).fadeOut(1200);
		$( slide_item + ":eq(" + next + ")" ).fadeIn(1200);
		
		index++;
		
	}, animate_time);
}

function start_slogan_slides(){
	var num_slogans = $( '#top-served span' ).length;
	var index = 0; var next;
	
	window.setInterval( function(){
		
		if ( index == num_slogans ) index = 0;
		
		next = index + 1;
		
		if ( next == num_slogans ) next = 0;
		
		$( '#top-served span:eq('+ index +')' ).fadeOut( 500, function(){
			$( '#top-served span:eq('+ next +')' ).fadeIn( 500 );
		});
		
		index++;
		
	}, 6000);
}