var imgPath = "http://bainc.co.jp/images/";
//var imgPath = "http://localhost/wordpress/images/";

// Topに戻すタイマー
var intervalId;

// メイン画像の配列
var imgArr = [];

// リンク画像の配列
var linkArr = [];

// 現在のメイン画像インデックス
var currentIndex = 0;

var containerArea = document.getElementById("promotionArea");
containerArea.innerHTML = "";
containerArea.style.width = "920px";
containerArea.style.height = "300px";

var container = document.createElement("div");
container.style.width = "920px";
container.style.height = "300px";
container.style.backgroundColor = "#FFFFFF";
container.style.position = "absolute";
containerArea.appendChild(container);

// メイン画像の読み込み
//for (var i = 0; i < 5; i++)
for (var i = 0; i < 4; i++)
{
	var img = new Image();
	img.src = imgPath + "main0" + (i+1) + ".jpg";
	imgArr[i] = img;
}

// メイン画像
var mainImg = document.createElement("img");
mainImg.id = "btn0";
mainImg.src = imgArr[0].src;
mainImg.onmouseover = killToDefaultPage;
mainImg.onmouseout = sendToDefaultPage;
container.appendChild(mainImg);

// 改行
var brank = document.createElement("br");
container.appendChild(brank);

// ボタン
//for (i = 0; i < 4; i++)
for (i = 0; i < 3; i++)
{
	var num = i + 1;
	var btnImg = document.createElement("img");
	btnImg.id = "btn" + num;
	btnImg.src = imgPath + "main_r1_c" + num + ".png";
	btnImg.style.cursor = "pointer";
	btnImg.onmouseover = onBtnMouseOver;
	btnImg.onmouseout = sendToDefaultPage;
	container.appendChild(btnImg);
}

// リンク
createLink(container, imgPath + "btn_text_r1_c1.gif", 10, "210px", "30px", sendToService);
createLink(container, imgPath + "btn_text_r1_c2.gif", 11, "210px", "180px", sendToMember);



function changeMainImg(index)
{
	var showValue = (index == 0) ? "none" : "block";

	for (var i = 0; i < linkArr.length; i++)
	{
		linkArr[i].style.display = showValue;
	}

	mainImg.src = imgArr[index].src;
}

function onBtnMouseOver()
{
	killToDefaultPage();

	currentIndex = this.id.match(/[0-9]*$/);
	changeMainImg(currentIndex);
}

function onBtnMouseOut()
{
	currentIndex = 0;
	changeMainImg(currentIndex);
}

function sendToService()
{
	switch (Number(currentIndex))
	{
		case 1:
			location.href = "http://bainc.co.jp/?page_id=44";
			break;
		case 2:
			location.href = "http://bainc.co.jp/?page_id=46";
			break;
		case 3:
			location.href = "http://bainc.co.jp/?page_id=48";
			break;
		case 4:
			location.href = "http://bainc.co.jp/?page_id=51";
			break;
		default:
	}
}

function sendToMember()
{
	location.href = "http://bainc.co.jp/?page_id=13";
}

function createLink(container, src, zIndex, top, left, func)
{
	var link = document.createElement("img");
	link.src = src;
	link.style.cursor = "pointer";
	link.style.position = "absolute";
	link.style.zIndex = zIndex;
	link.style.top = top;
	link.style.left = left;
	link.style.display = "none";
	link.onclick = func;
	link.onmouseover = killToDefaultPage;
	link.onmouseout = sendToDefaultPage;
	container.appendChild(link);
	linkArr[linkArr.length] = link;
}

/**
 * デフォルトページに戻る処理
 */
function sendToDefaultPage()
{
	intervalId = setInterval(onBtnMouseOut, 100);
}

/**
 * デフォルトページに戻らせない処理
 */
function killToDefaultPage()
{
	clearInterval(intervalId);
}