// 1:おすすめプラン
// 2:人気のプラン
// 3:期間限定プラン

yproAPI.set({
	"hotels":"24000009",
	"display":"gpList",
	"select":"16,17,18",
	"num":6
});

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

yproAPI.onload(function () {
	yproAPI.addHtml(function (data) {
		// 各IDで表示箇所を切り分け
		switch(data.p_id) {
			case "16":
				var div = document.getElementById('osusume');
				break;
			case "17":
				var div = document.getElementById('popular');
				break;
			case "18":
				var div = document.getElementById('limited');
				break;
			default:
				return false;
				break;
		}

		var data2 = data.gplist;

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

			for(var nCnt=0; nCnt<data2.length; nCnt++)
			{
				// プランタイトル (半角20文字まで)
				var sPlanName = yproAPI.getPlanName(data2[nCnt]);
				if(sPlanName.length > 17){
					sPlanName = sPlanName.substring( 0, 17) + "...";
				}
				
				// プラン紹介文(上部) (半角40文字まで)
				var sPlanCopy = yproAPI.getPlanCopy(data2[nCnt]);
				if(sPlanCopy.length > 40){
					sPlanCopy = sPlanCopy.substring( 0, 40 ) + "...";
				}
				
				var tmpHtml = '<div class="heightLine-01 rank'+checkRankNumber(nCnt)+'">';
				if(yproAPI.getImage(data2[nCnt]) != "")
				{
					tmpHtml += '<p class="planlist"><a href="'+yproAPI.getUrl(data2[nCnt])+'"><span class="title">'+sPlanName+'</span><br />';
				}
				tmpHtml += '<span class="photo">'+yproAPI.getImage(data2[nCnt],{"width":"92","height":"72"})+'</span><span class="text">'+sPlanCopy+'</span>';
				tmpHtml += '</p>';

				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;
	}
}