var BB = {
	billbordLink : $(),
	nowPos : 0,
	slideArray : [],
	linkArray : [],
	navArray : [],
	timerID : 0,
	animFlg : false,
	init : function(){
		var that = this;
		$.each(that.slideArray, function(n){
			$("<img>").attr("src", that.slideArray[n]);
		});
		this.tabReset();
		this.timerStart();
		this.billFunc();
	},
	timerStart : function(){
		var that = this;
		this.timerID = setInterval(function(){		
			if(that.nowPos < that.slideArray.length-1){
				that.nowPos++;
			}
			else{
				that.nowPos = 0;
			}
			that.tabReset();
			that.changeSlide();
		},8000);		
	},
	changeSlide : function(){
		var that = this;
		
		this.animFlg = true;
		this.billbordLink
			.attr('href', this.linkArray[this.nowPos])
			.find('img')
			.before('<img src="' + this.slideArray[this.nowPos] + '">');
		$('#billbordImg img:last').fadeOut('slow', function(){
			that.animFlg = false;
			$(this).remove();
		});	
	},
	tabReset : function(){
		var that = this;
					
		$('#billbordNav li a').each(function(){
			var nBgPos_h = that.bgPos($(this),1);
			var nBgPos = that.bgPos($(this),0);
			
			if(that.nowPos != $(this).data('key')){
				$(this).css('backgroundPosition',nBgPos_h);
				$(this).mouseover(function(){
					$(this).css('backgroundPosition',nBgPos);
				});
				$(this).mouseout(function(){
					if(that.nowPos != $(this).data('key')){
						$(this).css('backgroundPosition',nBgPos_h);
					}
				});
			}
			else{
				$(this).css('backgroundPosition',nBgPos);
			}
			
		});		
	},
	bgPos : function(elem, flg){
		//IE判定
		if(!jQuery.browser.msie){
			var bgPosArray = elem.css('backgroundPosition').split(" ");
			var bgPos = bgPosArray[0]+' 0';
			var bgPos_h = bgPosArray[0]+' -14px';
		}
		else{
			var bgPosX = elem.css('backgroundPositionX');
			var bgPos = bgPosX +' 0';
			var bgPos_h = bgPosX +' -14px';
		}
		
		if(flg == 1){
			return bgPos;	
		}
		else {
			return bgPos_h;
		}
	},
	billFunc : function(){
		var that = this;
		var elem = $('#billbordImg a');
		elem.mouseover(function(){
			clearInterval(that.timerID);
		});
		elem.mouseout(function(){
			that.timerStart();
		});
	}
};

var MTB = {
	contents : [],
	oldPos : 0,
	nowPos : 0,
	init : function(n){
		MTB.contents[n].fadeIn(800);
	},
	tabReset : function(){
		var that = this;			
		$('#tabNav li a').each(function(){
			
			var nBgPos_h = that.bgPos($(this),1);
			var nBgPos = that.bgPos($(this),0);
			var nBgPos_cr = that.bgPos($(this),2);
			
			if(that.nowPos != $(this).data('key')){
				$(this).css('backgroundPosition',nBgPos_h);
				
				$(this).mouseover(function(){
					if(that.nowPos != $(this).data('key')){
						that.fukidashi($(this).data('key'), 'over');
						$(this).css('backgroundPosition',nBgPos);
					}
				});
				$(this).mouseout(function(){
					if(that.nowPos != $(this).data('key')){
						that.fukidashi($(this).data('key'), 'out');
						$(this).css('backgroundPosition',nBgPos_h);
					}
				});
			}
			else{
				$(this).css('backgroundPosition',nBgPos_cr);
			}
		});		
	},
	fukidashi : function(n, flg){
		var path = '#fukidashi' + n;
		var elem = $(path);
		if(flg == 'over'){
			elem.css('display','block');
			//elem.animate({top:'410px', opacity : '1'},{duration:300, easing:'linear'});
		}
		else {
			//elem.css({display:'none', top:'400px', opacity:'0'});
			elem.css({display:'none'});
		}
	},
	bgPos : function(elem, flg){
		//IE判定
		if(!jQuery.browser.msie){
			var bgPosArray = elem.css('backgroundPosition').split(" ");
			var bgPos = bgPosArray[0]+' 0';
			var bgPos_h = bgPosArray[0]+' -44px';
			var bgPos_cr = bgPosArray[0]+' -88px';
		}
		else{
			var bgPosX = elem.css('backgroundPositionX');
			var bgPos = bgPosX +' 0';
			var bgPos_h = bgPosX +' -44px';
			var bgPos_cr = bgPosX +' -88px';
		}
		
		if(flg == 1){
			return bgPos;	
		}
		else if(flg == 0) {
			return bgPos_h;
		}
		else {
			return bgPos_cr;
		}
	}
};

$(function(){
	
	//クッキー判定
	if(FML.getModelId() != "") {
		MTB.oldPos = 1;
		MTB.nowPos = 1;
	}
	else {
		MTB.oldPos = 0;
		MTB.nowPos = 0;
	}

	//タブ
	MTB.contents = [$('#tab1'), $('#tab2'), $('#tab3')];
	MTB.init(MTB.oldPos);
	
	
	$('#tabNav li a').each(function(n){
		$(this).data('key', n);
		$(this).click(function(){
			MTB.fukidashi($(this).data('key'), 'out');
			MTB.nowPos = n;
			MTB.tabReset();
			MTB.contents[MTB.oldPos].fadeOut(100, function(){
				MTB.contents[n].fadeIn(100);
				MTB.oldPos = n;
			});	
			return false;	
		});
		
	});
	
	MTB.tabReset();
	
	//ラインナップ
	$('#tab1 li a').hover(function(){
		$(this).find('span').css({display:'block', opacity:'0.3', cursor:'pointer'});
	},
	function(){
		$(this).find('span').css('display','none');
	});
	
	//ビルボード
	BB.billbordLink = $('#billbordImg').find('a'); 
	
	$('#billbordNav li a').each(function(n){
		
		$(this).data('key', n);
		
		var slide = $(this).attr('href');
		var link = $(this).attr('link');
		
		BB.slideArray.push(slide);
		BB.linkArray.push(link);
		
		BB.navArray.push($(this));

		
		$(this).click(function(){
			if(!BB.animFlg){
				BB.nowPos = $(this).data('key');
				clearInterval(BB.timerID);
				BB.timerStart();
				BB.changeSlide();
				BB.tabReset();				
			}
			return false;
		});
		
		
	});	
	BB.init();
	
});