matWidth = new Array();
matHeight = new Array();
matWidth[matIdx33] = 396;
matHeight[matIdx33] = 298;
matWidth[matIdxDaikro] = 334;
matHeight[matIdxDaikro] = 258;
matWidth[matIdx8giri] = 198;
matHeight[matIdx8giri] = 158;
matWidth[matIdx4giri] = 278;
matHeight[matIdx4giri] = 228;
matWidth[matIdxHangiri] = 358;
matHeight[matIdxHangiri] = 278;
matWidth[matIdxZenshi] = 476;
matHeight[matIdxZenshi] = 356;
matWidth[matIdxTaishi] = 248;
matHeight[matIdxTaishi] = 188;
matWidth[matIdxInch] = 166;
matHeight[matIdxInch] = 132;
matWidth[matIdxShichigo] = 278;
matHeight[matIdxShichigo] = 198;
matWidth[matIdx300kaku] = 188;
matHeight[matIdx300kaku] = 188;
matWidth[matIdxYoko60x30] = 394;
matHeight[matIdxYoko60x30] = 196;
matWidth[matIdx350kaku] = 230;
matHeight[matIdx350kaku] = 230;


function setGalleryData(n)	{
//matIdx33 = 0;
//matIdxDaikro = 1;
//matIdx8giri = 2;
//matIdx4giri = 3;
//matIdxHangiri = 4;
//matIdxZenshi = 5;
//matIdxTaishi = 6;

//matYoko = 0;
//matTate = 1;

matName = new Array();
matName[matIdx33] = "三三判";
matName[matIdxDaikro] = "大衣判";
matName[matIdx8giri] = "八切判";
matName[matIdx4giri] = "四切判";
matName[matIdxHangiri] = "半切判";
matName[matIdxZenshi] = "全紙判";
matName[matIdxTaishi] = "太子判";
matName[matIdxInch] = "インチ判";
matName[matIdxShichigo] = "七五判";
matName[matIdx300kaku] = "300角";
matName[matIdxYoko60x30] = "横長60x30";
matName[matIdx350kaku] = "350角";

//matWidth = new Array(8);
//matHeight = new Array(8);
//matWidth[matIdx33] = 396;
//matHeight[matIdx33] = 298;
//matWidth[matIdxDaikro] = 334;
//matHeight[matIdxDaikro] = 258;
//matWidth[matIdx8giri] = 198;
//matHeight[matIdx8giri] = 158;
//matWidth[matIdx4giri] = 278;
//matHeight[matIdx4giri] = 228;
//matWidth[matIdxHangiri] = 358;
//matHeight[matIdxHangiri] = 278;
//matWidth[matIdxZenshi] = 476;
//matHeight[matIdxZenshi] = 356;
//matWidth[matIdxTaishi] = 248;
//matHeight[matIdxTaishi] = 188;
//matWidth[matIdxInch] = 166;
//matHeight[matIdxInch] = 132;

	GData = GetGalleryData(n);

	document.title = "「" + GData.titleStr + "」 -Akira Matsushima Web Gallery-";

	if( GData.isNew )	document.getElementById("title1").innerHTML = "「" + GData.titleStr + "」" + "　<span style='color: red; font-weight: bold'>NEW</span>";
	else				document.getElementById("title1").innerHTML = "「" + GData.titleStr + "」";

	document.getElementById("title2").innerHTML = "「" + GData.titleStr + "」";
	document.getElementById("number").innerHTML = GData.WorkNumber;
	document.getElementById("tech").innerHTML = GData.techStr;
	document.getElementById("picsize").innerHTML = GData.picSizeStr + " cm";
//	document.getElementById("matsize").innerHTML = matSize[GData.matIdx][GData.YokoTate] + " x " + matSize[GData.matIdx][1-GData.YokoTate] + " cm";//matSizeStr + " cm";
	document.getElementById("matsize").innerHTML = GetMatSizeStr(GData.matIdx, GData.YokoTate);
	document.getElementById("framesize").innerHTML = matName[GData.matIdx];//frameSizeStr;
	document.getElementById("price").innerHTML = GData.priceStr + "<br>(額付き、送料無料)";
	document.getElementById("status").innerHTML = GData.statusStr;
	document.getElementById("comment").innerHTML = GData.commentStr;

	document.getElementById("mainImage").src = "works/g" + GData.WorkNumber + ".jpg";
	document.getElementById("mainImage").alt = "「" + GData.titleStr + "」";
	document.getElementById("zoomImage").src = "works/g" + GData.WorkNumber + "s1.jpg";

	if( GData.YokoTate == matYoko )	{
		rectWidth = matWidth[GData.matIdx];// - 10;
		rectHeight = matHeight[GData.matIdx];// - 10;
	}else	{
		rectWidth = matHeight[GData.matIdx];// - 10;
		rectHeight = matWidth[GData.matIdx];// - 10;
	}

	if( GData.FuchiKage )	{
		rectWidth = rectWidth -10;
		rectHeight = rectHeight -10;
	}else	{
		document.getElementById("imgTopLeft").src = "images/frame_b_11.gif";
		document.getElementById("imgTop").src = "images/frame_b_12.gif";
		document.getElementById("imgTopRight").src = "images/frame_b_13.gif";
		document.getElementById("imgLeft").src = "images/frame_b_21.gif";
		document.getElementById("imgRight").src = "images/frame_b_23.gif";
		document.getElementById("imgBottomLeft").src = "images/frame_b_31.gif";
		document.getElementById("imgBottom").src = "images/frame_b_32.gif";
		document.getElementById("imgBottomRight").src = "images/frame_b_33.gif";
//		document.getElementById("imgTop").visibility = "hidden";
//		document.getElementById("imgLeft").visibility = "hidden";
//		document.getElementById("imgRight").visibility = "hidden";
//		document.getElementById("imgBottom").visibility = "hidden";
	}

	document.getElementById("imgTop").width = rectWidth;
	document.getElementById("imgLeft").height = rectHeight;
	document.getElementById("imgRight").height = rectHeight;
	document.getElementById("imgBottom").width = rectWidth;
	document.getElementById("tdCenter").width = rectWidth;
	document.getElementById("tdCenter").height = rectHeight;

//	document.getElementById("a_next").href = "g" + GData.nextNumber + ".html";
//	document.getElementById("a_prev").href = "g" + GData.prevNumber + ".html";
//	document.getElementById("a_next").href = "works.html?wn=" + GData.nextNumber;
//	document.getElementById("a_prev").href = "works.html?wn=" + GData.prevNumber;

//	numGD = GetNumGalleryData();
//	if( n < numGD - 1 )	nNext = n + 1;
//	else				nNext = 0;
	nNext = GetNextIndex(n);
	GDataNext = GetGalleryData(nNext);
	document.getElementById("a_next").href = "works.html?wn=" + GDataNext.WorkNumber;

//	if( n > 0 )	nPrev = n - 1;
//	else		nPrev = numGD - 1;
	nPrev = GetPrevIndex(n);
	GDataPrev = GetGalleryData(nPrev);
	document.getElementById("a_prev").href = "works.html?wn=" + GDataPrev.WorkNumber;

	document.getElementById("a_g_top").href = "gallery.html#" + GData.WorkNumber;
}

