function createRotationNavi(){
	var rotationMenu = $("freeTopRotationMenu");
	var rotationMenuTd = rotationMenu.getElementsByTagName("td");
	var viewNum   = $("freeTopRotationMenu").viewNum;

	var menuListBtn =[];
	var j = 0;

	for(var i = 0; i < rotationMenuTd.length; i++){
		if(rotationMenuTd[i].getAttribute("class") == "off" || rotationMenuTd[i].getAttribute("className") == "off"){
			menuListBtn[j] = rotationMenuTd[i];
			j++;
		}
	}

	$("rmb" + viewNum).setAttribute("class","on");
	$("rmb" + viewNum).setAttribute("className","on");
	$("rmc" + viewNum).innerHTML = "<img src='/img/free/top/on_y.gif' width='8' height='15' alt=''>";

	for(var i = 0; i < menuListBtn.length; i++){
		var activeNum = $("freeTopRotationMenu").activeNum;
		var maxNum	  = $("freeTopRotationMenu").maxNum;

		menuListBtn[i].bannerNum = i;

		menuListBtn[i].onmouseover = function(){
			$("freeTopRotationMenu").activeNum = this.bannerNum;
			var viewNum   = $("freeTopRotationMenu").viewNum;
			var targetNum = $("freeTopRotationMenu").targetNum;

			if(this.bannerNum != viewNum && this.bannerNum != targetNum){
				this.setAttribute("class","over");
				this.setAttribute("className","over");
			}
		}

		menuListBtn[i].onmouseout = function(){
			$("freeTopRotationMenu").activeNum = -1;
			var viewNum   = $("freeTopRotationMenu").viewNum;
			var targetNum = $("freeTopRotationMenu").targetNum;

			if(this.bannerNum != viewNum && this.bannerNum != targetNum){
				this.setAttribute("class","off");
				this.setAttribute("className","off");
			}
		}

		menuListBtn[i].onclick = function(){
			clearInterval($("freeTopRotationMenu").slideTimer);
			clearTimeout($("freeTopRotationMenu").slideInterval);
			$("freeTopRotationMenu").slideInterval = 0;
			var viewNum   = $("freeTopRotationMenu").viewNum;
			var clearNum = $("freeTopRotationMenu").targetNum;

			if(viewNum != clearNum){
				$("rmb" + clearNum).setAttribute("class","off");
				$("rmb" + clearNum).setAttribute("className","off");
			}

			$("freeTopRotationMenu").targetNum = this.bannerNum;

//			  this.setAttribute("class","target");
//			  this.setAttribute("className","target");

				viewTarget();
				btnState();

//			  $("freeTopRotationMenu").slideTimer = setInterval('bannerSlide()',16);
		}

		menuListBtn[i].ondblclick = function(){
			var url = $("freeTopRotationMenu").itemList[this.bannerNum]["url"];
			window.location.href = url;
		}

	}
}

function viewTarget(){
	clearInterval($("freeTopRotationMenu").slideTimer);
	var targetNum = $("freeTopRotationMenu").targetNum;
	var bannerHeight = $("freeTopRotationMenu").bannerHeight;
	var targetValue = (-1) * bannerHeight * targetNum;
	$("freeTopRotationMenu").viewNum = targetNum;
	$('displayArea').style.top = targetValue + "px";
	slideInterval();
}

function slideInterval(){
	var sec = 7; // 切り替わりのウェイト(秒)
		$("freeTopRotationMenu").slideInterval = setTimeout('countupTarget()',sec * 1000);
}

function countupTarget(){
	$("freeTopRotationMenu").targetNum ++;
	if($("freeTopRotationMenu").targetNum > $("freeTopRotationMenu").maxNum - 1){
		$("freeTopRotationMenu").targetNum = 0;
	}
	viewTarget();
	btnState();
}

function btnState(){   // ボタンの状態を判定
	var targetNum = $("freeTopRotationMenu").targetNum;
	var activeNum = $("freeTopRotationMenu").activeNum;
	var viewNum   = $("freeTopRotationMenu").viewNum;
	var maxNum	  = $("freeTopRotationMenu").maxNum;

	for(var i = 0; i < maxNum; i++){
		$("rmc" + i).innerHTML = "";
		$("rmb" + i).setAttribute("class","off");
		$("rmb" + i).setAttribute("className","off");
	}

	$("rmb" + targetNum).setAttribute("class","target");
	$("rmb" + targetNum).setAttribute("className","target");

	if(activeNum != -1){
		$("rmb" + activeNum).setAttribute("class","over");
		$("rmb" + activeNum).setAttribute("className","over");
	}

	$("rmb" + viewNum).setAttribute("class","on");
	$("rmb" + viewNum).setAttribute("className","on");
	$("rmc" + viewNum).innerHTML = "<img src='/img/free/top/on_y.gif' width='8' height='15' alt=''>";
}


function ini(){  // 初期設定↓
	$("freeTopRotationMenu").maxNum = 5;
	$("freeTopRotationMenu").targetNum = Math.floor($("freeTopRotationMenu").maxNum * Math.random());
	$("freeTopRotationMenu").viewNum = $("freeTopRotationMenu").targetNum;
	$("freeTopRotationMenu").activeNum = -1;
	$("freeTopRotationMenu").bannerHeight = 158;
	$("freeTopRotationMenu").slideTimer = 0;
	$("freeTopRotationMenu").slideInterval = 0;

	createRotationNavi();

	var targetNum = $("freeTopRotationMenu").targetNum;
	var bannerHeight = $("freeTopRotationMenu").bannerHeight;
	$('displayArea').style.top = (-1) * bannerHeight * targetNum + "px";
	slideInterval();
}



window.onload = function () {

	$("freeTopRotationMenu").itemList = [
		{
			'title':'ドリームフィッシュ',
			'img'  :'/img/free/flash/topRotation/dreamfish.gif',
			'url'  :'/free/flash/code/33',
			'new'  :false
		},{
			'title':'クターの穴',
			'img'  :'/img/free/flash/topRotation/ana.gif',
			'url'  :'/free/flash/code/41',
			'new'  :false
		},{
			'title':'マリンドロップ',
			'img'  :'/img/free/flash/topRotation/marine.gif',
			'url'  :'/free/flash/code/37',
			'new'  :false
		},{
			'title':'キキのマシンガンプラス',
			'img'  :'/img/free/flash/topRotation/kikimachinegun.gif',
			'url'  :'/free/flash/code/17',
			'new'  :false
		},{
			'title':'ジュエリーキングダム',
			'img'  :'/img/free/flash/topRotation/jewrelyking.gif',
			'url'  :'/free/flash/code/2',
			'new'  :false
		}
	];

	for (var i = 0; i < 5; i++){

		 if ($("freeTopRotationMenu").itemList[i]["new"] == true){
			var newIcon = "<img src='/img/free/top/icon_new.gif' width='31' height='16' alt='New'>";
		 }else{
			var newIcon = "";
		 }

		$("rmb" + i).innerHTML = "<h3>" + $("freeTopRotationMenu").itemList[i]["title"] + newIcon + "</h3>";
		$("rb" + i).innerHTML = "<a href='" + $("freeTopRotationMenu").itemList[i]["url"] + "'><img src='" + $("freeTopRotationMenu").itemList[i]["img"] + "' width='320' height='158' border='0' alt='" + $("freeTopRotationMenu").itemList[i]["title"] + "' title='" + $("freeTopRotationMenu").itemList[i]["title"] + "'></a>";
	}

}