/*	イメージギャラリー */
$(function(){

/*	初期設定	*/
//画像サイズX
var imgSizeX = 336;

//画像サイズY
var imgSizeY = 200;

//画像数を取得
var imgNumber = $("#topImgLine li").size();

//初期の画像数を保持
var imgNumberMax = imgNumber;

//画像の初期位置
var imgView = 0;

//次に表示する画像No変数
var imgAnimate = 0;

//スライドの時間（秒 * 1000）
var slideTime = 6000;

//画像情報の配列
var imgArray = [];
var imgNameArray = [];
var trgArray = [];
var altArray = [];


/*	以下プログラム	*/

//初期セット　0の前後以外は画像を非表示
var imgNo = 0;
$("#topImgLine li").each(function() {

	//リストに連番idを指定
	$(this).attr("id", "imgNo" + imgNo);
	
	//画像情報を配列にセット
	imgArray.push($("a", this).attr("href"));
	imgNameArray.push($("img", this).attr("src"));
	trgArray.push($("a", this).attr("target"));
	altArray.push($("img", this).attr("alt"));
	
	//カウントアップ
	++imgNo;
	
	//画像が2枚以上　0の前後以外のリストを非表示
	if(imgNo > 2){
		$(this).remove();
		if(imgNo == imgNumber){
			imgNo = imgNo -1;
			$("#topImgLine").prepend("<li id=\"imgNo" + imgNo + "\"><a href=\"" + imgArray[imgNo] + "\" target=\"" + trgArray[imgNo] + "\"><img src=\"" + imgNameArray[imgNo] + "\" width=\"" + imgSizeX + "\" height=\"" + imgSizeY + "\" alt=\"" + altArray[imgNo] + "\" /></a></li>");
		}
	}
	
	//画像が2枚
	if(imgNumber == 2 && imgNo == 2){
			--imgNo;
			$("#topImgLine").prepend("<li id=\"imgNo" + imgNo + "\"><a href=\"" + imgArray[imgNo] + "\" target=\"" + trgArray[imgNo] + "\"><img src=\"" + imgNameArray[imgNo] + "\" width=\"" + imgSizeX + "\" height=\"" + imgSizeY + "\" alt=\"" + altArray[imgNo] + "\" /></a></li>");
	}

	//画像が1枚　画像をセンターに移動、ボタンを消す
	if(imgNumber == 1){
		$("#topImgLine").css("left","336px");
		$("#topImgBackBtn").hide();
		$("#topImgNextBtn").hide();
	}

});


/*	function設定	*/
//next処理
function nextView() {

	//準備画像が最大数以下なら
	if(imgView == 0){
		
		//現在地と生成画像の設定
		++imgView;
		imgAnimate = imgView + 1;


	}else if(imgView == imgNumberMax-2){

		//現在地と生成画像の設定
		++imgView;
		imgAnimate = 0;
	
	}else if(imgView == imgNumberMax-1){
	
		//現在地と生成画像の設定
		imgView = 1;
		imgAnimate = 1;
		--imgView;

	}else{
		
		//現在地と生成画像の設定
		++imgView;
		imgAnimate = imgView + 1;
	
	}

	//画像が2枚の場合
	if(imgNumber == 2){
		if(imgView == 1){
			imgAnimate = 0;
		}
	}


	//画像が1枚以上あったら
	if(imgNumber > 1){
	
	//画像を生成
	$("#topImgLine").append("<li id=\"imgNo" + imgAnimate + "\"><a href=\"" + imgArray[imgAnimate] + "\" target=\"" + trgArray[imgAnimate] + "\"><img src=\"" + imgNameArray[imgAnimate] + "\" width=\"" + imgSizeX + "\" height=\"" + imgSizeY + "\" alt=\"" + altArray[imgAnimate] + "\" /></a></li>");


	//スライド
	$("#topImgLine li:first-child").animate( {width:0}, 500, "swing", function() {
		
		//不要な画像を削除
		$("#topImgLine li:first-child").remove();

		//タイマーをクリア
		clearInterval(slideClear);
	
		//タイマーを再開
		slideTimer();
	});
	}
	return false;
}


//back処理
function backView() {

	//準備画像が0以上なら
	if(imgView == 0){
	
		//現在地と生成画像の設定
		imgView = imgNumberMax-1;
		imgAnimate = imgNumberMax-2;
	
	}else if(imgView == 1){
	
		//現在地と生成画像の設定
		imgView = 0;
		imgAnimate = imgNumberMax-1;
	
	}else{
	
		//現在地と生成画像の設定
		imgAnimate = imgView-2;			
		--imgView;
	}

	//画像が1枚以上あったら
	if(imgNumber > 1){
	
	//画像を生成
	$("#topImgLine").prepend("<li id=\"imgNo" + imgAnimate + "\"><a href=\"" + imgArray[imgAnimate] + "\" target=\"" + trgArray[imgAnimate] + "\"><img src=\"" + imgNameArray[imgAnimate] + "\" width=\"" + imgSizeX + "\" height=\"" + imgSizeY + "\" alt=\"" + altArray[imgAnimate] + "\" /></a></li>");
	

	//スライド
	$("#topImgLine li:first-child").hide().width(0).show().animate( {width:imgSizeX}, 500, "swing", function() {
	
		//不要な画像を削除
		$("#topImgLine li:last-child").remove();

		//タイマーをクリア
		clearInterval(slideClear);
	
		//タイマーを再開
		slideTimer();

	});
	}
	

	return false;
}


//自動スライド処理
function slideTimer() {
	slideClear = setInterval(function(){
		nextView();
	}, slideTime);
}
slideTimer();


//クリックしたら自動スライドの時間をクリア
function clrTimer(){
	
	//タイマーをクリア
	clearInterval(slideClear);
	
	//タイマーを再開
	slideTimer();
}



/*	ボタン設定	*/
//nextボタン
$("#topImgNext, #topImgNextBtn").click(function(){
	
	//次の画像を読込み
	nextView();

	//タイマーをクリア
	clrTimer();
});


//backボタン
$("#topImgBack, #topImgBackBtn").click(function(){
		
	//前の画像を読込み
	backView();

	//タイマーをクリア
	clrTimer();
});




//グローバルナビの新着を非表示
$(".gmenu1").hide();

});
