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

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

yproAPI.onload(function () {
yproAPI.addHtml(function (data) {
// 各IDで表示箇所を切り分け
switch(data.p_id) {
case "4":
var div = document.getElementById('business');
break;
case "5":
var div = document.getElementById('family');
break;
case "2":
var div = document.getElementById('couple');
break;
case "3":
var div = document.getElementById('standard');
break;
default:
return false;
break;
}

var data2 = data.gplist;


if(typeof(data2) != 'undefined') {

for(var nCnt=0; nCnt<data2.length; nCnt++)
{
// プランタイトル (半角60文字まで)
var sPlanName = yproAPI.getPlanName(data2[nCnt]);
if(sPlanName.length > 60){
sPlanName = sPlanName.substring( 0, 60) + "...";
}

// プラン紹介文(上部) (半角100文字まで)
var sPlanCopy = yproAPI.getPlanCopy(data2[nCnt]);
if(sPlanCopy.length > 100){
sPlanCopy = sPlanCopy.substring( 0, 100 ) + "...";
}

var tmpHtml = '<div class="heightLine-01 rank'+checkRankNumber(nCnt)+'">';

tmpHtml += '&nbsp;&nbsp;<a href="'+yproAPI.getUrl(data2[nCnt])+'"><b>'+sPlanName+'</b></a><br /><font size="-1">&nbsp;&nbsp;&nbsp;&nbsp;'+sPlanCopy+'</font></div>';


div.innerHTML += tmpHtml;
}
}
else
{
div.innerHTML += '只今準備しております。暫くお待ちください。';
}
});
});

function checkRankNumber(nCnt) {
switch(nCnt) {
case 0: return "1st";
case 1: return "2nd";
case 2: return "3rd";
default: return false;
}
}