// JavaScript Document
$(document).ready(function(){
	//コミックス名の表示場所
	var targetTag = $('ul#comic>li>a');
	//NEXTボタンとBACKボタンの表示場所
	var nextBtn = $('ul#navi>li#rightBtn');
	var backBtn = $('ul#navi>li#leftBtn');
	//動かす箇所
	var moveTag = $('ul#comic');
	//moveTagに入ってる<li>の数を計算
	var comicListLi = parseInt(moveTag.children('li').length, 10);
	//moveTagの最終的な幅の選定
	var comicListW = comicListLi*118;
	moveTag.css('width', comicListW);	
	
	nextBtn.hover(
		function(){
			moveNext();
			$(backBtn).children('span').removeClass('hide');
		},
		function(){
			moveTag.stop();
		}
	);
	
	backBtn.hover(
		function(){ 
			moveBack();
			$(nextBtn).children('span').removeClass('hide');
		},
		function(){
			moveTag.stop();
		}
	);
	
	function moveNext(mySpeed){
		var startDuration = comicListLi * 1000;
		var nowXPos = parseInt(moveTag.css('left'), 10);		
		var moveTargetXPos = ((comicListLi - 5 ) * 118) * -1;
		var moveSpeed = (-((nowXPos-moveTargetXPos)/118)* -1000)*0.5;
		//↓移動するスピード
		//alert(moveSpeed);
		
		moveTag.animate(
			{left: moveTargetXPos},
			{duration: moveSpeed, easing: "linear",
			complete: function(){
			$(nextBtn).children('span').addClass('hide');
			},
			step: function(){}
			}
		);
	};
	
	function moveBack(mySpeed){
		var nowXPos = parseInt(moveTag.css('left'), 10);
		var moveSpeed = ((nowXPos/118)* -1000)*0.5;
		
		//↓移動するスピード
		//alert(moveSpeed);
		
		moveTag.animate(
			{left: '0px'},
			{duration: moveSpeed, easing: "linear",
			complete: function(){
			$(backBtn).children('span').addClass('hide');
			},
			step: function(){}
			}
		);
	};
		
	targetTag.hover(
		function(){
			$(this).children('span').removeClass('hide');
		},
		function(){
			$(this).children('span').addClass('hide');
		}
	);
});