var tab = {
	/**
	 *	初期化
	 */
	init: function(){
		var tabs = this.setup.tabs;
		var pages = this.setup.pages;
		var idx;

		for( idx=0; idx<pages.length; idx++) {
			if( idx !== 0 ) {
				//先頭以外非表示
				pages[ idx ].style.display = 'none';
			}
			//クリックイベント設定
			tabs[ idx ].onclick = function(){
				tab.showpage( this );
				return( false );
			};
		}
	},

	/**
	 *	ページ表示
	 */
	showpage: function( tab ){
		var tabs = this.setup.tabs;
		var pages = this.setup.pages;
		var cur;
		var idx;
		var reg = tab.id.match( /^pimenu([0-9])(o?n?)$/ );
		var area = document.getElementById( "pitarea" );

		if( !reg ) {
			return;
		}

		if( reg[ 2 ] == "on" ) {
			//表示済みタブのクリックなので処理しない
			return;
		}

		//表示対象インデックス
		cur = reg[ 1 ] -1;

		//ページ表示ループ
		for( idx=0; idx<pages.length; idx++) {
			if( area ) {
				//原因不明：枠が小さくなってしまうバグの対応
				//枠サイズが変化するタイミング(？)でサイズを確認してあげると大丈夫なようだ
				area.offsetHeight;
			}

			if( idx == cur ) {
				//表示
				pages[ idx ].style.display = 'block';
				tabs[ idx ].id = 'pimenu' + ( idx+1 ) + 'on';
			}
			else {
				//非表示
				pages[ idx ].style.display = 'none';
				tabs[ idx ].id = 'pimenu' + ( idx+1 );
			}
		}
	}
}