var max = 3;
var current = 1;
var fader;


$(document).ready(function() {
	if($('.fade_container .fade_content').length > 1){
		max = $('.fade_container .fade_content').length;
		fader = setInterval("fade()", 6000 );
		
		
	}
	
	if($('.fade_button').length > 1){
		$('.fade_button').click(function(e){
			fade(e);
		});
		
	}
	
	
	
	
	
	
});




var fade = function(e){
	
	if(typeof(e) == 'undefined'){
		sel_id = current + 1;
		
		if(sel_id > max){
			sel_id = 1;
			current = 1;
			old = max;
		} else {
			old = current;
		}
		current = sel_id;
	} else {
		clearInterval(fader);
		sel_id = $(e.currentTarget).attr('id').replace('fader_sel', '');
		old = current;
	}

	if($('.fade_button').length > 1){
		$('.fade_button').removeClass('on').addClass('off');
		$('#fader_sel'+sel_id).removeClass('off').addClass('on');
	}
	
	$('#fader_'+sel_id).css('z-index', '10').fadeIn(1500, function() {
		// Animation complete
		$('#fader_'+sel_id).css('z-index', '5');
		$('#fader_'+old).hide();
	});
	
	$('#fade_box'+old).fadeOut(500, function(){
		$('#fade_box'+sel_id).fadeIn(1500, function() {
		// Animation complete
		//$('#fade_box'+sel_id).css('z-index', '5');
		//$('#fade_box'+old).fadeOut(500, function(){
			
		});
	});
	current = sel_id;
}