//
// JavaScript for The Item list of 奈古窯 Gallery Page.
//
// JavaScriptとitemオブジェクトリストを１つのファイルに
// itemオブジェクトをダイナミックに作成
// ・オブジェクトリストデータはグローバル変数で宣言＆領域確保

// IE6は未サポート
// const fname = 0;
// const title = 1;
// const auther = 2;
// const txt = 3;

//
//
var scroll;
function scroll_toggle( obj ) {
 var oe;
 var iid;
 var errTrap = function ( errMsg, errFile, errNo ) {
	clearInterval( iid );				// Intervalの停止
	alert( "errLine: " + errNo + "\nerrMsg: " + errMsg + "\nerrFile: " + errFile );
 }
 var scrollUp = function () {
	var obj_offset;

	if( scroll ){
		obj_offset = oe.scrollHeight - oe.clientHeight;
		if( obj_offset > oe.scrollTop ) oe.scrollTop++;
		else scroll = false;	// scroll stop
	}
	else {
		clearInterval( iid );	// Timer stop
	}
 }

	// constructor
	if( scroll ) {	// scroll stop
		scroll = false;
	}
	else {	// scroll start;
		oe = document.getElementById( obj ).parentNode;
		scroll = true;
		window.onerror = errTrap;		// エラートラップの設定
		iid = setInterval( scrollUp, 20 );	// 間欠処理の設定
	}
}
//
//
var oldsrc = null;
var nowsrc = null;
function auther_on( oe, obj ) {
	var src = toureki[itemlst[itemIdx][3]];	// 表示中のインデックス
	if( nowsrc != src ) {
		scroll = false;
		var img = document.getElementById( obj );
		oldsrc = img.src;
		img.src = nowsrc = src;
		img.className = 'toureki';

		oe.style.color='black'; //navy
//		oe.style.backgroundColor='white';
//		oe.style.textAlign='center';
//		oe.style.borderColor='red';
	}
	itemjust();
}
function auther_off( oe, obj ) {
	if( oldsrc != null ) {
		scroll = false;
		var img = document.getElementById( obj );
		img.className = '';
		img.src = oldsrc;
		nowsrc = oldsrc = null;

		document.getElementById( obj ).parentNode.scrollTop = '0';
		oe.style.color = '';
//		oe.style.backgroundColor='';
//		oe.style.textAlign='';
//		oe.style.borderColor='';
	}
}

// For id="obj-img", "obj-txt" of Gallery page.
//
function gallery( src, str ) {

	document.getElementById("obj-img").src = src;
	document.getElementById("obj-txt").innerHTML = str;
}
function itemjust() {
var item_top;
var new_item_id;
	// リストを小窓にきっちり表示する
	// IE6では↓の一行で素直なoffset値を取得できるが、
	//item_top = document.getElementById(new_item_id).offsetTop;
	// ↓FireFox1.5 ではこれから"item_blk"のoffsetTopを引かにゃならん。
	//item_top -= document.getElementById("item_blk").offsetTop;
	// 仕方が無いので、先頭itemから各itemの高さを積算してscrollTopにセットした。
	item_top = 0;
	var i = itemlst.length;
	while( --i > itemIdx ){
		new_item_id = 'Item' + String(i);
		item_top += document.getElementById( new_item_id ).offsetHeight;
	}
	document.getElementById("item_blk").scrollTop = item_top;
}
function objout( item_num ) {
var src;
var item_id;
var new_item_id;
var color;

	// id="Item?"のcolorを元の色に戻す。もともと無かったプロパティなのでクリア。
	item_id = 'Item' + String( itemIdx );
	document.getElementById( item_id ).style.color = '';

	// id="Item?"のcolorを変える
	new_item_id = 'Item' + String( item_num );
	document.getElementById( new_item_id ).style.color = 'black';

	// idx更新
	itemIdx = item_num;

	// 小窓キッチリ表示
	itemjust();

	// 画像（大）およびテキストを別のものと差し替える
	src = "../img/" + itemlst[item_num][0] + ".jpg";
	document.getElementById( "obj-img" ).src = src;
	document.getElementById( "obj-txt" ).innerHTML = itemlst[item_num][4];

	if( undefined != toureki[itemlst[itemIdx][3]] )
		document.getElementById( "park_area" ).className = 'exist';
	else
		document.getElementById( "park_area" ).className = '';
}

function listout() {
var i = itemlst.length;
    while( i > 0 ){
		--i;
		var output = '<div class="item" id="Item' + String(i) + '" onclick="objout(' + i + ');"><div class="number">- No. ' + itemlst[i][0] + ' -</div><a href="#' + itemlst[i][0] + '" onclick="return false;"><img src="../img/' + itemlst[i][0] + 's.jpg" alt="' + itemlst[i][1] + '" height="50" width="50"></a><div class="title"><div class="mei">' + itemlst[i][1] + '</div><div class="auther"><span>' + itemlst[i][3] + '</span>' + itemlst[i][2] + '</div></div></div>';

		document.write( output );
    }
	itemIdx = itemlst.length - 1;
}

function init_var() {

	// 最後のitemを表示する
	itemIdx = itemlst.length;
	if( itemIdx != undefined )
		if( --itemIdx >= 0 ) objout( itemIdx );
}

