yproAPI.set({
	"hotels":"43100728",
	"display":"gpList",
	"select":"8,9,10,11"
});

var nPlan = 0;
document.getElementById("p_bus").innerHTML = "<center><img src='images/loader.gif' /></center>";

yproAPI.onload(function () {
	yproAPI.addHtml(function (data) {
		// 各IDで表示箇所を切り分け
		switch(data.p_id) {
			case "8":
				document.getElementById("p_bus").innerHTML = "";
				var div = document.getElementById('p_bus');
				break;
			case "9":
				var div = document.getElementById('p_lad');
				break;
			case "10":
				var div = document.getElementById('p_cou');
				break;
			case "11":
				var div = document.getElementById('p_fam');
				break;
			default:
				var div = document.getElementById('p_bus');
				break;
		}

		//======================================================
		// 各プランの表示
		var data2 = data.gplist;

		if( data2 != undefined ) {
			for( var jCnt = 0; jCnt < data2.length; jCnt++ ) {
				
				if( data2[jCnt] != undefined ) {

					// プラングループに含まれるプランの数だけ出力
					var tmpHTML = "";

					// 表示個数
					if( jCnt >= 3 ) {
						continue;
					}
					// プラングループは文字数を制限
					var sPlanText = yproAPI.getPlanText(data2[jCnt]);
					if( sPlanText.length > 50 ) {
						sPlanText = sPlanText.substring( 0, 50 ) + '...';
					}

					if (jCnt == 0) {
						tmpHTML += '<div class="box_recommend bg_gray">';
					} else {
						tmpHTML += '<div class="box_recommend">';
					}
					tmpHTML += '<dl>'+"\n";
					tmpHTML += '<dt>'+yproAPI.getImage(data2[jCnt],{"width":"106","height":"70"})+'</dt>'+"\n";
					tmpHTML += '<dd>'+"\n";
					tmpHTML += '<p class="title"><a href="'+yproAPI.getUrl(data2[jCnt])+'">'+yproAPI.getPlanName(data2[jCnt])+'</a></p>'+"\n";
					tmpHTML += '<p class="pack">'+"\n";
					tmpHTML += ''+sPlanText+"\n";
					tmpHTML += '</p>'+"\n";
					tmpHTML += '<p class="price">【料金】1名様 '+yproAPI.getMinPrice(data2[jCnt])+'円</p>'+"\n";
					tmpHTML += '</dd>'+"\n";
					tmpHTML += '</dl>'+"\n";

					div.innerHTML += tmpHTML;

				}
			}

		} else {
			div.innerHTML = "<center>只今該当するプランはございません。</center>";
		}
		nPlan++;
		//========================================================
//					<dl>
//						<dt><img src="images/home/img_pack.jpg" alt="プランイメージ" /></dt>
//						<dd>
//							<p class="title"><a href="#">☆リニューアルオープン記念☆８月１日～のご予約限定！！...</a></p>
//							<p class="pack">
//								こちらにプランの説明文章が入ります。こちらにプランの説明文章が入ります。こちらにプランの説明文章が入ります。
//							</p>
//							<p class="price">【料金】1名様 4,300円</p>
//						</dd>
//					</dl>
	});
});