$(function() {
	get_xml();
});

// xmlファイル読み込み
function get_xml(){

    $.ajax({
        url:'./xml_data/topics.xml',
        type: 'GET',   
		dataType: 'xml', 
		timeout: 1000, 
		error: function(){ 
			$('#TOPICEREA').text("トピックスファイルの読み込みに失敗しました。");
		}, 
		success:parse_xml
    });
}

// xmlデータ解析
function parse_xml(xml){
	
	//表示記事数（全て表示する場合は「0」）
	var num_index   = 5;	//トップページ
	var num_topics  = 0;	//トピックス一覧ページ
	
	data_num = num_topics;
	if($('body').is('#index')) data_num = num_index;
	
    var $this = $(xml).find('Worksheet:first Row:last');
	var num = $(xml).find('Worksheet:first Row').length;
	
	$('#TOPICEREA').html('<dl id="topic"></dl>'); //メッセージの削除＆
	
	for (i = 1; i < num; i++) {
		
		$this.each(write_row);	//データの表示
		$this = $this.prev('Row');
		
		if(i >= data_num  && data_num  > 0) break;
		
	}
}

// 1件分のデータをtable要素に追加
function write_row(){

	var item_update   = $(this).find('Cell:eq(0) Data').text().replace(/[\n\r]/g,"");		//更新日
	var item_category = $(this).find('Cell:eq(1) Data').text().replace(/[\n\r]/g,"");		//項目
	var item_title    = $(this).find('Cell:eq(2) Data').text().replace(/[\n\r]/g,"");		//タイトル
	var item_url      = $(this).find('Cell:eq(3) Data').text().replace(/[\n\r]/g,"");		//URL
	var item_text     = $(this).find('Cell:eq(4) Data').text().replace(/[\n\r]/g,"<br>");	//説明
	
	if (item_update == "") return false;	//日付がないものは表示しない。
	
	var resultText = "";
	
	$("<dt>").appendTo('#topic');	//タイトルエリアの生成
	
	//日付
	var update = item_update.split("/");
	resultText += '<span>'+update[0]+'年'+update[1]+'月'+update[2]+'日</span>\n';
	
	//アイコン
	switch(item_category){　
		case "更新":
			resultText += '<strong class="icon_new">更新</strong>\n';
			break;
		case "イベント":
			resultText += '<strong class="icon_event">イベント</strong>\n';
			break;
		case "お知らせ":
			resultText += '<strong class="icon_info">お知らせ</strong>\n';
			break;
		case "重要":
			resultText += '<strong class="icon_imp">重要</strong>\n';
			break;
		default:
			resultText += '<strong class="icon_ather">'+item_category+'</strong>\n';
	}
	
	//タイトル
	if(item_url.indexOf(".") != -1 && item_title != "") {
		resultText += '<span class="topic_title"><a href="'+item_url+'">'+item_title+'</a></span>\n';
	} else {
		resultText += '<span class="topic_title">'+item_title+'</span>\n';
	}
	
	resultText += "<br>\n";
	//タイトルエリアの書き出し
	$('dt:last').append(resultText);
	
	$("<dd>")
	.html(item_text)
	.appendTo('#topic');	//説明書き出し
	

}