// JavaScript Document
var dsPickedUpPlans = null;
document.write('<div id="sectionPickedUpPlans"></div>');
showPickedUpPlans();

function showPickedUpPlans() {
	var pickedUpPlansObserver = new Object();
	pickedUpPlansObserver.onDataChanged = function(notifier, data) {
		var section = document.getElementById("sectionPickedUpPlans");
		if(section != null) {
			var html = '';
			for(index in dsPickedUpPlans.data) {
				html += '<div class="PickupPlanImage01"><a href="/reserve/plan_e.html?planId=' + dsPickedUpPlans.data[index]['@planId'] + '"><img src="/reserve/imgup/' + dsPickedUpPlans.data[index]['image/@filename'] + '" width="100" height="75" border="0" alt="Plan Image"/></a></div>'
					+'<div class="PickupPlanDataBox">'
					+'<div class="PickupPlanName"><a href="/reserve/plan_e.html?planId=' + dsPickedUpPlans.data[index]['@planId'] + '">' + dsPickedUpPlans.data[index]['planNameEnglish'] + '</a></div>'
					+'<div class="PickupPlanInfo">' + dsPickedUpPlans.data[index]['listedPlanDescriptionEnglish'].replace(/</g, "<").replace(/>/g, ">") + '</div>'
					+'<div class="PickupPlanPrice">Starting at ' + dsPickedUpPlans.data[index]['minFeeTotal'] + ' Yen per Guest</div>'
					+'</div>'
					+'<div class="DocTypeSwitch"></div>'
					+'<div class="PickupPlanLine"><img src="/iimg/pickupplan_line01.gif" width="320" height="3" border="0"/></div>'
					+'<div class="DocTypeSwitch"></div>';
			}

			section.innerHTML = '<div class="PlanPickupBox01">' + html + '</div>';
		}
	}

	dsPickedUpPlans = new Spry.Data.XMLDataSet("/WebServices/pickedUpPlans.php", "sounkakuPlans/plan");
	dsPickedUpPlans.addObserver(pickedUpPlansObserver);
	dsPickedUpPlans.loadData();
}