function setToppageWork(wn)	{
	n = GetIndexFromWorkNo(wn);
	if( n < 0 )	return;

	GData = GetGalleryData(n);

	document.getElementById("title1").innerHTML = GData.titleStr;

	document.getElementById("mainImage").src = "gallery/works/g" + GData.WorkNumber + ".jpg";
	document.getElementById("mainImage").alt = GData.titleStr;

	document.getElementById("HrefToGallery").href = "gallery/works.html?wn=" + GData.WorkNumber;



	if( GData.YokoTate == matYoko )	{
		rectWidth = matWidth[GData.matIdx] - 10;
		rectHeight = matHeight[GData.matIdx] - 10;
	}else	{
		rectWidth = matHeight[GData.matIdx] - 10;
		rectHeight = matWidth[GData.matIdx] - 10;
	}
	document.getElementById("imgTop").width = rectWidth;
	document.getElementById("imgLeft").height = rectHeight;
	document.getElementById("imgRight").height = rectHeight;
	document.getElementById("imgBottom").width = rectWidth;
	document.getElementById("tdCenter").width = rectWidth;
	document.getElementById("tdCenter").height = rectHeight;
}

function GetFileNumber(FileURL, topStr, Figures)	{
	var r = FileURL.lastIndexOf("\\" + topStr);
	if( r < 0 )	r = FileURL.lastIndexOf("/" + topStr);
	var filenNumber = FileURL.substr(r+1+topStr.length, Figures);
//window.alert(FileURL + " => [" + filenNumber + "]");
	return(filenNumber);
}

