var MaxImage = 5;		// 定義したいアニメーションバナーの最大数
var WaitTime = 20000;	// １枚ごとのウェイトタイム（ミリ秒。1000=１秒）


ANIBAN = new Array(MaxImage);			// 配列の２次元目を作成
for (i = 1; i < MaxImage + 1; i++) {
	ANIBAN[i] = new Array();
}

// 以下、２つ目が[1]の行に画像ファイル名、[2]の行にリンク先アドレスを記入
// 項目自体を増やす場合は、１つ目の[]を増やす。（MaxImageの増やし忘れに注意！）

ANIBAN[1][1] = "top/2012/top_120127_ff.jpg";
ANIBAN[1][2] = "archive/2012/02_ff/index.html";

ANIBAN[2][1] = "top/2012/top_120112_ctf.jpg";
ANIBAN[2][2] = "http://ctf.over-drive.jp/";

ANIBAN[3][1] = "top/2012/top_120112_stryker.jpg";
ANIBAN[3][2] = "project/stryker/index.html";

ANIBAN[4][1] = "top/main_top_69.jpg";
ANIBAN[4][2] = "http://www.lantis.jp/new-release/data.php?id=d11e6e2a8471200f9ddac90c3bb665e2";

ANIBAN[5][1] = "top/main_top_67.jpg";
ANIBAN[5][2] = "http://www.lantis.jp/new-release/data.php?id=ce3b3132356d8384ff789fc8d222fe17";

//ANIBAN[2][1] = "top/main_top_72.jpg";
//ANIBAN[2][2] = "http://gyutto.com/af-533/sp/spgame20110905";

//ANIBAN[6][1] = "top/main_top_65.jpg";
//ANIBAN[6][2] = "http://live1008.over-drive.jp/";

//ANIBAN[6][1] = "top/main_top_66.jpg";
//ANIBAN[6][2] = "http://www.milktub.com/";

//ANIBAN[5][1] = "top/main_top_stryker.jpg";
//ANIBAN[5][2] = "http://www.over-drive.jp/project/stryker/index.html";



// --- ここから先はプログラム。いじらないで！ by piko --- //

var ImgSetB = 1;
AI = new Array();
NI = new Array();

for (i = 1; i < MaxImage + 1; i++) {								// Pre-load Images (at onLoad)
  AI[i] = new Image();		AI[i].src = ANIBAN[i][1];
  NI[i] = new Array();
  NI[i][1] = new Image();	NI[i][1].src = "anibanner/btn/navi0" + i + "_on.gif";
  NI[i][2] = new Image();	NI[i][2].src = "anibanner/btn/navi0" + i + "_off.gif";
}

var NLen = 536 - ((MaxImage * 22) + ((MaxImage - 1) * 18));			// Calculate side space of Button
if (NLen % 2 == 1) {
  var LLen = Math.floor(NLen / 2);
  var RLen = Math.ceil(NLen / 2);
} else {
  var LLen = NLen / 2; var RLen = LLen;
}

function SetNavi(PtrNum) {			// Create Navi button div. HTMLs.
  var NaviHTML = "";
  for (i = 1; i < MaxImage + 1; i++) {
	var PtrOn = (PtrNum == i) ? "_on.gif":"_off.gif";
	NaviHTML += "<IMG src='anibanner/btn/navi0" + i + PtrOn + "' width='22' height='19' id='nb0" + i + "' ";
	NaviHTML += "onClick='MoveNavi(" + i + ")'>";
	if (i != MaxImage) {
	  NaviHTML += "<IMG src='anibanner/spcr.gif' width='18' height='19'>";
	}
  }

  document.getElementById("topnavi").innerHTML = 
	"<IMG src='anibanner/lspc.gif' width='12' height='19'>" + 
	"<IMG src='anibanner/spcr.gif' width='" + LLen + "' Height='19'>" + 
	NaviHTML + 
	"<IMG src='anibanner/spcr.gif' width='" + RLen + "' Height='19'>" + 
	"<IMG src='anibanner/rspc.gif' width='12' height='19'>";
}


function MoveNavi(PtrNum) {			// Jump to clicked Navi button.
  ImgSetB = PtrNum + 1;
  if (ImgSetB > MaxImage) {
	ImgSetB = 1;
  }
  SetBanner(PtrNum);
  SetNavi(PtrNum);
}


function SetBanner(PtrNum) {		// Create Animated Banner HTMLs.
  document.getElementById("toptop").innerHTML = 
	"<IMG src='imag/material/main_top_04.gif' width='12' height='318'>" + 
	"<A href='" + ANIBAN[PtrNum][2] + "' target='_blank'>" + 
	"<IMG src='" + ANIBAN[PtrNum][1] + "' border='0'></A>" + 
	"<IMG src='imag/material/main_top_06.gif' width='12' height='318'>";
}


function BannerAnimStart() {						// Rotation Start
  SetBanner(ImgSetB);
  SetNavi(ImgSetB);
  
  ImgSetB++;
  if (ImgSetB > MaxImage) {
	ImgSetB = 1;
  }

  setTimeout("BannerAnimStart()", WaitTime);		// Wait time for next rotation.
}