yproAPI.set({
	"hotels":"19000008",
	"display":"gpList",
	"select":"15,13,14",
	"num":8
});

//各個別に表示設定を行う

yproAPI.onload(function () {
	
	yproAPI.addHtml(function (data) {
		// 各IDで表示箇所を切り分け
		switch(data.p_id) {
			case "15":
				var div = document.getElementById('reccp');
				break;
			case "13":
				var div = document.getElementById('annualp');
				break;
			case "14":
				var div = document.getElementById('ondeayp');
				break;
			default:
				var div = document.getElementById('reccp');
				break;
		}

		var data2 = data.gplist;

		for(var nCnt=0; nCnt<data2.length; nCnt++)
		{
			// クラス
			var sClass = ' fright';
			if(nCnt % 2 == 0){
				sClass = ' fleft';
			}
			
			// プランタイトル(全角15文字まで)
			var sPlanTitle = yproAPI.getPlanName(data2[nCnt]);
/*			if(sPlanTitle.length > 20){
				sPlanTitle = sPlanTitle.substring(0, 12) + "..."
			}*/
			
			// プラン紹介文(上部) (全角50文字まで)
			var sPlanCopy = yproAPI.getPlanCopy(data2[nCnt]);
			if(sPlanCopy.length > 30){
				sPlanCopy = sPlanCopy.substring( 0, 27 ) + "...";
			}

			var tmpHtml = '<div class="packs'+sClass+' heightLine">';
			tmpHtml += '<a href="'+yproAPI.getUrl(data2[nCnt])+'">';
			tmpHtml += '<h5>'+sPlanTitle+'</h5>';
			tmpHtml += '<p class="img_pack">'+yproAPI.getImage(data2[nCnt],{"img":1,"width":"79","height":"61"})+'</p>';
			tmpHtml += '<p class="txt_pack">'+sPlanCopy+'</p>';
			tmpHtml += '</a>';
			tmpHtml += '</div>';
			
			div.innerHTML += tmpHtml;
		}

	});

});