yproAPI.set({
	"hotels":"12000016",
	"display":"gpList",
	"select":"2,3"
});

yproAPI.onload(function () {

	yproAPI.addHtml(function (data) {

		// 各IDで表示箇所を切り分け
		switch(data.p_id) {
			case "2":
				var div = document.getElementById('api_family');
				break;
			case "3":
				var div = document.getElementById('api_single');
				break;
			default:
				var div = document.getElementById('api_recommend');
				break;
		}

		//======================================================
		// 各プランの表示
		var data2 = data.gplist;
		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 > 40 ){
					sPlanText = sPlanText.substring( 0, 40 ) + '...';
				}

					tmpHTML += '<a class="planlist" href="'+yproAPI.getUrl(data2[jCnt])+'">';
					tmpHTML += '<dl><dt>' + yproAPI.getImage(data2[jCnt],{"width":"96"}) + '</dt>';
					tmpHTML += '<dd><p class="ttl">'+yproAPI.getPlanName(data2[jCnt])+'</p>';
					tmpHTML += '<p class="txt">' + sPlanText + '</p>';
					tmpHTML += '<p class="price">料金：'+yproAPI.getMinPrice(data2[jCnt])+'円～</p>';
					tmpHTML += '</dd></dl>';
					tmpHTML += '</a>';
				div.innerHTML += tmpHTML;

			}

		}
		//========================================================

	});

});