function GetMatSizeStr(matIdx, YokoTate)	{
	matSize = new Array(matIdx_count);
	for (i = 0; i < matSize.length; i++) {
		matSize[i] = new Array(2);
	}
	matSize[matIdx33][matYoko] = "60.6";
	matSize[matIdx33][matTate] = "45.5";
	matSize[matIdxDaikro][matYoko] = "50.9";
	matSize[matIdxDaikro][matTate] = "39.4";
	matSize[matIdx8giri][matYoko] = "30.3";
	matSize[matIdx8giri][matTate] = "24.2";
	matSize[matIdx4giri][matYoko] = "42.4";
	matSize[matIdx4giri][matTate] = "34.8";
	matSize[matIdxHangiri][matYoko] = "54.5";
	matSize[matIdxHangiri][matTate] = "42.4";
	matSize[matIdxZenshi][matYoko] = "72.7";
	matSize[matIdxZenshi][matTate] = "54.4";
	matSize[matIdxTaishi][matYoko] = "37.9";
	matSize[matIdxTaishi][matTate] = "28.8";
	matSize[matIdxInch][matYoko] = "25.4";
	matSize[matIdxInch][matTate] = "20.3";
	matSize[matIdxShichigo][matYoko] = "42.4";
	matSize[matIdxShichigo][matTate] = "30.3";
	matSize[matIdx300kaku][matYoko] = "30.0";
	matSize[matIdx300kaku][matTate] = "30.0";
	matSize[matIdxYoko60x30][matYoko] = "60.0";
	matSize[matIdxYoko60x30][matTate] = "30.0";
	matSize[matIdx350kaku][matYoko] = "35.0";
	matSize[matIdx350kaku][matTate] = "35.0";

	return(matSize[matIdx][YokoTate] + " x " + matSize[matIdx][1-YokoTate] + " cm");
}

function GetNextIndex(n)	{
	numGD = GetNumGalleryData();
	if( n < numGD - 1 )	nNext = n + 1;
	else				nNext = 0;
	GDataNext = GetGalleryData(nNext);
	if( !GDataNext.visible )	return GetNextIndex(nNext);

	return nNext;
}

function GetPrevIndex(n)	{
	numGD = GetNumGalleryData();
	if( n > 0 )	nPrev = n - 1;
	else		nPrev = numGD - 1;
	GDataPrev = GetGalleryData(nPrev);
	if( !GDataPrev.visible )	return GetPrevIndex(nPrev);

	return nPrev;
}

function GetTableTRBackColor(n)	{
	numGD = GetNumGalleryData();
	if( n >= numGD )	n = numGD - 1

	var nCount = 0;
	for( i=0; i<=n; i++ )	{
		GData = GetGalleryData(i);
		if( GData.visible )	nCount++;
//		nCount++;///
	}

	var backColor;
	if( nCount%2 == 1)	backColor = '#cdf7ff';
	else				backColor = '#e1eaff';

	return backColor;
}

