yproAPI.set({
	"hotels":"12000005",
	"display":"Category",
	"select":"6,5"
});

yproAPI.onload(function () {

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

	//======================================================
	// 各プラングループの表示
	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 ){

			if( list_no[ jCnt ] == 6 ){

				// カテゴリに含まれるプラングループの数だけ出力
				var tmpHTML = "";
				for( var nCnt = 0; nCnt < data.length; nCnt++ ){
					
					// 表示個数
					if( nCnt >= 2 )
					{
						continue;
					}
					// プラングループは文字数を制限
					var sPlanText = yproAPI.getPlanText(data[nCnt]);
					if( sPlanText.length > 30 ){
						sPlanText = sPlanText.substring( 0, 40 ) + '...';
					}
	
					tmpHTML += '<a href="'+yproAPI.getUrl(data[nCnt])+'">';
					tmpHTML += '<div id="season_plan01">';
					tmpHTML += '<p class="txt_plan_title">'+yproAPI.getPlanName(data[nCnt])+'</p>';
					tmpHTML += '<div class="plan_photo">'+yproAPI.getImage(data[nCnt],{"width":"110","height":"80"})+'</div>';
					tmpHTML += '<p>'+sPlanText+'</p>';
					tmpHTML += '</div>';
					tmpHTML += '</a>';
	
				}

			}
			else{

				// カテゴリに含まれるプラングループの数だけ出力
				var tmpHTML = "";
				for( var nCnt = 0; nCnt < data.length; nCnt++ ){
					
					// 表示個数
					if( nCnt >= 3 )
					{
						continue;
					}
					// プラングループは文字数を制限
					var sPlanText = yproAPI.getPlanText(data[nCnt]);
					if( sPlanText.length > 30 ){
						sPlanText = sPlanText.substring( 0, 46 ) + '...';
					}

					if(nCnt ==0){
						tmpHTML += '<a href="'+yproAPI.getUrl(data[nCnt])+'">';
						tmpHTML += '<div id="no1_box">';
						tmpHTML += '<div class="plan_photo">'+yproAPI.getImage(data[nCnt],{"width":"230","height":"140","type":"large"})+'</div>';
						tmpHTML += '<p class="txt_plan_title">'+yproAPI.getPlanName(data[nCnt])+'</p>';
						tmpHTML += '<p>'+sPlanText+'</p>';
						tmpHTML += '</div>';
						tmpHTML += '</a>';
					}
					else if(nCnt ==1){
						tmpHTML += '<a href="'+yproAPI.getUrl(data[nCnt])+'">';
						tmpHTML += '<div id="no2_box">';
						tmpHTML += '<p class="txt_plan_title">'+yproAPI.getPlanName(data[nCnt])+'</p>';
						tmpHTML += '<div class="plan_photo">'+yproAPI.getImage(data[nCnt],{"width":"110","height":"80"})+'</div>';
						tmpHTML += '<p>'+sPlanText+'</p>';
						tmpHTML += '</div>';
						tmpHTML += '</a>';
					}
					else if(nCnt ==2){
						tmpHTML += '<a href="'+yproAPI.getUrl(data[nCnt])+'">';
						tmpHTML += '<div id="no3_box">';
						tmpHTML += '<p class="txt_plan_title">'+yproAPI.getPlanName(data[nCnt])+'</p>';
						tmpHTML += '<div class="plan_photo">'+yproAPI.getImage(data[nCnt],{"width":"110","height":"80"})+'</div>';
						tmpHTML += '<p>'+sPlanText+'</p>';
						tmpHTML += '</div>';
						tmpHTML += '</a>';
					}

				}

			}

			div.innerHTML += tmpHTML;

		}

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

});