var obVisual = new Array();
setMainImg(0, "/english/images/top/mainvisual01.jpg");
setMainImg(1, "/english/images/top/mainvisual02.jpg");
/*
setMainImg(2, "/images/top/test01.jpg");
setMainImg(3, "/images/top/test02.jpg");
setMainImg(4, "/images/top/test03.jpg");
setMainImg(5, "/images/top/test04.jpg");
setMainImg(6, "/images/top/test05.jpg");
*/

function setMainImg(no, src) {
obVisual[no] = new Image();
obVisual[no].src = src;
}

var obMenu = new Array();
setMenuImg(0, "/english/images/top/top_contents1_on.jpg", "/english/images/top/top_contents1_off.jpg")
setMenuImg(1, "/english/images/top/top_contents2_on.jpg", "/english/images/top/top_contents2_off.jpg")
setMenuImg(2, "/english/images/top/top_contents3_on.jpg", "/english/images/top/top_contents3_off.jpg")
setMenuImg(3, "/english/images/top/top_contents4_on.jpg", "/english/images/top/top_contents4_off.jpg")
setMenuImg(4, "/english/images/top/top_contents5_on.jpg", "/english/images/top/top_contents5_off.jpg")
setMenuImg(5, "/english/images/top/top_contents6_on.jpg", "/english/images/top/top_contents6_off.jpg")

function setMenuImg(no, srcOn, srcOff) {
	obMenu[no] = new Object();
	obMenu[no].on = new Image();
	obMenu[no].on.src = srcOn;
	obMenu[no].off = new Image();
	obMenu[no].off.src = srcOff;
}

/** 
 * ページロード時の処理
 **/
function init() {
	//メインビジュアル部の切り替えロジックを組み込む
	var elFrame = document.getElementById("mainVisualFrame");
	elFrame.innerHTML = "";
	for (var i=0; i<obVisual.length; i++) {

		// イメージ要素の数だけエレメントを作成
		var elId = "mainVisual_" + (i + 1);
		var el = document.createElement("img");
		el.id = elId;
		el.src = obVisual[i].src;
		el.width = "770";
		el.height = "319";
		el.className = "mainVisual";
		elFrame.appendChild(el);

		if (0 < i) {
			// エレメントのアルファ値を0にする
			setOpacity(elId, 0);
		}
	}

	// メインビジュアル部の切り替え処理を開始
	if (1 < obVisual.length) {
			window.setTimeout("changeVisualImage(0)", 4000);
	}

	// キャンパスライフのボタンに対し、マウスイベントを付加する
	for (var i=0; i<6; i++) {
		setMouseEvent(i);
	}


}

/** 
 * 一定時間ごとにメインビジュアルのイメージを置き換える
 **/
function changeVisualImage(nowNo) {
	var nextNo;
	if (obVisual[nowNo + 1]) {
		nextNo = nowNo + 1;
	} else {
		nextNo = 0;
	}
	var elNow = document.getElementById("mainVisual_" + (nowNo + 1));
	var elNext = document.getElementById("mainVisual_" + (nextNo + 1));

	// 今回の処理に関係ないエレメントのインデックス番号、アルファ値を初期化する
	for (var i=0; i<obVisual.length; i++ ) {
		if (i != nowNo && i != nextNo) {
			var elId = "mainVisual_" + (i + 1);
			setOpacity(elId, 0);
			document.getElementById(elId).style.zIndex = 1;
		}
	}
	// 処理を行うエレメントのインデックス番号を入れ替える
	elNow.style.zIndex = 2;
	elNext.style.zIndex = 3;

	fadeIn("mainVisual_" + (nextNo + 1), 0, 100, 60, 5);

	window.setTimeout("changeVisualImage(" + nextNo + ")", 6000);
}

/** 
 * メニュー部に対しマウスイベントを組み込む
 **/
function setMouseEvent(no) {
	elAnchor = document.getElementById("aLearn0" + (no + 1));
	elImage = document.getElementById("imgLearn0" + (no + 1));
	var targetEl = elImage;
	var onImage = obMenu[no].on.src;
	var offImage = obMenu[no].off.src;
	if (elAnchor && elImage) {
		elAnchor.onmouseover = function() {
			targetEl.src = onImage;
		};
		elAnchor.onmouseout = function() {
			targetEl.src = offImage;
		};
	}
}

/** 
 * 指定された要素に対して、イベントリスナーを定義する
 **/
function addListener(el, eventType, fnc, cap) {
	if (el.addEventListener) {
		el.addEventListener(eventType, fnc, cap);
	} else if (el.attachEvent) {
		el.attachEvent("on" + eventType, fnc);
	}
}

addListener(window, "load", init, false);