var THIRD_PAGE = "./object_detail.html";
var h5id = {'分譲宅地': 'subdivision', '売地': 'lot', '中古売家': 'u_house', '売事務所': 's_office', '売店舗': 's_store', '賃貸(居住用)': 'house', '賃貸(業務用)': 'office', '賃貸駐車場': 'parking'};


var dsElem = new Spry.Data.XMLDataSet("data/userprop.xml", "UserData/Category", { subPaths: ["DetailData", "DetailData/Elem"] });
var dsImg = new Spry.Data.XMLDataSet("data/userprop.xml", "UserData/Category", { subPaths: ["DetailData", "DetailData/Img"] });

dsElem.setColumnType("DetailData/Elem", "html");





dsElem.addObserver({ onPostLoad: function() {

	var rows = dsElem.getData();
	var numRows = rows.length;
	var str = "";

	var cate = "";
	var code = "";
	var flg = false;
	
	var tmp;


	for (var i = 0; i < numRows; i++) {
		var row = rows[i];

		if (cate != row["@CategoryName"]) {
			cate = row["@CategoryName"];

			if ("分譲宅地" == cate) {
				str += "<div id='buy' class='buy'><h3>物件情報</h3><h4>買いたい</h4>";
				str += "<h5 id='" + h5id[cate] + "'>" + cate + "</h5>";
			} else if ("賃貸(居住用)" == cate) {
				str += "</div>";
				str += "<div id='rental' class='rental'><h4>借りたい</h4>";
				str += "<h5 id='" + h5id[cate] + "'>" + cate + "</h5>";
			} else {
				str += "\n<h5 id='" + h5id[cate] + "'>" + cate + "</h5>";
			}
		}

		if (code != row["DetailData/@KeyCode"] && row["DetailData/@Visible"] == "true") {
			code = row["DetailData/@KeyCode"];
			flg = true;

		} else {
			flg = false;
		}

		if (flg == true) {
			if (cate != null && code != null) {

				tmp = getHash(cate, code);
				str += "<div class='section'>";

				str += "<div class='detail'>";

				var img = getImg(cate, code);
				if (img != null && img != "" && tmp["物件名"] != null) {
					str += "<p>";
					str += "<a href='" + THIRD_PAGE + "?keyCode=" + code + "' title='" + tmp["物件名"] + "'>";
					str += "<img src='./data/" + code + "/images/" + img + "' width='210' height='157' alt='" + tmp["物件名"] + "' />"
					str += "</a></p>";
				}

				str += "<p class='go_detail'><a href='" + THIRD_PAGE + "?keyCode=" + code + "'>詳細</a></p></div>";


				str += "<dl>";
				str += "<dt>物件名</dt>";

				if (tmp["物件名"] != null) {
					str += "<dd>" + tmp["物件名"] + "</dd>";
				} else {
					str += "<dd></dd>";
				}

				str += "<dt>所在地</dt>";

				if (tmp["所在地"] != null) {
					str += "<dd>" + tmp["所在地"] + "</dd>";
				} else {
					str += "<dd></dd>";
				}


				if (cate != "賃貸駐車場") {
					str += "<dt>土地面積</dt>";
					if (tmp["土地面積"] != null) {
						str += "<dd>" + tmp["土地面積"] + "</dd>";
					} else {
						str += "<dd></dd>";
					}
				}

				str += "</dl>";



				str += "</div>";

				str += "<p class='gotop'><a href='#container' title='ページトップへ戻る'>ページトップへ戻る▲</a></p>";

			}
		}
	}

	str += "</div>";

//	alert("Category  Alert  " + numRows + "\n" + str);

	document.getElementById("dynmain").innerHTML = str;
	
	var data = location.href.split("#")[1];
	if (data != null && data != "") {
		window.location = "#" + data;
	}
}} );



function getHash(cate, code) {
	var rows = dsElem.getData();
	var hash = {};
	
	for (var i = 0; i < rows.length; i++) {
		var row = rows[i];

		if (row["@CategoryName"] != null && row["DetailData/@KeyCode"] &&
			cate == row["@CategoryName"] && code == row["DetailData/@KeyCode"]) {

			if (row["DetailData/Elem/@KeyName"] != null) {
				hash[row["DetailData/Elem/@KeyName"]] = row["DetailData/Elem"];
			}
		}
	}
	return hash;
}


function getImg(cate, code) {
	var rows = dsImg.getData();
	var img = "";
	
	for (var i = 0; i < rows.length; i++) {
		var row = rows[i];

		if (row["@CategoryName"] != null && row["DetailData/@KeyCode"] &&
			cate == row["@CategoryName"] && code == row["DetailData/@KeyCode"]) {

			if (row["DetailData/Img"] != null) {
				return row["DetailData/Img"];
			}
		}
	}
	return "";
}