yproAPI.set({
	"hotels":"46000003",
	"display":"gpList",
	"select":"1,4,3,2"
});

yproAPI.onload(function () {

	yproAPI.addHtml(function (data) {

		// 各IDで表示箇所を切り分け
		switch(data.p_id) {
			case "1":
				var div = document.getElementById('con_ranking');		// 人気ランキング
				break;
			case "4":
				var div = document.getElementById('tab_o_1');			// WEB限定プラン
				break;
			case "3":
				var div = document.getElementById('tab_o_2');			// プレミアム
				break;
			case "2":
				var div = document.getElementById('tab_o_5');			// グループ
				break;
			default:
				var div = document.getElementById('tab_o_1');
				break;
		}

		//======================================================
		// 各プランの表示
		var data2 = data.gplist;
		for( var jCnt = 0; jCnt < data2.length; jCnt++ ){
			
			if( data2[jCnt] != undefined ){

				// プラングループに含まれるプランの数だけ出力
				var tmpHTML = "";
				
				if(data.p_id == '1') {
					// 人気プラン
					// 表示個数
					if( jCnt >= 3 )
					{
						continue;
					}
					sPlanName = yproAPI.getPlanName(data2[jCnt]);
					if( sPlanName.length > 30 ) {
						sPlanName = sPlanName.substring(0, 30)+'...';
					}
					tmpHTML += '<div class="plan_list">';
					tmpHTML += '<h4 class="st_rank'+(jCnt+1)+'">人気No.'+(jCnt+1)+'</h4>';
					tmpHTML += '<p class="img_l"><a href="'+yproAPI.getUrl(data2[jCnt])+'">'+yproAPI.getImage(data2[jCnt],{"width":"45"})+'</a></p>';
					tmpHTML += '<p class="plan_name"><a href="'+yproAPI.getUrl(data2[jCnt])+'">'+sPlanName+'</a></p>';
					tmpHTML += '</div>';
				}
				else {
					// その他
					sPlanName = yproAPI.getPlanName(data2[jCnt]);
					if( sPlanName.length > 50 ) {
						sPlanName = sPlanName.substring(0, 50)+'...';
					}
					sPlanText = yproAPI.getPlanText(data2[jCnt]);
					if( sPlanText.length > 100 ){
						sPlanText = sPlanText.substring( 0, 100 ) + '...';
					}
					tmpHTML += '<div class="plan_list">';
					tmpHTML += '<p class="img_l"><a href="'+yproAPI.getUrl(data2[jCnt])+'">'+yproAPI.getImage(data2[jCnt],{"width":"71"})+'</a></p>';
					tmpHTML += '<div class="con_text">';
					tmpHTML += '<h4><a href="'+yproAPI.getUrl(data2[jCnt])+'">'+sPlanName+'</a></h4>';
					tmpHTML += '<p>'+sPlanText+'</p>';
					tmpHTML += '</div>';
					tmpHTML += '</div>';
				}
				
				if(tmpHTML == "") {
					tmpHTML = '<p style="margin:10px 0px 50px 20px;">只今準備中です。</p>';
				}

				div.innerHTML += tmpHTML;

			}

		}
		//========================================================

	});

});


