var category_a = new Array( "陶芸",
						     "蒔絵",
							 "絵付け",
							 "クラフト",
							 "編組",
							 "染・織",
							 "木工芸",
							 "炭焼き・林業",
							 "郷土食",
							 "農業体験" );

var category_b = new Array( "団体向視察" );

var category_c = new Array( "郷土料理・和食",
						     "そば",
							 "ソースカツ丼",
							 "会津ラーメン",
							 "イタリアン",
							 "カフェレストラン",
							 "アジア" );

var category_d = new Array( "米沢ルート（北） - 花と紅葉名所",
						     "米沢ルート（北） - 散策トレッキング",
							 "米沢ルート（北） - イベント（2～翌1月）",
							 "米沢ルート（北） - 二次交通",
							 "下野ルート（南） - 花と紅葉名所",
							 "下野ルート（南） - 散策トレッキング",
							 "下野ルート（南） - イベント（2～翌1月）",
							 "下野ルート（南） - 二次交通",
							 "越後ルート（西） - 花と紅葉名所",
							 "越後ルート（西） - 散策トレッキング",
							 "越後ルート（西） - イベント（2～翌1月）",
							 "越後ルート（西） - 二次交通",
							 "二本松ルート（東） - 花と紅葉名所",
							 "二本松ルート（東） - 散策トレッキング",
							 "二本松ルート（東） - イベント（2～翌1月）",
							 "二本松ルート（東） - 二次交通",
							 "沼田ルート（西2） - 花と紅葉名所",
							 "沼田ルート（西2） - 散策トレッキング",
							 "沼田ルート（西2） - イベント（2～翌1月）",
							 "沼田ルート（西2） - 二次交通",
							 "会津若松市 - 花と紅葉名所",
							 "会津若松市 - 散策トレッキング",
							 "会津若松市 - イベント（2～翌1月）",
							 "会津若松市 - 二次交通" );

var category_e = new Array( "幕末会津",
						     "レトロな建物",
							 "仏都会津",
							 "近代化遺産",
							 "庶民グルメ" );

var category_f = new Array( "米沢ルート（北）",
						     "下野ルート（南）",
							 "越後ルート（西）",
							 "二本松ルート（東）",
							 "沼田ルート（西2）",
							 "会津若松市" );


function CreateList(myFORM) {

	if(myFORM.options[myFORM.selectedIndex].value == 'A') {
		Create($('category_sub'), category_a);
		Display('category_a');
	} else if(myFORM.options[myFORM.selectedIndex].value == 'B') {
		Create($('category_sub'), category_b);
		Display('category_b');
	} else if(myFORM.options[myFORM.selectedIndex].value == 'C') {
		Create($('category_sub'), category_c);
		Display('category_c');
	} else if(myFORM.options[myFORM.selectedIndex].value == 'D') {
		Create($('category_sub'), category_d);
		Display('category_d');
	} else if(myFORM.options[myFORM.selectedIndex].value == 'E') {
		Create($('category_sub'), category_e);
		Display('category_e');
	} else if(myFORM.options[myFORM.selectedIndex].value == 'F') {
		Create($('category_sub'), category_f);
		Display('category_f');
	}

} 

function Create(objList, objArray) 

	//objListは、select要素のオブジェクト
	//objArrayは、select要素へ代入する値の配列

{ 

	var nMax = objArray.length;//select要素へ代入する値の配列数 
	var nLoop = 0; 
	for (nLoop = 0; nLoop < nMax; nLoop++){ 
		//option要素を作成
		oAdd = document.createElement('option');
		
		//option要素を親要素に追加する前にすでに子要素があるときはそれを削除
		if(objList.childNodes[nLoop]  != undefined) {
			objList.removeChild(objList.childNodes[nLoop]);
		}
		
		//option要素を親要素（select）へ追加
		objList.appendChild(oAdd);
		
		//option要素のvalue属性にインデックスの値を設定
		objList.childNodes[nLoop].setAttribute('value',objArray[nLoop]);
		
		//option要素の子要素にobjArray配列の値をテキストとして作成
		oAddx= document.createTextNode(objArray[nLoop]);
		
		//すでに子要素があるときはそれを削除
		if(objList.childNodes[nLoop].firstChild  != undefined)
			objList.childNodes[nLoop].removeChild(objList.childNodes[nLoop].firstChild);
		
		//作成したテキストを親要素（option）へ追加
		objList.childNodes[nLoop].appendChild(oAddx);
	}
	//連動する方のselect要素の個数を設定する
	objList.length=nLoop;

}

function Display(objAppear) {

	$('category_a').style.display = 'none';
	$('category_b').style.display = 'none';
	$('category_c').style.display = 'none';
	$('category_d').style.display = 'none';
	$('category_f').style.display = 'none';
	
	$(objAppear).style.display = 'block';
}

function setSession(id) {
	
	var url = '../setitem.php';
	var param = 'id=' + id;
	
	var myAjax = new Ajax.Request(
						url,
						{
							method: 'post',
							parameters: param,
							onComplete: showResponse
						}
				 );
	
    $('btn_'+id+'_on').className = 'btn_off';
    $('btn_'+id+'_off').className = 'btn_on';
}

function showResponse() {
	alert('手帳にアイテムを追加しました。');
}

function test() {
	alert('test.');	
}