// -----------------------------------------------------------------------
// Information XML
// -----------------------------------------------------------------------


// -------------------------------------------------
// 初期設定
// -------------------------------------------------
$(function(){
	$("table.tbl-description-02 tbody").html("");
	$("div.tbl-container-01.important").hide();
});

// -------------------------------------------------
// XML読み込み
// -------------------------------------------------
function xmlLoad(){
	$.ajax({
		   url:'/shared/xml/data.xml',
		   type:'get',
		   dataType:'xml',
		   timeout:1000,
		   success:parse_xml
	});
}

// -------------------------------------------------
// XMLデータを取得
// -------------------------------------------------
function parse_xml(xml,status){
	if(status!='success')return;
	$(xml).find('item').each(disp);
	$(xml).find('important').each(dispImportant);
	$(xml).find('important2').each(dispImportant2);
	$(xml).find('express').each(dispExpress);
}

// -------------------------------------------------
// インフォメーションデータ関数
// -------------------------------------------------
function disp(){
	
	//アイテムの各要素を変数に格納
	var $day = $(this).find('day').text();
	var $label1 = $(this).find('label1').text();
	var $label2 = $(this).find('label2').text();
	var $category1 = $(this).find('category1').text();
	var $category2 = $(this).find('category2').text();
	var $country = $(this).find('country').text();
	var $content = $(this).find('content').text();
	var $url = $(this).find('url').text();
	var $target = $(this).find('target').text();
	
	//カテゴリ毎にソートのためにbodyに付与したクラス変数に格納
	var $bodyClass = $("body").attr("class");
	var $bodyID = $("body").attr("id");
	
	//全件表示
	if($bodyClass == "info"){
		$('<tr>'+
		  '<th>'+$day+'</th>'+
		  '<td class="category-01"><span class="'+$label1+'">'+$category1+'</span></td>'+
		  '<td class="category-02"><span class="'+$label2+'">'+$category2+'</span></td>'+
		  '<td><a href="'+$url+'" target="'+$target+'">'+$content+'</a></td>'+
		  '</tr>').appendTo('table.tbl-description-02 tbody');
		$("table#info-index td.category-02").show();
	}
	
	//3件表示（下層）
	if(($bodyClass == $label1)||($bodyClass == $label2)){
		$('<tr>'+
		  '<th>'+$day+'</th>'+
		  '<td class="category-01"><span class="'+$label1+'">'+$category1+'</span></td>'+
		  '<td class="category-02"><span class="'+$label2+'">'+$category2+'</span></td>'+
		  '<td><a href="'+$url+'" target="'+$target+'">'+$content+'</a></td>'+
		  '</tr>').appendTo('table#info-article tbody');
		
		//4件目以降を非表示
		$("table#info-article tbody tr:gt(2)").hide();
		var $col01 = $("table#info-article tbody tr:eq(0) td.category-02 span").attr("class");
		var $col02 = $("table#info-article tbody tr:eq(1) td.category-02 span").attr("class");
		var $col03 = $("table#info-article tbody tr:eq(2) td.category-02 span").attr("class");
		
		if(($col01 == "")&&($col02 == "")&&($col03 == "")){
			$("table#info-article td.category-02").hide();
			$("table#info-article colgroup").html('<col width="8%" /><col width="22%" /><col width="70%" />');
		}
		if(($col01 == undefined)&&($col02 == undefined)&&($col03 == undefined)){
			$("table#info-article td.category-02").hide();
			$("table#info-article colgroup").html('<col width="8%" /><col width="22%" /><col width="70%" />');
		}
		if(($col01 == $label1)||($col02 == $label1)||($col03 == $label1)){
			$("table#info-article td.category-02").show();
			$("table#info-article colgroup").html('<col width="8%" /><col width="18%" /><col width="18%" /><col width="56%" />');
		}
		if(($col01 == $label2)||($col02 == $label2)||($col03 == $label2)){
			$("table#info-article td.category-02").show();
			$("table#info-article colgroup").html('<col width="8%" /><col width="18%" /><col width="18%" /><col width="56%" />');
		}

	}
	
	//3件表示（トップページ）
	if($bodyID == "index"){
		$('<tr>'+
		  '<th>'+$day+'</th>'+
		  '<td class="category-01"><span class="'+$label1+'">'+$category1+'</span></td>'+
		  '<td class="category-02"><span class="'+$label2+'">'+$category2+'</span></td>'+
		  '<td><a href="'+$url+'" target="'+$target+'">'+$content+'</a></td>'+
		  '</tr>').appendTo('table#info-index tbody');
		
		//4件目以降を非表示
		$("table#info-index tbody tr:gt(2)").hide();
		var $col01 = $("table#info-index tbody tr:eq(0) td.category-02 span").attr("class");
		var $col02 = $("table#info-index tbody tr:eq(1) td.category-02 span").attr("class");
		var $col03 = $("table#info-index tbody tr:eq(2) td.category-02 span").attr("class");
		
		if(($col01 == "")&&($col02 == "")&&($col03 == "")){
			$("table#info-index td.category-02").hide();
			$("table#info-index colgroup").html('<col width="8%" /><col width="22%" /><col width="70%" />');
		}
		
		if(($col01 == undefined)&&($col02 == undefined)&&($col03 == undefined)){
			$("table#info-index td.category-02").hide();
			$("table#info-index colgroup").html('<col width="8%" /><col width="22%" /><col width="70%" />');
		}
	}
}

