
var activeContents = 0;
var isClick =false;
$(function() {
	$(document).ready(function(){
		showPageFade(1);
	});
});

//フェードイン
function showPageFade(page){
	var showPageID = page;
	
	if(activeContents > 0){
		hidePageTurner();
		hidePageBtns();
	}
	
	$("#promotionimage"+page).css("left", "0px");
	$("#promotionimage"+page).css("visibility", "visible");
	$("#promotionimage"+page).css("opacity",0);
	
	if(activeContents > 0){
		$("#promotionimage"+activeContents).fadeTo("fast", 0, showPage);
	}else{
		showPage();
	}
	
	function showPage(){
		$("#promotionimage"+showPageID).fadeTo("normal", 1,
			function(){	
				isClick = false;
				showPageBtns();
				showPageTurner();
			}
		);
	}
	
	activeContents = page;
}

//スライド
function showPageMove(page,vector){
	var DURATION = 700;
	
	hidePageTurner();
	hidePageBtns();
	
	//移動処理
	$("#promotionimage"+page).css("left", vector==0?"-960px":"960px");
	$("#promotionimage"+page).css("visibility", "visible");
	$("#promotionimage"+page).css("opacity",1);
	$("#promotionimage"+page).animate({"left": "0px"},
									{easing: "easeInOutQuad", duration: 700});
	$("#promotionimage"+activeContents).animate({"left": vector==0?"960px":"-960px"},
												{easing: "easeInOutQuad", duration: 700, complete:
													function(){
														isClick = false;
														showPageBtns();
														showPageTurner();
													}
												});
	activeContents = page;
}

//ページ内ボタン表示
function showPageBtns(){
	//ページボタン表示
	var imgs = $("#promotionimageBtns" + activeContents + " img").get();
	var length = imgs.length;
	var cnt = 0;
	for(var i = 0; i<length; i++){
		$(imgs[i]).css("opacity",0);
		if(++cnt == length){ 
			$("#promotionimageBtns"+activeContents).css("visibility", "visible");
		}
	}
}

//ページ内ボタン非表示
function hidePageBtns(){
	$("#promotionimageBtns"+activeContents).css("visibility", "hidden");
}

//ページ遷移ボタン表示
function showPageTurner(){
	if(activeContents == 1)
		return;
	
	$("#btnPrev").css("visibility", "visible");
	$("#btnPrev").css("opacity",0);
	$("#btnPrev").fadeTo("fast",1);
	
	$("#btnNext").css("visibility", "visible");
	$("#btnNext").css("opacity",0);
	$("#btnNext").fadeTo("fast",1);
	
	$("#btnTop").css("visibility", "visible");
	$("#btnTop").css("opacity",0);
	$("#btnTop").fadeTo("fast",1);
		
	$("#promotionimageBtn0_0").css("visibility", "visible");
	$("#promotionimageBtn0_0").css("opacity",0);
	
}

//ページ遷移ボタン非表示
function hidePageTurner(){
	$("#btnPrev").fadeTo("fast",0, function(){
		$("#btnPrev").css("visibility", "hidden");
	});
	$("#btnNext").fadeTo("fast",0, function(){
		$("#btnNext").css("visibility", "hidden");
	});
	$("#btnTop").fadeTo("fast",0, function(){
		$("#btnTop").css("visibility", "hidden");
	});
	
	$("#promotionimageBtn0_0").css("visibility", "hidden");
}

//トップに戻るボタン押下
function clickTop(){
	if(isClick) return;
	isClick = true;
	
	showPageFade(1);
}

//前ボタン押下
function clickPrev(){
	if(isClick) return;
	isClick = true;
	
	var page = activeContents - 1;
	if(page == 1){
		page = 6;
	}
	
	showPageMove(page,0);
}

//次ボタン押下
function clickNext(){
	if(isClick) return;
	isClick = true;
	
	var page = activeContents + 1;
	if(page === 7){
		page = 2;
	}
	
	showPageMove(page,1);
}

//ロールオーバ画像表示
function showOverImage(category, id){
	$("#promotionimageBtn"+category+"_"+id).fadeTo("fast",1);
}

//ロールオーバ画像非表示
function hideOverImage(category, id){
	$("#promotionimageBtn"+category+"_"+id).fadeTo("fast",0);
}
