yproAPI.set({
	"hotels":"14000009",
	"display":"gpList",
	"select":"4",
	"num":5
});

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

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

		var data2 = data.gplist;

			nCount = 0;
			tmpHtml = "";
			for(var nCnt=1; nCnt < data2.length + 1; nCnt++)
			{
				// Best3まで表示
				if( nCnt <= 3 )
				{

					var sPlanName = yproAPI.getPlanName(data2[nCount]);
					if( sPlanName.length > 35 ){
						sPlanName = sPlanName.substring( 0, 35 ) + '<a href="' + yproAPI.getUrl(data2[nCount]) + '">' + '...</a>';
					}

					tmpHtml += '<div class="ranking_wrp">';
					tmpHtml += '<div class="wrp_img">';
					tmpHtml += '<a href="' + yproAPI.getUrl(data2[nCount]) + '">' + yproAPI.getImage(data2[nCount],{"width":"51","height":"51","img":"1","type":"small"}) + '</a></div>';
					tmpHtml += '<div class="txt_cnt">';
					tmpHtml += '<h4 id="st_best' + nCnt + '">人気NO.' + nCnt + '</h4>';
					tmpHtml += '<a href="' + yproAPI.getUrl(data2[nCount]) + '"><p>' + sPlanName + '</p>';
					tmpHtml += '</a></div>';
					tmpHtml += '</div>';
				}
				
				nCount++;
			}

			div.innerHTML += tmpHtml;

	});
});