var clicked = false;
var slidepos = 1;

function slideshow(){
	if(!clicked){
		if(slidepos ==1){
			$('#slide_sub8').fadeOut('slow', fadeShow());
			$('#sub8').removeClass("active");
		}else{
			$('#sub'+(slidepos-1)).removeClass("active");
			$('#slide_sub'+(slidepos-1)).fadeOut('slow', fadeShow());
		}
	}
}

function fadeShow(){
	$('.slide').hide();
	$('#sub'+slidepos).addClass("active");
	$('#slide_sub'+slidepos).fadeIn('slow');
	if(slidepos == 8){
		slidepos =1;	
	}else{
		slidepos++;
	}
}

$(document).ready(function() {
	slideshow();
	$('#subnav li').click( function(){
		clicked = true;
		$('#subnav li').removeClass("active");
		$(this).addClass("active");
		var id = $(this).attr('id');
		
		$('.slide').hide();
		$('#slide_'+id).fadeIn('slow');
		$('#slide_'+(id-1)).hide();
		return false;
	});	
});

window.onload = function() {
	setInterval("slideshow()", 5000 );
}