// MainVisual

//現在のスライド
var nowNum=1;

//スライドの動きの時間（ミリ秒）
var moveTime=1500;


//初期化
$(function(){
	
	$("#mv1 .cardContent").css({'opacity':'0'});
	
	//各ボタンの設定	
	$("#mainvisualNaviNext").bind('mouseover', nextMouseOver);
	$("#mainvisualNaviNext").bind('mouseout', nextMouseOut);
	$("#mainvisualNaviNext").bind('click', nextMouseClick);
	
	btnSet();
	
	//1にスライド
	slideGo(1);
});


//サークルボタン
function circleMouseOver(e){$(e.target).css({'backgroundPosition':'0 -32px'});}
function circleMouseOut(e){$(e.target).css({'backgroundPosition':'0 0'});}
function circleMouseClick(e){
	//スライドさせる
	slideGo(parseInt(String($(e.target).attr('id')).charAt(14)));
}

//Prevボタン
function prevMouseOver(e){$(e.target).css({'backgroundPosition':'0 -32px'});}
function prevMouseOut(e){$(e.target).css({'backgroundPosition':'0 0'});}
function prevMouseClick(e){
	//スライドさせる
	slideGo(nowNum-1);
}

//Nextボタン
function nextMouseOver(e){$(e.target).css({'backgroundPosition':'0 -32px'});}
function nextMouseOut(e){$(e.target).css({'backgroundPosition':'0 0'});}
function nextMouseClick(e){
	//スライドさせる
	if(nowNum==7){
		slideGo(1);
	}else{
		slideGo(nowNum+1);
	}
}



//スライドさせる
function slideGo(slide_num){
	
	//現在の番号
	nowNum=slide_num;
		
	//ボタンセット
	btnSet();
	
	
	//スライドスタート
	slideStart();
	
	//スライドポジションを決めてスライド
	var slidePos=-980*(nowNum-1);
	$('#cardWrapper').animate({'left':slidePos+"px"},{duration:moveTime,complete:slideComplete});
}


//スライドスタート
function slideStart(){
	//対象のスライドのコンテンツを消す
	$("#mv"+nowNum+" .cardContent").css({'display':'none'});
	$("#mv"+nowNum+" .cardContent").css({'opacity':'0'});
	
	//オートスライドのタイマーをストップ
	$(document).stopTime('timer', autoSlide);
}


//スライド完了
function slideComplete(){
	//対象のスライドのコンテンツを出す
	$("#mv"+nowNum+" .cardContent").css({'display':'block'});
	$("#mv"+nowNum+" .cardContent").animate({'opacity':'1'},{duration:1500,easing:'linear'});
	
	//オートスライドのタイマーを作動（最終スライド以外で）
	$(document).stopTime('timer', autoSlide);
	if(nowNum!=7){
		$(document).everyTime(parseInt($("#mv"+nowNum).attr('rel')), 'timer' , autoSlide);
	}
}


//オートスライド
function autoSlide(){
	//スライドさせる
	if(nowNum==7){
		slideGo(1);
	}else{
		slideGo(nowNum+1);
	}
}



//番号によるボタン類のセット
function btnSet(){
	
	//サークルのボタン動作を解除
	$(".mainvisualNaviCircle").unbind('mouseover', circleMouseOver);
	$(".mainvisualNaviCircle").unbind('mouseout', circleMouseOut);
	$(".mainvisualNaviCircle").unbind('click', circleMouseClick);
	
	//サークルのボタンを登録
	$(".mainvisualNaviCircle").bind('mouseover', circleMouseOver);
	$(".mainvisualNaviCircle").bind('mouseout', circleMouseOut);
	$(".mainvisualNaviCircle").bind('click', circleMouseClick);
	$(".mainvisualNaviCircle").css({'backgroundPosition':'0 0'});
	$(".mainvisualNaviCircle").css({'cursor':'pointer'});
	
	
	//該当のボタンの動作を解除、css
	$("#mainvisualNavi"+nowNum).unbind('mouseover', circleMouseOver);
	$("#mainvisualNavi"+nowNum).unbind('mouseout', circleMouseOut);
	$("#mainvisualNavi"+nowNum).unbind('click', circleMouseClick);
	$("#mainvisualNavi"+nowNum).css({'backgroundPosition':'0 -64px'});
	$("#mainvisualNavi"+nowNum).css({'cursor':'default'});
	
	
	//Prevボタンは1のときには表示しない
	$("#mainvisualNaviPrev").unbind('mouseover', prevMouseOver);
	$("#mainvisualNaviPrev").unbind('mouseout', prevMouseOut);
	$("#mainvisualNaviPrev").unbind('click', prevMouseClick);
	$("#mainvisualNaviPrev").css({'opacity':'0'});
	$("#mainvisualNaviPrev").css({'cursor':'default'});
	if(nowNum!=1){
			$("#mainvisualNaviPrev").bind('mouseover', prevMouseOver);
			$("#mainvisualNaviPrev").bind('mouseout', prevMouseOut);
			$("#mainvisualNaviPrev").bind('click', prevMouseClick);
			$("#mainvisualNaviPrev").css({'opacity':'1'});
			$("#mainvisualNaviPrev").css({'cursor':'pointer'});
	}
	
	
	
}