//rotation menu
var up = "+1";
var down = "-1";
var moveY = 60;
var moving = false;

(function($) { 

$(function(){
	var imgs = $("#top-img .screen p");
	var list = $("#top-img ul li");
	list.each(function(){
		$(this).click(function(){btnClick(this);});
	});

	$("#top-img p.btn-prev").click(function(){go_updown(-1)});
	$("#top-img p.btn-next").click(function(){go_updown(1)});
	
	$("#top-img p, #top-img li").mouseenter(function(){
		stopAuto();
	}).mouseleave(function(){
		setAuto();
	});

	//クラス名（menu+iを付ける）
	for(i=0; i<list.size(); i++){
		imgs.eq(i).addClass("menu"+i);
		list.eq(i).addClass("menu"+i);
	}
	
	showImg();

	setAuto();

});

})(jQuery);

var moving = false;

function go_updown(arg_direct){
	if(!moving){
		hideImg();
		var ul = $("#top-img ul");
	
		if(arg_direct > 0){
			lis = $("#top-img ul li").slice(0,arg_direct);
			ul.append(lis.clone(true));
			lis.addClass("willDetach");
			
		}
		if(arg_direct < 0){
			ul.css("top",-moveY);
			li = $("#top-img ul").find("li:last").detach();
			ul.prepend(li);
		}
		
		var movingY = moveY * -arg_direct;
		moving = true;
		ul.delay(10).animate({top:"+="+movingY},500,"swing",endMove);


	}
}

var auto;
function setAuto(){
	stopAuto();
	
	auto = setTimeout("auto_next()",10000);
}

function stopAuto(){
	if(auto){
		clearTimeout(auto);
	}
}

function auto_next(){
	go_updown(up);
}

function endMove(){
	$("#top-img ul li.willDetach").detach();
	$("#top-img ul").css("top",0);
	moving = false;
	showImg();
	setAuto();
}

function btnClick(arg){
	indexSelf = $("#top-img ul li").index($(arg));
	go_updown(indexSelf);
}

function showImg(){
	var target = $("#top-img ul li").first().attr("class");
	$("#top-img .screen p."+target).fadeIn(500);
}

function hideImg(arg){
	var target = $("#top-img ul li").first().attr("class");
	$("#top-img .screen p."+target).delay(10).fadeOut(500);
}


$(document).ready(function(){
//		$("#top-img .menu ul li:not(:first)").css("opacity","0.9");
		$("#top-img .menu ul li").css("opacity","0.92");
});