/*
 * top.js
 *
 */

$(document).ready(function(){
	var mainImage = new MainImage();

	$(".indexBlockA01").each(function(){
		$(this).find(".indexA01:eq(0)").addClass("first");
		$(this).find(".indexA01:eq(4)").addClass("last");
		$(this).find(".indexA01:eq(5)").addClass("first");
		$(this).find(".indexA01:eq(9)").addClass("last");
	});

	$("#topLNav div img").click(function(){
		$("#topLNav div").removeClass("stay");
		$("#topLNav div img").addClass("oHover");
		$(this).parent("div").addClass("stay");
		$(this).animate({opacity: 1}, 0).removeClass("oHover");
		
		if($(this).attr("id") == "all"){
			$(".indexBlockA01").hide();
			$("#topTopics").show();
		} else if ($(this).attr("id") == "akichi") {
			$(".indexBlockA01").hide();
			$("#topAkichi").show();
		} else if ($(this).attr("id") == "works") {
			$(".indexBlockA01").hide();
			$("#topWorks").show();
		}
	});
});

function MainImage(){
	var imgNum = $("#mainImage div.image").length;
	var current = 1;
	var timer = setInterval(rotateImg, 8000);
	
	$("#mainImage .button img").click(function(){
		var id = $(this).attr("id").replace("Button", "");

		var selected = parseInt(id.replace("image", ""));
		if(selected != current){
			$("#mainImage .button img").each(function(){
				$(this).attr("src", $(this).attr("src").replace(/^(.+)_s(\.[a-z]+)$/, "$1$2"));
			});
			$(this).attr("src", $(this).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_s$2"));
			var old = current;
			current = selected;
			var currentId = "#" + id;
			var oldId = "#image" + old;
			$("#mainImage div.image").css("z-index", 1);
			$(currentId).css("z-index", 2).fadeIn("normal", function(){
				$(oldId).hide();
			});
			clearInterval(timer);
			timer = setInterval(rotateImg, 8000);
		}
	});
	
	function rotateImg(){
		var old = current;
		current++;
		if(current > imgNum) current = 1;
		
		var id = "#image" + current;
		var oldId = "#image" + old;
		$("#mainImage div.image").css("z-index", 1);
		$(id).css("z-index", 2).fadeIn("normal", function(){
			$(oldId).hide();
		});
		
		$("#mainImage .button img").each(function(){
			$(this).attr("src", $(this).attr("src").replace(/^(.+)_s(\.[a-z]+)$/, "$1$2"));
		});
		var buttonId = "#image" + current + "Button";
		$(buttonId).attr("src", $(buttonId).attr("src").replace(/^(.+)(\.[a-z]+)$/, "$1_s$2"));
	}
}