/*
 * ticker
 */

$(function() {	
	//ticker切り替え速度(ms)
	var interval = 3000;
	
	//fadeIn/fadeOut速度(ms)
	var fadetime = 500;
	
	//移動速度(ms)
	var movetime = 1000;
	
	//#tickerの高さを取得
	var ticker_width = $('#ticker ul li').width();
		
	//初期設定
	//$("#ticker ul li:not(:first)").css({"opacity":0}).hide();
	
	$("#ticker #slideleft a").click(function(){
		move();
		return false;
	});
	
	$("#ticker #slideright a").click(function(){
		rmove();
		return false;
	});
	
	function init(){
		//setInterval
		var tim = setInterval(function(){
			move();
		},interval);
	}
	
	function move(){
			//1番目の要素をフェイドアウト
			$("#ticker ul:not(:animated) li:first").animate({"opacity":0},fadetime);
			//n番目の要素をフェイドイン
			$("#ticker ul:not(:animated) li:last").animate({"opacity":1},fadetime);
			//ul全体を左に移動
			$("#ticker ul:not(:animated)").animate({"margin-left": 0 - ticker_width + "px"},{easing: 'easeOutQuad', duration: movetime, complete:function(){
										//移動終了後、先頭の要素を末尾へ移動し、アニメーションした分だけ下へ移動
										$("#ticker ul li:first").appendTo("#ticker ul");//.hide();
										$("#ticker ul").css("margin-left", "0px");
									}
			});
	}
	
	function rmove(){
			//移動終了後、先頭の要素を末尾へ移動し、アニメーションした分だけ下へ移動
			$("#ticker ul:not(:animated) li:last").prependTo("#ticker ul");//.hide();
			//1番目のセット
			$("#ticker ul:not(:animated) li:first").css("opacity",1);
			//ulの位置あわせ
			$("#ticker ul:not(:animated)").css("margin-left", 0 - ticker_width + "px");
			//n番目をフェイドアウト
			$("#ticker ul:not(:animated) li:last").animate({"opacity":0},fadetime);
			//ul全体を右に移動
			$("#ticker ul:not(:animated)").animate({"margin-left": 0 + "px"},{easing: 'easeOutQuad', duration: movetime	});
	}
	
	//実行
	init();
});