yproAPI.set({
	"hotels":"20000007",
	"display":"Category",
	"select":"1",
	"num":1
});

yproAPI.onload(function () {

	//========================================================

	//========================================================
	// ランキングの表示
	var div = document.getElementById('rank_box');
	var ranking_data = yproObject.plan['1'];
	nRankCnt = 1;
	var tmpHtml = '';
	for(nCnt=0; nCnt<ranking_data.length; nCnt++) {
		if(nRankCnt <= 3) {
			var sPlanName = yproAPI.getPlanName(ranking_data[nCnt]);
			if( sPlanName.length > 35 ){
				sPlanName = sPlanName.substring( 0, 35 ) + '<a href="' + yproAPI.getUrl(ranking_data[nCnt]) + '">' + '...</a>';
			}

				// プラングループは文字数を制限
				var sPlanText = yproAPI.getPlanText(ranking_data[nCnt]);
				if( sPlanText.length > 35 ){
					sPlanText = sPlanText.substring( 0, 40 ) + '...';
				}
			div.innerHTML += '<div class="best_list">'
			 + '<div class="cnt_img">'
			 + '<h5 class="bst0' + nRankCnt + '">Best' + nRankCnt + '</h5>'
			 + '  ' +yproAPI.getImage(ranking_data[nCnt],{"width":"60","height":"60"}) + ''
			 + '</div>'
			 + '<p>'
			 + '<span><a href="' + yproAPI.getUrl(ranking_data[nCnt]) +'">' + sPlanName + '</a></span><br>'
			 + sPlanText
			 + '</p>'
			 + '<br clear="all" />'
			 + '</div>';

			nRankCnt = nRankCnt + 1;
		}
		if(nRankCnt==3){
			tmpHtml += '<p class="btn_plan"><a href="http://www.489pro.com/asp/489/menu.asp?id=20000007&gp=YES&ty=ser&lan=JPN">全てのプランを見る</a></p>'
		}
	}
	div.innerHTML += tmpHtml;
	//========================================================


});