// JavaScript Document
var posX = 0; //現在の座標
var endX = 0;　//スライド終了座標
var displayW = 70;　// スライドさせる幅
var speed = 3;
var timer;
var currentReviewer = 1;
var reviewerNum;
var leftBtn;
var rightBtn;
var	slideItem;
var slideItemImg;
var slideItemImgArray;
var currentImage;
var currentImageHeight;
var currentImageWidth;

function initializeDock(){ //body onload
	slideItem = document.getElementById("slideItems");
	if(slideItem){
		slideItemImg = slideItem.getElementsByTagName("img");
		reviewerNum = slideItemImg.length;
		leftBtn = document.getElementById("leftBtn");
		leftBtn.style.display = "none";
		rightBtn = document.getElementById("rightBtn");

		slideItem.style.width = 70*reviewerNum+"px"; //アイテムの入っているdivのwidthを算出する
		slideItem.style.left = 10 + "px"; //アイテムの入っているdivの初期位置を右に10pxずらす

		
		for(i in slideItemImg){
			if(slideItemImg[i].height > slideItemImg[i].width){
				slideItemImg[i].style.height = 50 + "px"; //画像のheightがwidthより大きいときheightを50pxにする
			}
			else if(slideItemImg[i].height <= slideItemImg[i].width){
				slideItemImg[i].style.width = 50 + "px"; //画像のwidthがheightより大きいときwidthを50pxにする
			}
		}
		
		if(reviewerNum <= 7){
			leftBtn.style.display = "none";
			rightBtn.style.display = "none"; //アイテムが7つ以下のとき左右ボタン非表示
			//slideItem.style.position = "static";
			//slideItem.style.margin = "20px auto 0";
		}
	}
}

function resizeMouseOver(slideItemLinkId, slideItemNameId, slideItemImgId){
	slideItem.style.width = 70 * reviewerNum + 25 + "px"; //アイテムの入っているdivのwidthを拡張する
	slideItem.style.left = posX + "px"; //アイテムの入っているdivを「現在の座標」に戻す

	document.getElementById(slideItemLinkId).style.height = 75 + "px";	
	document.getElementById(slideItemLinkId).style.width = 75 + "px";
	document.getElementById(slideItemLinkId).style.top = -5 + "px";　//各リンクを75px*75pxに拡大して上に5pxずらす

	document.getElementById(slideItemNameId).style.display = "block"; //アイテムの名前を表示する

	currentImage = document.getElementById(slideItemImgId);
	currentImageHeight = currentImage.height;
	currentImageWidth = currentImage.width; //元の画像のheightとwidthを記憶しておく
	currentImage.style.height = currentImage.height * 1.5 + "px";
	currentImage.style.width = currentImage.width * 1.5 + "px"; //画像を1.5倍(75px)に拡大する
}

function resizeMouseOut(slideItemLinkId, slideItemNameId, slideItemImgId){
	slideItem.style.width = 70 * reviewerNum + "px";
	slideItem.style.left = posX + 10 + "px";

	document.getElementById(slideItemLinkId).style.width = 50 + "px";
	document.getElementById(slideItemLinkId).style.height = 50 + "px";	
	document.getElementById(slideItemLinkId).style.top = 10 + "px";

	document.getElementById(slideItemNameId).style.display = "none";

	currentImage.style.height = currentImageHeight + "px";
	currentImage.style.width = currentImageWidth + "px"; //元に戻している
}

function startmove(turn){
	if(!timer){
		if(turn == "right"){
			if(posX <= (slideItem.offsetWidth-displayW)*-1){
				endX = (slideItem.offsetWidth-displayW)*-1;
			}
			else{
				endX = posX-displayW;
			}
			currentReviewer++;
		}
		else{
			if(posX >= 0){
				endX = 0;
			}
			else{
				endX = posX+displayW;
			}
			currentReviewer--;
		}
		timer = setInterval("move()",1);
	}
	if(currentReviewer > 1){
		leftBtn.style.display = "block"; //初期位置以外のとき左ボタン表示
	}
	else if(currentReviewer == 1){
		leftBtn.style.display = "none"; //初期位置のとき左ボタン非表示
	}
	if(currentReviewer < (reviewerNum - 6)){
		rightBtn.style.display = "block"; //最終位置以外のとき右ボタン表示
	}
	else if(currentReviewer == (reviewerNum - 6)){
		rightBtn.style.display = "none"; //最終位置のとき右ボタン非表示
	}
}

function move(){
	posX += (endX-posX)/speed;
	if(Math.abs(endX-posX) <= 1){
		document.getElementById("slideItems").style.left = endX + 10 + "px";
		posX = endX;
		clearInterval(timer);
		timer = undefined;
	}
	else{
		document.getElementById("slideItems").style.left = posX + 10 + "px";
	}
}