// 1:カップルプラン
// 2:記念日プラン
// 3:お料理こだわりプラン
// 4:WEB限定プラン

yproAPI.set({
	"hotels":"22000039",
	"display":"Category",
	"select":"1,2,3,4",
	"num":1
});

yproAPI.onload(function () {

	// 出力するHTML
	var tmpHTML = "";
	var mainHTML = "";

	// 宿泊プランを表示するブロック
//	var plan_tab = document.getElementById( "plan_list" );
	var plan_tab = document.getElementById( "box_tab" );

	// 各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++ ){

		// jCnt個目のカテゴリ
		var data = yproObject.plan[new String(list_no[ jCnt ])];

		tmpHTML = tmpHTML + '<div id="' + list_id[ jCnt ] + '">\n';

		if( data != undefined ){

			// カテゴリに含まれるプラングループの数だけ出力
			for( var nCnt = 0; nCnt < data.length; nCnt++ ){

				// プラングループは文字数を制限
				var sPlanText = yproAPI.getPlanText(data[nCnt]);
				if( sPlanText.length > 40 ){
					sPlanText = sPlanText.substring( 0, 40 ) + '...';
				}

				tmpHTML = tmpHTML + '<div class="list_plan heightLine-01">';
				tmpHTML = tmpHTML + '<p class="photo">' + yproAPI.getImage(data[nCnt],{"width":"94","height":"69"}) + '</p>';
				tmpHTML = tmpHTML + '<div class="txt"><h4><a href="' + yproAPI.getUrl(data[nCnt]) + '">' + yproAPI.getPlanName(data[nCnt],{"type":"small"}) + '</a></h4>';
				tmpHTML = tmpHTML + '<p>' + sPlanText + '</p>';
				tmpHTML = tmpHTML + '</div></div>';

			}

		}

		tmpHTML = tmpHTML + '<p class="txtnav"><a href="http://www.489pro.com/asp/489/menu.asp?id=22000039&caid=' + list_no[ jCnt ] + '&gp=YES&ty=ser&list=YES">このカテゴリーのプラン一覧へ</a></p>\n';
		tmpHTML = tmpHTML + '</div>\n';

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

//	mainHTML = mainHTML + '<ul class="tabnav">';
//	mainHTML = mainHTML + '<li class="tab_plan01"><a href="#plan01">カップルプラン</a></li>';
//	mainHTML = mainHTML + '<li class="tab_plan02"><a href="#plan02">記念日プラン</a></li>';
//	mainHTML = mainHTML + '<li class="tab_plan03"><a href="#plan03">お料理こだわりプラン</a></li>';
//	mainHTML = mainHTML + '<li class="tab_plan04"><a href="#plan04">WEB限定プラン</a></li>';
//	mainHTML = mainHTML + '</ul>';
//	mainHTML = mainHTML + '<div class="box_tab">';
	mainHTML = mainHTML + tmpHTML;
//	mainHTML = mainHTML + '</div>';

	plan_tab.innerHTML = mainHTML;

	// yuga heightline など onload のときに実行するものを再度実行
	$.yuga.rollover();
	$.yuga.externalLink();
	$.yuga.scroll();
	$.yuga.tab();
	heightLine2();

});