/*  ============================================================
初期設定
============================================================ */
//  == 読み込むXMLファイル 設定 ==========
var xmlFile = "shop_excel.xml";


// == 読み込み時のタブリンクセット設定 ==========
// 0 : 店舗別　100 : 都道府県別
var tabSetNoDefault = 0;

//  == ページ読み込み時の絞り込みタブリンク設定 ==========
var tabName = '東急ハンズ';
var clickNo = 0;


// == 絞り込みの処理タイプ設定 ==========
//	      Type:A　ヒットした行だけ表示する
//	      Type:B　ヒットした行のスタイルを変更
var typeFlag = "A";

//       ヒットしたワードのスタイルを変更
//	      0 : OFF
//	      1 : ON
var hitFlag = 0;

// == リスト テーブル表示設定 ==========
//	      0 : タブリンクに関わらず全ての項目を表示
//	      1 : 絞り込み項目名をタイトル表示し、テーブルは非表示にする
var titleFlag = 1;

//	      セル項目の見出し表示
//	      0 : 見出しなし
//	      1 : 見出しあり
var theadFlag = 1;



/*  ============================================================
Ajax : リスト生成
============================================================ */
// == その他変数定義
var tabDefault = tabName;
var tabNoDefault = 0;


//  == 描画 : xStart に描画開始セルの項目番号を設定する ==========
function findXMLFile(xStart,yStart){

// 検索キーワード
var findName = $F('itemName');

// シート定義
var sheetName = 'Sheet1';

// シートがあるか判定
var wsObj = getWorkSheet(xmlObj,sheetName);
// シートの列数を取得
var x = getWorkSheetColCount(wsObj)+1;
// シートの行数を取得
var y = getWorkSheetRowCount(wsObj);


// 出力する内容を生成
var txt = '';

// 拡張 : タブ名称を見出しとして表示
if(titleFlag == 1){
txt += '<div class="title">' + tabName + '</div>';
}

txt += '<table class="sortable">';
for (h=yStart; h<y; h++){


// == 拡張 : セル項目名を表示 ==========
if(h == yStart && theadFlag ==1){
txt += '<tr id="thead">';
for (var w=xStart; w<x; w++){
var n = getCellData(xmlObj,sheetName,w,h);
// 表示したくない見出しセルを非表示
if(n == "施設名"||n == "取り扱い商品アイコン"){n = '&nbsp;'}

// 現在のタブリンクで不要な th を非表示 
if(titleFlag == 1){
if( clickNo >= 0 && clickNo < 100){
if(w == 1){ /*店舗名のセル列*/
txt += '';
} else {
txt += '<th>' + n +'</th>';
}
}
else if( clickNo >= 100){
if(w == 3){ /*都道府県のセル列*/
txt += '';
} else {
txt += '<th>' + n +'</th>';
}
}
else if( clickNo < 0){
txt += '<th>' + n +'</th>';
}
else {
txt += '<th>' + n +'</th>';
}
} if(titleFlag == 0) {
txt += '<th>' + n +'</th>';
}

}
txt += '</tr>';
}


// タブ絞り込み
for (var w=0; w<x; w++){
var cellText = getCellData(xmlObj,sheetName,w,h);
if(cellText.match(tabName)){

// == Type:A　ヒットした行だけ表示する ======================
if(typeFlag == "A" && h>yStart){
// 検索
for (var w=0; w<x; w++){
var cellText = getCellData(xmlObj,sheetName,w,h);
if(cellText.match(findName)){

// 描画
txt += '<tr>';
for (var w=xStart; w<x; w++){
var n = getCellData(xmlObj,sheetName,w,h);
// 特定の文字列を空白に変換
if(n == "('д')"){n = '&nbsp;'}
// 特定の文字列を他の表記に変換
if(n == "[F]"){n = '<img src="img/shop_mark_f.gif" alt="[F]" />'}
if(n == "[D]"){n = '<img src="img/shop_mark_d.gif" alt="[D]" />'}
if(n == "[N]"){n = '<img src="img/shop_mark_n.gif" alt="[D]" />'}
if(n == "[ND]"){n = '<img src="img/shop_mark_nd.gif" alt="[D]" />'}
//タブ絞り込み名称と同じセルを表示しない
if(n == tabName && titleFlag == 1){
txt += '';
}


// 拡張 : 検索ワードのスタイルを変更
else if(n.match(findName) && findName !== '' && hitFlag == 1) {
var hitWord = '<span>' + findName + '</span>';
var nNew = '';
nSplit = n.split(findName);
for(var i=0;i<nSplit.length;i++){
if(i !==nSplit.length-1){
nNew += nSplit[i]+hitWord;
}else{
nNew += nSplit[i];
}
}
// 拡張 : td にノード番号付きclass を割り振る 
txt += '<td class="cell' + w +'">' + nNew + '</td>';
//txt += '<td>' + nNew + '</td>';
}


else {
// 拡張 : td にノード番号付きclass を割り振る 
txt += '<td class="cell' + w +'">' +n + '</td>';
//txt += '<td>' + n + '</td>';
}
} 
txt += '</tr>';
}
}

}

// == Type:B　ヒットした行のスタイルを変更 ======================
if(typeFlag == "B" && h > yStart){
// 描画
txt += '<tr';
// 検索でヒットした行のスタイルを変更
for (var w=0; w<x; w++){
var cellText = getCellData(xmlObj,sheetName,w,h);
if(cellText.match(findName) && findName !== ''){
txt += ' class="hit"';
}
}
txt += '>';
for (var w=xStart; w<x; w++){
var n = getCellData(xmlObj,sheetName,w,h);
// 特定の文字列を空白に変換
if(n == "('д')"){n = '&nbsp;'}
// 特定の文字列を他の表記に変換
if(n == "[F]"){n = '<img src="img/shop_mark_f.gif" alt="[F]" />'}
if(n == "[D]"){n = '<img src="img/shop_mark_D.gif" alt="[D]" />'}
if(n == "[N]"){n = '<img src="img/shop_mark_n.gif" alt="[D]" />'}
if(n == "[ND]"){n = '<img src="img/shop_mark_nd.gif" alt="[D]" />'}
//タブ絞り込み名称と同じセルを表示しない
if(n == tabName && titleFlag == 1){
txt += '';
}

// 拡張 : 検索ワードのスタイルを変更
else if(n.match(findName) && findName !== '' && hitFlag == 1) {
var hitWord = '<span>' + findName + '</span>';
var nNew = '';
nSplit = n.split(findName);
for(var i=0;i<nSplit.length;i++){
if(i !==nSplit.length-1){
nNew += nSplit[i]+hitWord;
}else{
nNew += nSplit[i];
}
}
// 拡張 : td にノード番号付きclass を割り振る 
txt += '<td class="cell' + w +'">' + nNew + '</td>';
//txt += '<td>' + nNew + '</td>';
}


else {
// 拡張 : td にノード番号付きclass を割り振る 
txt += '<td class="cell' + w +'">' +n + '</td>';
//txt += '<td>' +n + '</td>';
}
} 
txt += '</tr>';

}
// ============================================


}
}
}

txt += '</table>';

// == id 'result' に出力 ==========
// 表示する内容がない場合、メッセージを表示
var searchTd = txt.indexOf('td');
if(searchTd == -1){
txt = '<div class="error">登録されている情報はありません。</div>';
} 
// 描画
$('result').innerHTML = txt;
}