function WriteGalleryTableTR(n)	{
	GData = GetGalleryData(n);

	if( !GData.visible )	return;

//	var backColor;
//	if( n%2 == 0)	backColor = '#cdf7ff';
//	else			backColor = '#e1eaff';
	backColor = GetTableTRBackColor(n);

	WorkNum = GData.WorkNumber;
	if( GData.isNew )	WorkNum = WorkNum + '<br><div style="color: red; font-weight: bold">NEW</div>';

	document.open();
document.write('<tr align="center" bgcolor="' + backColor + '" height="80">');//,
document.write('	<a name="' + GData.WorkNumber + '"</a>');//,
document.write('	<td width="60" height="80">' + WorkNum + '</td>');//,
document.write('	<td width="104" height="80"><a href="works.html?wn=' + GData.WorkNumber + '"><img src="works/g' + GData.WorkNumber + 'sc.jpg" alt="「' + GData.titleStr + '」" width="96" height="72" border="0"></a></td>');//,
document.write('	<td class="tx12KB" width="220" height="80"><a href="works.html?wn=' + GData.WorkNumber + '">「' + GData.titleStr + '」</a></td>');//,
document.write('	<td width="80" height="80">' + GData.techStr + '</td>');//,
document.write('	<td width="130" height="80">' + GetMatSizeStr(GData.matIdx, GData.YokoTate) + '</td>');//,
document.write('	</tr>');//,
document.write('<tr height="3"><td colspan=5 width="598" height="3"></td></tr>');
	document.close();
}

function GetGalleryTableTR(n, backColor)	{
	GData = GetGalleryData(n);

	if( !GData.visible )	return("");

//	var backColor;
//	if( n%2 == 0)	backColor = '#cdf7ff';
//	else			backColor = '#e1eaff';
//	backColor = GetTableTRBackColor(n);

	WorkNum = GData.WorkNumber;
	if( GData.isNew )	WorkNum = WorkNum + '<br><div style="color: red; font-weight: bold">NEW</div>';

	TableTR = "";
	TableTR = TableTR + '<tr height="3"><td colspan=5 width="598" height="3">' + '<a name="' + GData.WorkNumber + '"</a>' + '</td></tr>';
	TableTR = TableTR + '<tr align="center" bgcolor="' + backColor + '" height="80">';
//	TableTR = TableTR + '	<a name="' + GData.WorkNumber + '"</a>';
	TableTR = TableTR + '	<td width="60" height="80">' + WorkNum + '</td>';
//	TableTR = TableTR + '	<td width="60" height="80">' + '<a name="' + GData.WorkNumber + '"</a>' + WorkNum + '</td>';
	TableTR = TableTR + '	<td width="104" height="80"><a href="works.html?wn=' + GData.WorkNumber + '"><img src="works/g' + GData.WorkNumber + 'sc.jpg" alt="「' + GData.titleStr + '」" width="96" height="72" border="0"></a></td>';
	TableTR = TableTR + '	<td class="tx12KB" width="220" height="80"><a href="works.html?wn=' + GData.WorkNumber + '">「' + GData.titleStr + '」</a></td>';
	TableTR = TableTR + '	<td width="80" height="80">' + GData.techStr + '</td>';
	TableTR = TableTR + '	<td width="130" height="80">' + GetMatSizeStr(GData.matIdx, GData.YokoTate) + '</td>';
	TableTR = TableTR + '	</tr>';
//	TableTR = TableTR + '<tr height="3"><td colspan=5 width="598" height="3"></td></tr>';

	return(TableTR);
}

function GetGalleryTableTop()	{
	return('<table width="600" border="0" cellspacing="1" cellpadding="0" class="tx10K">');
}

