//	定数定義.
var ImagePath					= "./illust/";		//	画像パス.

var iNormalImageCount		= 12;					//	普通画像最大数.
var iRestrictionImageCount	= 4;					//	規制画像最大数.
var iImageCount				= iNormalImageCount;	//	画像最大数.
var iNumberofImage			= 2;					//	ページあたりの画像表示枚数.
var iPageTypeIndex			= 0;					//	ページ種別：トップページ.
var iPageTypeText			= 1;					//	ページ種別：テキストページ.
var iIsRestriction			= 0;					//	規制判定フラグ.


/**	トップページ表示開始処理	*/
function StartIndex()
	{
	if (data.iRestraint.value == 1)
		{
		//	ブラウザによる更新が行われた場合は画像インデックスを進めない.
		data.iPosition.value = parseInt(data.iPosition.value) + iNumberofImage;

		if (parseInt(data.iPosition.value) > iImageCount)
			{
			data.iPosition.value = iImageCount;
			}
		}

	//	タイトル表示要求.
	ShowTitle(iPageTypeIndex);

	//	画像表示要求.
	ShowImage();
	}

/**	タイトル表示処理	*/
function ShowTitle(aType)
	{
	//	表示領域の初期化.
	title.innerHTML = "";

	string = "";
	tdWidth = document.body.clientWidth / 3;

	string += "<table border = '0'><tbody><tr>";

	if (aType == iPageTypeIndex)
		{
		string += "<td align = 'center' width = '" + tdWidth + "'>";
		string += "<span style = 'cursor:pointer;'>←Link(工事中)</span></td>";
		}
	else
		{
		string += "<td align = 'center' width = '" + tdWidth + "'>";
		string += "<span OnClick = 'PageSwitch(iPageTypeIndex)' style = 'cursor:pointer;'>←Index</span></td>";
		}

	string += "<td align = 'center' width = '" + tdWidth + "'>";

	if (aType == iPageTypeIndex)
		{
		string += "<span style = 'cursor:default;'>+ Astro Zombies +</span></td>";
		}
	else
		{
		string += "<span style = 'cursor:default;'>+ Secret Object +</span></td>";
		}

	if (aType == iPageTypeIndex)
		{
		string += "<td align = 'center' width = '" + tdWidth + "'>";
		string += "<span OnClick = 'PageSwitch(iPageTypeText)' style = 'cursor:pointer;'>Text→</span></td>";
		}
	else
		{
		string += "<td align = 'center' width = '" + tdWidth + "'> </td>";
		}

	string += "</tr></tbody></table>";

	//	生成したタグを表示領域に描画.
	title.innerHTML = string;
	}

/**	自動画像表示処理	*/
function ShowImage()
	{
	//	初期化済フラグがたっていなければ初期処理を行う.
	if (parseInt(data.iInit.value) == 0)
		{
		//	カウントを初期化.
		if (iIsRestriction == 0)
			{
			data.iPosition.value = iImageCount;
			}
		else
			{
			data.iPosition.value = iRestrictionImageCount;
			}

		//	初期化済フラグ設定.
		data.iInit.value = 1;
		}

	//	表示領域の初期化.
	tag.innerHTML = "";
	target.innerHTML = "";

	//	1ページあたりの表示枚数分だけループ.
	for (loop = 0 ; loop < iNumberofImage ; loop++)
		{
		//	画像表示タグを指定の領域に描画.
		target.innerHTML += "<img src = '" + ImagePath + data.iPosition.value + ".jpg'> ";

		//	カウントダウン.
		data.iPosition.value--;

		//	最小値に到達した場合は画像描画処理終了.
		if (parseInt(data.iPosition.value) == 0)
			{
			break;
			}
		}

	//	New, Reload, Oldのアンカー表示用テーブル生成.
	CreateTable(document.body.clientWidth);

	//	ブラウザによる更新が行われた時のガード.
	data.iRestraint.value = 1;
	}

/**	アンカー表示用テーブル生成	*/
function CreateTable(aWidth)
	{
	tdWidth = aWidth / 3;
	string = "";

	string += "<table border = '0'><tbody><tr>";
	string += "<td align = 'center' width = '" + tdWidth + "'>";

	if (parseInt(data.iPosition.value) + iNumberofImage < iImageCount)
		{
		//	前ページへのアンカーを描画.
		string += "<span OnClick = 'ClickNew()' style = 'cursor:pointer;'>←New</span>";
		}

	string += "</td>";
	string += "<td align = 'center' width = '" + tdWidth + "'>";
	string += "+ ";

	//	更新アンカーを描画.
	string += "<span OnClick = 'ClickReload()' style = 'cursor:pointer;'>Reload</span>";
	string += " + ";

	//	ヌード、ノーマル切り替えアンカーを描画.
	if (iIsRestriction == 0)
		{
		string += "<span OnClick = 'ChangeIllustMode(1)' style = 'cursor:pointer;'>Abnormal</span>";
		}
	else
		{
		string += "<span OnClick = 'ChangeIllustMode(0)' style = 'cursor:pointer;'>Normal</span>";
		}

	string += " +";
	string += "</td>";
	string += "<td align = 'center' width = '" + tdWidth + "'>";

	if (parseInt(data.iPosition.value) > 0)
		{
		//	次ページへのアンカーを描画.
		string += "<span OnClick = 'ShowImage()' style = 'cursor:pointer;'>Old→</span>";
		}

	string += "</td>";
	string += "</tr></tbody></table>";

	//	生成したタグを表示領域に描画.
	tag.innerHTML = string;
	}

/**	Newアンカー押下時処理	*/
function ClickNew()
	{
	//	画像表示インデックスを戻す.
	data.iPosition.value = parseInt(data.iPosition.value) + iNumberofImage * 2;

	if (parseInt(data.iPosition.value) > iImageCount)
		{
		data.iPosition.value = iImageCount;
		}

	//	画像表示要求.
	ShowImage();
	}

/**	Reloadアンカー押下時処理	*/
function ClickReload()
	{
	//	初期化済フラグをOFFに設定.
	data.iInit.value = 0;

	//	ページ表示開始時処理.
	ShowImage();
	}

/**	Restrictionアンカー押下時処理	*/
function ChangeIllustMode(aMode)
	{
	if (aMode == 1)
		{
		//	ヌード表示フラグOn.
		iIsRestriction = 1;

		//	パス変更.
		ImagePath = "./illust/restriction/";

		//	イメージカウント変更.
		iImageCount = iRestrictionImageCount;
		}
	else
		{
		//	ヌード表示フラグOff.
		iIsRestriction = 0;

		//	パス変更.
		ImagePath = "./illust/";

		//	イメージカウント変更.
		iImageCount = iNormalImageCount;
		}

	ClickReload();
	}

/**	テキストページ表示開始処理	*/
function StartText()
	{
	//	タイトル表示要求.
	ShowTitle(iPageTypeText);
	}

/**	ページ切替処理	*/
function PageSwitch(aType)
	{
	switch (aType)
		{
	case iPageTypeIndex:
		location.href = "index.htm";
		break;
	case iPageTypeText:
		location.href = "text.htm";
		break;
		}
	}