/*  ============================================================
リスト表示コントロール
============================================================ */
// == リストきりかえ ==========
function switchList(no){
//押されたタブリンクナンバーを記憶
clickNo = no;
// 押されたタブリンクのリストを再描画
var tabLabel = list[no];
tabName = tabLabel;
findXMLFile(0,1);



// タブリンク現在位置表示
if(no < 100){
var preTab = 0;
} else {
preTab = 100;
}
createTabLink(preTab);
}


// == 絞り込み解除 ==========
function listClearNarrowing(){
$('itemName').value = '';
findXMLFile(0,1);
}


// == ページ読み込み時の状態に戻す ==========
function listClear(){
tabName = tabDefault;
$('itemName').value = '';
findXMLFile(0,1);
//タブリンクを初期位置に戻す
clickNo = 0;
//タブリンクセットを初期位置に戻す
createTabLink(0);
listClearNarrowing();
}


// == 全て表示 ==========
function listAll(){
//タブリンクを全てアクティブに
clickNo = -1;

tabName = '';
$('itemName').value = '';
findXMLFile(0,1);

//タブリンクセットを初期位置に戻す
createTabLink(0);
}

/*  ============================================================
タブリンクセット描画
============================================================ */
function createTabLinkSet(tabSetNo){
var linkset = '<ul>';

// リンクセット リスト描画
function writeTabSet(presentSetNo){
if(list_set[n] !== undefined){

// 通常のリンク
if(n !== presentSetNo){
linkset += '<li><a href="javascript:createTabLink(' + n + ');">' + list_set[n] + '</a></li>';
// 現在位置表示
} else if(n == presentSetNo) {
linkset += '<li class="present">' + list_set[n]  + '</li>';
}
}
}

// 描画
for(var n=0; n<=list_set.length;n++){
writeTabSet(tabSetNo);
}

linkset += '</ul>';
$('tablinkset').innerHTML = linkset;
var nowTabSetNo = tabSetNo;
}


/*  ============================================================
タブリンク描画
============================================================ */
function createTabLink(tabNo){
// タブリンクセット描画
createTabLinkSet(tabNo);


var links = '<ul>';

// リンクリスト描画
function writeTab(presentNo){
if(list[n] !== undefined){

// 通常のリンク
if(n !== presentNo){
links += '<li><a href="javascript:switchList(' + n + ');">' + list[n] + '</a></li>';

// 現在位置表示
} else if(n == presentNo) {
links += '<li class="present">' + list[n]  + '</li>';
}

}
}

if(tabNo < 100){
for(var n=tabNo; n<100;n++){
writeTab(clickNo);
}
} else {
for(n=100; n<list.length;n++){
writeTab(clickNo);
}
}

links += '</ul>';
$('tablinks').innerHTML = links;
}



/*  ============================================================
ページ読み込み時に実行
============================================================ */

// == 読み込むXML定義とキャッシュ ==========
function dataCache(){
// 読み込むXMLを定義
var filename =  xmlFile + '?cache='+(new Date()).getTime();
new Ajax.Request(filename, {method: 'get', 
onComplete: function(httpObj){
 // 取得したXMLデータを変数に格納
 xmlObj = httpObj.responseXML;
 findXMLFile(0,1);

 //タブリンク表示
 createTabLink(tabNoDefault);
 createTabLinkSet(tabSetNoDefault);

 //ローディングを閉じる
 $('loading').style.display='none';
 //絞り込みを表示
 $('narrowing').style.display='block';
 }});
}

dataCache();