// 1:おすすめプラン
// 2:レディースプラン
// 3:カップル・ご夫婦プラン
// 4:ファミリープラン

yproAPI.set({
	"hotels":"30000008",
	"display":"Category",
	"select":"1,2,3,4",
	"num":5
});

yproAPI.onload(function () {

	// 各IDで表示箇所を切り分け
	var list_id = new Array("" , "plan01" , "plan02" , "plan03" , "plan04");
	var list_no = new Array(0 , 1 , 2 , 3 , 4);
	var listHtml = new Array( "", "" );


	//======================================================
	// 各プラングループの表示
	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 < 5; nCnt++ ){
				
				if( data[nCnt] != undefined ){


					// プラングループは文字数を制限
					var sPlanText = yproAPI.getPlanText(data[nCnt]);
					if( sPlanText.length > 100 ){
						sPlanText = sPlanText.substring( 0, 100 ) + '...';
					}
	
					tmpHTML += '<div class="planlist">';
					tmpHTML += '<a href="' + yproAPI.getUrl(data[nCnt]) + '">';
					tmpHTML += '<span class="photo">' + yproAPI.getImage(data[nCnt],{"width":"215","height":"174"}) + '</span>';
					tmpHTML += '<span class="plantitle">' + yproAPI.getPlanName(data[nCnt],{"type":"small"}) + '</span>';
					tmpHTML += '<span class="txt">' + sPlanText + '</span>';
					tmpHTML += '<span class="price">お一人様1泊　'+yproAPI.getMinPrice(data[nCnt])+'円～</span>';
					tmpHTML += '</a></div>';
	
				}
			
			}
			
			tmpHTML = tmpHTML + '<p class="bt_plan"><a href="http://www.489pro.com/asp/489/menu.asp?id=30000008&caid=' + list_no[ jCnt ] + '&gp=YES&ty=ser&list=YES">このカテゴリーのプラン一覧へ</a></p>\n';
			div.innerHTML += tmpHTML;

		}

	}
	//========================================================

});