// -------------------------------------------------
// 重要なお知らせ（ラベル1つ）データ関数
// -------------------------------------------------
function dispImportant(){
	
	$("div.tbl-container-01.important").show();
	
	//アイテムの各要素を変数に格納
	var $day = $(this).find('day').text();
	var $label1 = $(this).find('label1').text();
	var $category1 = $(this).find('category1').text();
	var $country = $(this).find('country').text();
	var $content = $(this).find('content').text();
	var $url = $(this).find('url').text();
	var $target = $(this).find('target').text();
	
	var $bodyID = $("body").attr("id");
	
	if($bodyID == "index"){
		$('<tr>'+
		  '<th>'+$day+'</th>'+
		  '<td class="category-01"><span class="'+$label1+'">'+$category1+'</span></td>'+
		  '<td><a href="'+$url+'" target="'+$target+'">'+$content+'</a></td>'+
		  '</tr>').appendTo('table#info-important tbody');
	}
	$("table#info-important colgroup").html('<col width="8%" /><col width="22%" /><col width="70%" />');
	
}

// -------------------------------------------------
// 重要なお知らせ（ラベル2つ）データ関数
// -------------------------------------------------
function dispImportant2(){
	
	$("div.tbl-container-01.important").show();
	
	//アイテムの各要素を変数に格納
	var $day = $(this).find('day').text();
	var $label1 = $(this).find('label1').text();
	var $label2 = $(this).find('label2').text();
	var $category1 = $(this).find('category1').text();
	var $category2 = $(this).find('category2').text();
	var $country = $(this).find('country').text();
	var $content = $(this).find('content').text();
	var $url = $(this).find('url').text();
	var $target = $(this).find('target').text();
	
	var $bodyID = $("body").attr("id");
	
	if($bodyID == "index"){
		$('<tr>'+
		  '<th>'+$day+'</th>'+
		  '<td class="category-01"><span class="'+$label1+'">'+$category1+'</span></td>'+
		  '<td class="category-02"><span class="'+$label2+'">'+$category2+'</span></td>'+
		  '<td><a href="'+$url+'" target="'+$target+'">'+$content+'</a></td>'+
		  '</tr>').appendTo('table#info-important tbody');
	}
}

// -------------------------------------------------
// 国別通関情報データ関数
// -------------------------------------------------
function dispExpress(xml,status){
	
	//アイテムの各要素を変数に格納
	var $area = $(this).find('area').text();
	var $country = $(this).find('country').text();
	var $content = $(this).find("content");
	var $className = $area.replace(/area(\d+)/,"area-$1");//area01 => area-01 に変換
	
	//HTML文字列生成
	var $html = '<div class="segment">';
	$html += '<h3 class="hdg3-01"><span>'+$country+'</span></h3>';
	$html += '<ul class="list-link-01">';
	$content.each(function(i){
		var $day = $(this).find('day').text();
		var $title = $(this).find("title").text();
		var $url = $(this).find("url").text();
		var $target = $(this).find("target").text();
		$html += '<li>'+$day+'<br /><a href="'+$url+'" target="'+$target+'">'+$title+'</a></li>'
	});
	$html += '</ul>';
	$html += '</div>';
	
	//HTMLに反映
	$("div." + $className).append($html);
}

//関数実行
$(function(){
	xmlLoad();
});