/* --------------------------------
	リコメンド
-------------------------------- */
var recomend={
	baseItem : '',		// 元の配列
	nowImg: 0,			// カレント
	timerID: null,
	repeatTime: 3000,	// 切り替え時間
	anmTime: 300,		// フェード時間
/*
	初期化
*/
	init:function(){
		var self=this;
		self.baseItem=new Array();
		$('.recommend .img li').each(function(i){
			self.baseItem[i]=$(this).html();
		});

		$('.recommend .img').replaceWith('<div class="img" id="recomendWrapper"></div>');
		$('#recomendWrapper').append('<div id="recomendBak">').append('<div id="recomendFwd">');
		$('#recomendFwd').append(self.baseItem[0]);
		$('#recomendBak').append(self.baseItem[1]);
		$('.recommend .nav li:eq(0) a').addClass('current');

		self.manualChange();
		self.nowImg=0;
		self.timerID=setTimeout(function(){self.setRepeat();}, self.repeatTime);

		$('.recommend').hover(function(){
				clearTimeout(self.timerID);
			},function(){
				self.timerID=setTimeout(function(){self.setRepeat();}, self.repeatTime);
		});
		$('.recommend #recomendFwd').hover(function(){
				$('#recomendBak').hide();
				$('#recomendFwd').stop().css({opacity:'0.8'});
			},function(){
				$('#recomendBak').show();
				$('#recomendFwd').stop().show().css({opacity:'1'});
		});
	},
/*
	手動変更
*/
	manualChange:function(){
		var self=this;
		$('.recommend .nav li').hover(function(){
			$('#recomendBak').show();
			$('#recomendFwd').stop().show().css({opacity:'1'});
			$('.recommend .nav li a').removeClass('current');
			var current=$('.recommend .nav li').index(this);
			$('.recommend .nav li:eq('+current+') a').addClass('current');
			$('#recomendBak').html(self.baseItem[current]);
			$('#recomendFwd').fadeOut(self.anmTime,function(){
					$(this).html(self.baseItem[current]).show();
					self.nowImg=current;
				});
		},function(){});
	
	},
/*
	自動変更
*/
	setRepeat : function(){
		var self=this;
		clearTimeout(self.timerID);
		self.autoChange();
	},
	
	autoChange:function(){
		var self=this;
		try{
		$('.recommend .nav li a').removeClass('current');
		var current=(self.nowImg+1)%2;
		$('.recommend .nav li:eq('+current+') a').addClass('current');
		$('#recomendBak').html(self.baseItem[current]);
		$('#recomendFwd').fadeOut(self.anmTime,function(){
				$(this).html(self.baseItem[current]).show();
				self.nowImg=current;
				self.timerID=setTimeout(function(){self.setRepeat();}, self.repeatTime);
			});
		}catch(e){}
	}
}


$(function(){
	recomend.init();
});