//トップの写真切り替え

var OkbShowCase = function(){ this._build(); }
OkbShowCase.prototype = {

	_build:function(){
		var me = this;
		me.$ = $("#showCase");
		if(me.$.size()==0) return;
		me.$pics = $(".pics", me.$);
		me.$nav = $(".nav", me.$);

		me.$.css("visibility", "visible");

		me.currentNum = -1;


		//btn
		me.btnArr = [];
		$("li", me.$nav).each(function(index){
			var btn = new ImgBtn( $(this) );
			me.btnArr[index] = btn;
			btn.$.click(function(e){
				me._switchPic(index)
				return false;
			})
		})

		//pic
		me.picArr = [];
		$("li", me.$pics).each(function(index){
			var c_pic = new Cast( $(this), true );
			me.picArr[index] = c_pic;
		});


		//switch
		me._switchPic = function(num){

			if(me.currentNum == num) return;
			me.preNum = me.currentNum;
			me.currentNum = num;

			//auto reset
			me._setAuto();

			//btn
			if(me.currentBtn) me.currentBtn.selection(false);
			me.currentBtn = me.btnArr[me.currentNum];
			if(me.currentBtn) me.currentBtn.selection(true);

			//pic
			var time = 600;
			if(me.currentPic) {
				if(me.currentNum > me.preNum) me.currentPic.hide(0, time);
				else me.currentPic.hide(time, 0);
			}
			me.currentPic = me.picArr[me.currentNum];
			if(me.currentPic) {
				if(me.currentNum == -1) me.currentPic.show(time, 0);
				else if(me.currentNum > me.preNum) me.currentPic.show(time, 0);
				else me.currentPic.show(0, 0);
			}
		}
		me._goNext = function(){
			var num = me.currentNum+1;
			if(num>me.picArr.length-1) num=0;
			me._switchPic( num );
		}


		//auto
		me._setAuto = function(){
			if(me.autoID) clearTimeout(me.autoID)
			me.autoID = setTimeout(function(){
				me._goNext();
			}, 6000)
		}


		//
		me._switchPic( 0 );
	}
}
$(function(){
	
	new OkbShowCase();

});