// 1:Web限定プラン
// 2:女性限定プラン
// 3:お料理重視プラン

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

yproAPI.onload(function () {

	// 各IDで表示箇所を切り分け
	var list_id = new Array("","best");
	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 >= 3 )
				{
					continue;
				}
				// プラングループは文字数を制限
				var sLink = yproAPI.getUrl(data[nCnt]);
				var sPrice = yproAPI.getMinPrice(data[nCnt]);
				var sImg = yproAPI.getImage(data[nCnt],{"width":"74","height":"54"});
				
				
				var sPlanTitle = yproAPI.getPlanName(data[nCnt]);
				if( sPlanTitle.length > 30 ){
					sPlanTitle = sPlanTitle.substring( 0, 30 ) + '...';
				}
				var sPlanText = yproAPI.getPlanText(data[nCnt]);
				if( sPlanText.length > 40 ){
					sPlanText = sPlanText.substring( 0, 40 ) + '...';
				}

				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 class="price">1泊1名様：'+sPrice+'円～</p>';
				tmpHTML += '</div>';
				tmpHTML += '</div>';

			}

			div.innerHTML += tmpHTML;

		}

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

});