var imgLoading = '<img src="/images/loading.gif" width="32" height="32" alt="Loading">';

function selectCategory() { 
	$('ranking').innerHTML = imgLoading;
	var a = new Ajax.Request( 
	"/ranking/category/" + $F('category'),
	{ 
		"method": "get",
		"parameters": "",
		onSuccess: function(request) {
			// alert('onSuccess');
			//  var json; 
			//  eval("json="+request.responseText);
		}, 
		onComplete: function(request) {
			//alert('onComplete');
			$('ranking').innerHTML = request.responseText;
			//  var json; 
			//  eval("json="+request.responseText);
		},
		onFailure: function(request) {
			alert('読み込みに失敗しました');
		},
		onException: function (request) {
			alert('読み込み中にエラーが発生しました');
		}
	}
	);
}

var select = '';
select += '<form name="form1">';
select += '<select name="category" id="category" onChange="selectCategory()">';
select += '<option value="465610" selected>本（和書）</option>';
select += '<option value="466284">文学・評論</option>';
select += '<option value="571582">人文・思想</option>';
select += '<option value="571584">社会・政治</option>';
select += '<option value="492152">ノンフィクション</option>';
select += '<option value="466286">歴史・地理</option>';
select += '<option value="466282">ビジネス・経済・キャリア</option>';
select += '<option value="492054">投資・金融・会社経営</option>';
select += '<option value="466290">科学・テクノロジー</option>';
select += '<option value="492166">医学・薬学</option>';
select += '<option value="466298">コンピュータ・インターネット</option>';
select += '<option value="466294">アート・建築・デザイン</option>';
select += '<option value="466292">実用・スポーツ・ホビー</option>';
select += '<option value="492228">資格・検定</option>';
select += '<option value="466304">暮らし・健康・子育て</option>';
select += '<option value="492090">旅行ガイド</option>';
select += '<option value="466302">語学・辞事典・年鑑</option>';
select += '<option value="3148931">教育・学参・受験</option>';
select += '<option value="466306">こども</option>';
select += '<option value="466280">コミック・アニメ・BL</option>';
select += '<option value="500592">タレント写真集</option>';
select += '<option value="492266">ゲーム攻略本</option>';
select += '<option value="466296">エンターテイメント</option>';
select += '<option value="466300">新書・文庫</option>';
select += '<option value="13384021">雑誌</option>';
select += '<option value="746102">楽譜・スコア・音楽書</option>';
select += '<option value="13383771">ポスター</option>';
select += '<option value="10667101">アダルト</option>';
//select += '<option value="466288">思想・社会・ノンフィクション</option>';
select += '<option value="886928">カレンダー</option>';
select += '<option value="255460011">古書</option>';
select += '</select>';
select += ' の売れてる本を表示';
select += '</form>';

var cs = $('categoryselect');
cs.innerHTML = select;