function GetGalleryTableBottom()	{
	TableBottom = "";

	TableBottom = TableBottom + '<tr>';
	TableBottom = TableBottom + '	<td width="60"><IMG SRC="images/spacer.gif" WIDTH=60 HEIGHT=1 ALT=""></td>';
	TableBottom = TableBottom + '	<td width="104"><IMG SRC="images/spacer.gif" WIDTH=104 HEIGHT=1 ALT=""></td>';
	TableBottom = TableBottom + '	<td width="220"><IMG SRC="images/spacer.gif" WIDTH=220 HEIGHT=1 ALT=""></td>';
	TableBottom = TableBottom + '	<td width="80"><IMG SRC="images/spacer.gif" WIDTH=80 HEIGHT=1 ALT=""></td>';
	TableBottom = TableBottom + '	<td width="130"><IMG SRC="images/spacer.gif" WIDTH=130 HEIGHT=1 ALT=""></td>';
	TableBottom = TableBottom + '</tr>';
	TableBottom = TableBottom + '</table>';

	return(TableBottom);
}

function WriteGalleryTable(display_mode)	{
	backColor = new Array(2);
	backColor[0] = '#cdf7ff';
	backColor[1] = '#e1eaff';

	nGD = GetNumGalleryData();
	TableStr = GetGalleryTableTop();
	backColIdx = 0;
	for( j=0; j<nGD; j++ )	{
		GData = GetGalleryData(j);
		if( !GData.visible )	continue;
		themeStr = GData.WorkNumber.toString(10).substr(0,1);
		techStr = GData.WorkNumber.toString(10).substr(2,1);

		switch (display_mode) {
		case 0://全て
			break;
		case 1://新着のみ
			if( !GData.isNew )	continue;
			break;
		case 2://鳥のみ
			if( themeStr != "1" )	continue;
			break;
		case 3://動物のみ
			if( themeStr != "2" )	continue;
			break;
		case 4://海の生物のみ
			if( themeStr != "3" && themeStr != "4" )	continue;
			break;
		case 5://植物のみ
			if( themeStr != "6" )	continue;
			break;
		case 6://型染めのみ
			if( techStr != "5" )	continue;
			break;
		case 7://春
			if( GData.seasonStr.indexOf("春") == -1 )	continue;
			break;
		case 8://夏
			if( GData.seasonStr.indexOf("夏") == -1 )	continue;
			break;
		case 9://秋
			if( GData.seasonStr.indexOf("秋") == -1 )	continue;
			break;
		case 10://冬
			if( GData.seasonStr.indexOf("冬") == -1 )	continue;
			break;
		default:
			break;
		}
		TRstr = GetGalleryTableTR(j, backColor[backColIdx % 2]);
		if( TRstr != "" )	{
			TableStr = TableStr + TRstr;
			backColIdx = backColIdx + 1;
		}
	//window.alert(j + " / " + nGD);
	}
	TableStr = TableStr + GetGalleryTableBottom();

	document.getElementById("gtable").innerHTML = TableStr;

	capStr = "作品一覧";
	switch (display_mode) {
	case 0://全て
		break;
	case 1://新着のみ
		capStr = "新着作品一覧";
		break;
	case 2://鳥のみ
		capStr = "鳥の作品一覧";
		break;
	case 3://動物のみ
		capStr = "動物の作品一覧";
		break;
	case 4://海の生物のみ
		capStr = "海の生物の作品一覧";
		break;
	case 5://植物のみ
		capStr = "植物の作品一覧";
		break;
	case 6://型染めのみ
		capStr = "型染め作品一覧";
		break;
	case 7://春
		capStr = "春の作品一覧";
		break;
	case 8://夏
		capStr = "夏の作品一覧";
		break;
	case 9://秋
		capStr = "秋の作品一覧";
		break;
	case 10://冬
		capStr = "冬の作品一覧";
		break;
	default:
		break;
	}
	document.getElementById("tablecap").innerHTML = capStr;

//alert("hash=[" + location.hash + "]");
	if( display_mode == 0 && location.hash != "" )	{
		hs = location.hash.substr(1);
		location.hash = hs;
	}
}