var timerID;
$(function(){
	$("#special .navi a").click(function(){
		var myclass;
		myclass=$(this).attr('className');
		if($("#" + myclass).attr('className')!=='show'){
			changeImage(myclass);
			return false;
		}
		if($("#" + myclass).attr('className') == 'show' && myclass == "special01"){
			$('a' , "#" + myclass).trigger('click');
			return false;
		}
	});
	function changeImage(myclass){
		myclass = (myclass=='') ? false : myclass;
		var now = $("p.show");
		
		if(!myclass) return false;
		if(now.attr('id')==myclass) return false;
		
		next = $("#" + myclass);
		now.fadeOut(500,function(){next.fadeIn(700);});

		now.removeClass('show');
		next.addClass('show');
	}
	
	timerID = setInterval(slideShow,6000);
	
	function slideShow(){
		if($("#overlay").length == 0){ // ビデオ表示中は切り替えない
			var now = $('p.show').attr('id');
			var next;
			if(now == "special01") next = "special02";
			if(now == "special02") next = "special03";
			if(now == "special03") next = "special01";
			changeImage(next);
		}
	}
	
	$("#special").hover(function(){
		clearInterval(timerID);
	},function(){
		timerID = setInterval(slideShow,6000);
	});
});