var THIRD_PAGE = "./performance_detail.html";



var dsElem = new Spry.Data.XMLDataSet("data/userperform.xml", "UserData/Category", { subPaths: ["DetailData", "DetailData/Elem"] });
var dsImg = new Spry.Data.XMLDataSet("data/userperform.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;


	str += "<div id='buy' class='buy'><h3>開発実績</h3>";



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


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

		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>";
				}

				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>";
				}

				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 "";
}