// 1:人気プラン
// 2:カップル・レディースプラン
// 3:ファミリー・シニアプラン
// 4:美食プラン
// 5:季節一押し
// アビリティID：90010006

yproAPI.set({
	"hotels":"14160612", //紫雲荘さまID：14160612
	"display":"Category",
	"select":"1,2,3,4,5"
});

yproAPI.onload(function () {

	// 各IDで表示箇所を切り分け
	var list_id = new Array("","plan_favarite","plan_couple","plan_family","plan_food","plan_only");
	var list_no = new Array(0,1,2,3,4,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 ){

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

				tmpHTML += '<div class="plan_list">';
				tmpHTML += '<div class="plan_block">';
				tmpHTML += '<p class="photo">';
				tmpHTML += yproAPI.getImage(data[nCnt],{"width":"50","height":"50"});
				tmpHTML += '<a href="'+yproAPI.getUrl(data[nCnt])+'">';
				tmpHTML += '</a></p>';//photo
				tmpHTML += '<div class="plan_txt_block">';
				tmpHTML += '<a href="'+yproAPI.getUrl(data[nCnt])+'">';
				tmpHTML += '<p class="plan_tittle">';
				tmpHTML += sPlanName;
				tmpHTML += '</p>';
				tmpHTML += '<p class="plan_comments">';
				tmpHTML += sPlanText;
				tmpHTML += '</p></a>';
				tmpHTML += '</div>';//plan_txt_block
				tmpHTML += '</div>';//plan_block
				tmpHTML += '</div>';//plan_list

			}

			div.innerHTML += tmpHTML;

		}

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

});