// 1:スタンダード
// 2:早割り
// 3:おすすめ

yproAPI.set({
	"hotels":"26000003",
	"display":"Category",
	"select":"1,2,3"
});
yproAPI.onload(function () {

	// 各IDで表示箇所を切り分け
	var list_id = new Array("","plan_popular","plan_recommended","plan_day_trip");
	var list_no = new Array(0,1,2,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 >= 3 )
				{
					continue;
				}				

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

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

					var sPlanTitle = yproAPI.getPlanName(data[nCnt]);
//					if( sPlanTitle.length > 50 ){
//						sPlanTitle = sPlanTitle.substring( 0, 50 ) + '...';
//					}					

					var sPlanText = yproAPI.getPlanText(data[nCnt]);
					if( sPlanText.length > 65 ){
						sPlanText = sPlanText.substring( 0, 65 ) + '...';
					}
					var sImg = yproAPI.getImage(data[nCnt],{"type":"large"});			




					if( nCnt == 0 )
					{
						tmpHTML += '   	<div class="box_plan_best3_l">';
						tmpHTML += '		<p class="photo"><a href="' + yproAPI.getUrl(data[nCnt]) + '" class="over">'+sImg+'</a></p>';
						tmpHTML += '		<p class="no1"><a href="' + yproAPI.getUrl(data[nCnt]) + '">'+sPlanTitle+'</a></p>';
						tmpHTML += '		<p class="txt_description">'+sPlanText;+'</p>';
						tmpHTML += '   	</div><!-- /.box_plan_best3_l -->';

					}	else {	
						if( nCnt == 1 )
						{	
						tmpHTML += '      	<div class="box_plan_best3_r">';	
						}
						tmpHTML += '      	<div class="box_inner_plan_best3_l">';
						tmpHTML += '			<p class="photo over"><a href="' + yproAPI.getUrl(data[nCnt]) + '">' + yproAPI.getImage(data[nCnt],{"width":"110","type":"small"}) + '</a></p>';
						tmpHTML += '   		</div><!-- /.box_inner_plan_best3_l -->	';	
						tmpHTML += '   		<div class="box_inner_plan_best3_r">';

						if( nCnt == 1 )
						{	
						tmpHTML += '			<p class="no2">';
						}

						if( nCnt == 2 )
						{	
						tmpHTML += '			<p class="no3">';
						}

						tmpHTML += '      	<a href="' + yproAPI.getUrl(data[nCnt]) + '">'+sPlanTitle+'</a></p>';
						tmpHTML += '			<p class="txt_description">'+sPlanText;+'</p>		';
						tmpHTML += '   		</div><!-- /.box_inner_plan_best3_r -->';
						tmpHTML += '   		<div class="divider">&nbsp;</div>';
						if( nCnt == 2 )
						{	
						tmpHTML += '   		</div>';
						}
				}

			}

			tmpHTML = tmpHTML + '<div class="divider">&nbsp;</div>	\n';
			tmpHTML = tmpHTML + '<p class="btn_plan_list"><a href="http://www.489pro.com/asp/489/menu.asp?id=26000003&caid=' + list_no[ jCnt ] + '&gp=YES&ty=ser&list=YES"><img src="images/home/btn_plan_list_cat.gif" alt="このカテゴリのプラン一覧を見る" class="over" /></a></p>\n';

			div.innerHTML += tmpHTML;

		}

		else {
						var tmpHTML = "";
						tmpHTML += '   		<p>現在掲載中のプランはございません。</p>';
						div.innerHTML += tmpHTML;

		}
	}

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

});