// 1:スタンダード

// 2:早割り

// 3:おすすめ

// 4:デイユース



yproAPI.set({

	"hotels":"13000009",

	"display":"Category",

	"select":"4,2,1,3"

});



yproAPI.onload(function () {



	// 各IDで表示箇所を切り分け

	var list_id = new Array("","standard","family","business","value");

	var list_no = new Array(0,4,2,1,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 >= 5 )

				{

					continue;

				}

				

				var sLink = yproAPI.getUrl(data[nCnt]);

				var sPrice = yproAPI.getMinPrice(data[nCnt]);



				// プラングループは文字数を制限

					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":"120","height":"80"});

					

					tmpHTML += '<div class="list_plan">';

					tmpHTML += '<p class="photo"><a href="'+sLink+'">'+sImg+'</a></p>';

					tmpHTML += '<div class="txt">';

					tmpHTML += '<h4><a href="'+sLink+'">'+sPlanTitle+'</a></h4>';

					tmpHTML += '<p>'+sPlanText;+'</p>';

					tmpHTML += '<p class="price">1泊 '+sPrice+'円～/人</p>';

					tmpHTML += '</div>';

					tmpHTML += '</div>';



			}

		



			div.innerHTML += tmpHTML;



		}



	}

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



});