var index_fade = 0
var gallery_size = parseInt($('#gallery img').size())
var t
$(document).ready( function() {
	if( $('#gallery').length) {

		slideShow();
	}
	
	$('#scroll_navigation span').click(function(){
		
		index_fade = $(this).index()
		clearTimeout(t)
		slideShow()
	})
	
});
function slideShow() {
	
	var caption = $('#gallery img').eq(index_fade).attr('rel')
	
	$('#gallery .caption').animate({
			opacity: 0.0,
			right: '-170px'
		},400, function() {
			$('#gallery .content').html(caption);
	});
	
	$('#gallery .caption').animate({
			opacity: 1
		},100 ).animate({
			right: '0px'
		},500 );
	
	$('#gallery img').css({'z-index':98}).removeClass('selected_index')
	$('#gallery img').eq(index_fade).css({'z-index':99}).addClass('selected_index')
	
	$('#gallery img').eq(index_fade).fadeTo(400,1,function(){
		
		//$('#gallery img').eq(index_fade - 1).css({'display':'none'})
		
		$('#gallery img').each(function(){
			
			if($(this).hasClass('selected_index')){
				
				//null
				
			}else{
				
				$(this).hide()
			}
		
		})
		
		if(index_fade != gallery_size -1){
			
			index_fade ++
		
		}else{
			
			index_fade = 0
	
		}
		
	})
	
	$('#scroll_navigation span').removeClass('nav_on');
	$('#scroll_navigation span').eq(index_fade).addClass('nav_on')
		
	
	t = setTimeout(slideShow,3500)
}