// 1:人気プラン

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

yproAPI.onload(function () {

	// 各IDで表示箇所を切り分け
	var list_id = new Array("","plan_01");
	var list_no = new Array(0,1);


	//======================================================
	// 各プラングループの表示
	for( var jCnt = 1; jCnt < list_id.length; jCnt++ ){
		
		// 宿泊プランを表示するブロック
		var div = document.getElementById( new String( list_id[ jCnt ] ) );

		// jCnt個目のカテゴリ
		var data = yproObject.plan[ new String( list_no[ jCnt ] ) ];

		if( data != undefined ){

			// カテゴリに含まれるプラングループの数だけ出力
			var tmpHTML = "";
			for( var nCnt = 0; nCnt < data.length; nCnt++ ){
				
				// 表示個数
				if( nCnt >= 5 )
				{
					continue;
				}
				
				var sLink = yproAPI.getUrl(data[nCnt]);
				var sPrice = yproAPI.getMinPrice(data[nCnt]);
				var sClass = '';
				if( nCnt == 2 )
				{
					sClass = ' last';
				}
				if( jCnt == 1 )
				{
					// ベストプラン3
					// プラングループは文字数を制限
					var sPlanTitle = yproAPI.getPlanName(data[nCnt]);
					if( sPlanTitle.length > 27 ){
						sPlanTitle = sPlanTitle.substring( 0, 27 ) + '...';
					}
					var sImg = yproAPI.getImage(data[nCnt],{"width":"80","height":"60"});
					
					tmpHTML += '<p class="list_plan"><a href="'+sLink+'">'+sImg+'<span class="title">'+sPlanTitle+'</span><br />';
					tmpHTML += '<span class="ex">[1泊1名様]'+sPrice+'円～</span>';
					tmpHTML += '</a></p>';
				}
				else
				{
					// プラングループは文字数を制限
					//var sPlanTitle = yproAPI.getPlanName(data[nCnt]);
//					if( sPlanTitle.length > 25 ){
//						sPlanTitle = sPlanTitle.substring( 0, 25 ) + '...';
//					}
//					
//					var sPlanText = yproAPI.getPlanText(data[nCnt]);
//					if( sPlanText.length > 90 ){
//						sPlanText = sPlanText.substring( 0, 90 ) + '...';
//					}
//					var sImg = yproAPI.getImage(data[nCnt],{"width":"100","height":"75"});
//					
//					tmpHTML += '';
				}
				
			}
			
			div.innerHTML += tmpHTML;


		}

	}
	//========================================================

});