// 1:人気プランBEST3
// 2:ビジネスプラン
// 3:レディースプラン

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

yproAPI.onload(function () {

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


	//======================================================
	// 各プラングループの表示
	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 >= 3 )
				{
					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 sPlanText = yproAPI.getPlanText(data[nCnt]);
					if( sPlanText.length > 90 ){
						sPlanText = sPlanText.substring( 0, 90 ) + '...';
					}
					var sImg = yproAPI.getImage(data[nCnt],{"width":"82","height":"82"});
					
					tmpHTML += '<div class="list_plan" id="no'+(nCnt+1)+'">';
					tmpHTML += '<p class="photo"><a href="'+sLink+'">'+sImg+'</a></p>';
					tmpHTML += '<div class="txt">';
					tmpHTML += '<h3><a href="'+sLink+'">'+sPlanTitle+'</a></h3>';
					tmpHTML += '<p>' + sPlanText + '</p>';
					tmpHTML += '<p class="price">【 料金 】 お一人様 '+sPrice+'円～</p>';
					tmpHTML += '</div>';
					tmpHTML += '</div>';
					
				}
				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":"82","height":"82"});
					
					tmpHTML += '<div class="list_plan">';
					tmpHTML += '<p class="photo"><a href="'+sLink+'">'+sImg+'</a></p>';
					tmpHTML += '<div class="txt">';
					tmpHTML += '<h3><a href="'+sLink+'">'+sPlanTitle+'</a></h3>';
					tmpHTML += '<p>'+sPlanText;+'</p>';
					tmpHTML += '<p class="price">【 料金 】 お一人様 '+sPrice+'円～</p>';
					tmpHTML += '</div>';
					tmpHTML += '</div>';
					
				}
				
			}
			
		}
			div.innerHTML += tmpHTML;
	}
	//========================================================

});