// グローバル変数宣言
//
// 作者に関する情報
var toureki = new Array();
toureki['井上 るり子'] = './r_ruriko3.gif';
toureki['井上 康'] = './r_yasushi3.gif';
toureki['井上 菊'] = './r_kiku3.gif';
//
// 画像../img/H0220.jpg およびサムネイル画像 ../img/H0220s.jpg を用意。
var itemIdx = 0;
var itemlst = new Array();
/*
itemlst[itemIdx++] = new Array('R0215','渓流（仮）','奈古窯（1995）',
'<p>秋の渓谷の川面…ですよね？</p><p>この作品の正しい名称は何でしょう。</p><div class="sign">［眺：Webmaster］</div>');
itemlst[itemIdx++] = new Array('H0220', '焼〆花入','　','井上 康／井上 菊','<p>正面には掻き落としの手法で描かれた菊。そして正面とは趣を異にするシンプルな背面は生花を活ける際のことを配慮。</p><p>三角おむすび形断面の筒を捻ったようなその形状からは、エッジの陰影による現代的なシャープさと共に植物の太い幹を思わせる自然の力強さを感じる。</p><div class="sign">［記：Webmaster］</div>');
*/
//itemlst[itemIdx++] = new Array('S0006','春彩','第60回福岡県美術展','井上 菊','<p>第60回福岡県美術展「福岡県美術協会賞」受賞</p><p>春の訪れを知らせるかのように奈古窯を彩る白い花々。<br>そんな水仙に魅せられて作陶しました。</p><div class="sign">Kiku Inoue.</div>');
//itemlst[itemIdx++] = new Array('S0007','掻落染花文掛分鉢','第61回福岡県美術展','井上 菊','<p>第61回福岡県美術展「朝日新聞社賞」受賞</p><p>静かな時の流れの中で、蕾となり花々となる。<br>小さくも力強い生命力を、少しでも表現できればを思い作陶しました。</p><div class="sign">井上菊</div>');
itemlst[itemIdx++] = new Array('H0220', '焼〆花入','　','井上 康 ・菊','<p>康によるロクロ成形の後、菊が花の模様を掻き落とした花入。三方向に意図的に歪みを与えることで花の模様に動きを出し、登り窯による焼成の為、土肌が模様を引き立たせる作品に仕上がりました。</p><div class="sign">　</div>','');
itemlst[itemIdx++] = new Array('S0005','灰釉掛分鉢「環」','第60回福岡県美術展','井上 るり子','<p>１０キロ程の土を捏ね、ロクロで一気に挽きます。</p><p>年に数回、登り窯を焚くのですが、毎回祈るような気持ちになります。</p><div class="sign">Ruriko Inoue.</div>','第60回福岡県美術展　入選');
itemlst[itemIdx++] = new Array('S0006','春彩','第60回福岡県美術展','井上 菊','<p>春の訪れを知らせるかのように奈古窯を彩る白い花々。そんな水仙に魅せられて作陶しました。</p><div class="sign">Kiku Inoue.</div>','第60回福岡県美術展　「福岡県美術協会賞」');
itemlst[itemIdx++] = new Array('S0001','街模様','第35回日展','井上 康','<p>動きのあるフォルムに、抽象的な街の模様を描いた作品です。</p><p>私は、街がいろいろな意味でいつも動いていて、それがあらゆる方向に成長していくと感じています。そのようなイメージで作陶しました。</p><div class="sign">Yasushi Inoue.</div>','');
itemlst[itemIdx++] = new Array('S0002','街模様','第36回日展','井上 康','<p>四角から上に広がっていく形にヨーロッパの街を描きました。</p><p>街を歩いていると建物と建物との間から高く青々とした空が広がって伸びていました。古いものと新しいものとが存在し不思議な感覚にとらわれました。その感動を波うつ思いで作陶しました。</p><div class="sign">Yasushi Inoue.</div>','');
itemlst[itemIdx++] = new Array('S0003','変動','第37回日展','井上 康','<p>動き続ける街と生き物の関係を表現したいと思い作陶しました。</p><div class="sign">Yasushi Inoue.</div>','');
itemlst[itemIdx++] = new Array('S0010','灰釉二重掛鉢','第40回西部工芸展','井上 るり子','<p>釉薬が良い景色に出た嬉しい作品です。</p><div class="sign">Ruriko.</div>','第40回西部工芸展　入選');
itemlst[itemIdx++] = new Array('S0007','掻落染花文掛分鉢','第61回福岡県美術展','井上 菊','<p>静かな時の流れの中で、蕾となり花々となる。</p><p>小さくも力強い生命力を、少しでも表現できればと思い作陶しました。</p><div class="sign">Kiku.</div>','第61回福岡県美術展　「朝日新聞社賞」');
itemlst[itemIdx++] = new Array('S0004','Changing','　','井上 康','<p>時代の流れにより変化していく街模様。そのような環境を共にする生き物と街との繋がりを表現したいと思い作陶しました。</p><div class="sign">　</div>','');
itemlst[itemIdx++] = new Array('S0009','奈古窯展示場','　','奈古窯','<p>お茶碗、小鉢、湯呑み、急須、お皿、酒器、コーヒーカップ、など、日常使える器類もたくさん取り揃えて展示しております。</p>','');
itemlst[itemIdx++] = new Array('S0008','奈古窯展示場','　','奈古窯','<p>登り窯による焼き〆の作品を中心に、藁灰、楠灰、松灰、木蓮灰等の自然釉を施釉しています。</p><p>ご贈答用、ご進物用にもどうぞお使い下さいませ。</p>','');

//
//end JavaScript.