// 12:今月のおすすめプラン
// 1:基本プラン
// 5:お料理重視プラン
// 6:上質プラン
// 8:ファミリープラン
// 2:レディースプラン
// 9:カップル・ご夫婦プラン
// 10:シルバープラン
// 7:WEB限定プラン

yproAPI.set({
	"hotels":"28000007",
	"display":"Category",
	"select":"1,2,5,6,7,8,9,10,12",
	"num":1
});

yproAPI.onload(function () {

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

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

	// 各IDで表示箇所を切り分け
	var list_id = new Array("","plan01","plan02","plan03","plan04","plan05","plan06","plan07","plan08","plan09");
	var list_no = new Array(0,12,1,5,6,8,2,9,10,7);
	var list_class = new Array("","p_osusume","p_basic","p_dish","p_sp","p_family","p_ladeis","p_couple","p_silver","p_web" );
	var list_cate_name = new Array("","おすすめプラン","基本プラン","お料理重視プラン","上質プラン","ファミリープラン","レディースプラン","カップル・ご夫婦プラン","シルバープラン","WEB限定プラン");
	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++ ){

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

				// プラン説明文をHTMLタグ付きで取得する
				var sPlanText = yproAPI.getPlanTextWithHtmlTag(data[nCnt]);
				var bDotFlag = false;

				sPlanText = sPlanText.replace(/(\r\n)|(\r)/gi,"");									// 改行コードは、空文字に変換
				sPlanText = sPlanText.replace(/(<[^br].*?>)|(<[^br].*?\/?>)/gi,"");	// brタグ以外のタグは、空文字に変換
				sPlanText = sPlanText.replace(/(<[br].*?>)|(<[br].*?\/?>)/gi,"\n");	// brタグは、改行コードに変換

				// 表示する文字列は4行までとする
				var arrEnterSplit = sPlanText.split( "\n" );
				if( arrEnterSplit.length > 4 ){
				 sPlanText = arrEnterSplit[ 0 ] + "\n" + arrEnterSplit[ 1 ] + "\n" + arrEnterSplit[ 2 ] + "\n" + arrEnterSplit[ 3 ];
				 bDotFlag = true;
				}

				// 表示する文字列は160文字までとする
				if( sPlanText.length > 160 ){
					sPlanText = sPlanText.substring( 0, 160 );
					bDotFlag = true;
				}

				// 改行コードをbrタグに戻す
				sPlanText = sPlanText.replace( /(\n)/gi, "<br>" );

				// 4行・160文字を超えていたら "..." を付ける；
				if( bDotFlag == true ){
					sPlanText = sPlanText + "...";
				}

				tmpHTML = tmpHTML + '<div class="plan_list">';
				tmpHTML = tmpHTML + '<p><a href="' + yproAPI.getUrl(data[nCnt]) + '" class="heightLine-004"><span class="photo">' + yproAPI.getImage(data[nCnt],{"width":"80","height":"80"}) + '</span>';
				tmpHTML = tmpHTML + '<span class="st_plan">' + yproAPI.getPlanName(data[nCnt],{"type":"small"}) + '(' + yproAPI.getMinPrice(data[nCnt]) + '円～)</span> <br />';
				tmpHTML = tmpHTML + '' + sPlanText + '</a></p>';
				tmpHTML = tmpHTML + '</div>';

			}

		}

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

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





	mainHTML = mainHTML + '<ul>';
	for( var jCnt = 1; jCnt < list_id.length; jCnt++ ){
		mainHTML = mainHTML + '<li><a href="#plan0' + jCnt + '" class="' + list_class[ jCnt ] + '">' + list_cate_name[ jCnt ] + '</a></li>';
	}
	mainHTML = mainHTML + '</ul>';
	mainHTML = mainHTML + '<div class="plan_list_con">';
	mainHTML = mainHTML + tmpHTML;
	mainHTML = mainHTML + '</div>';

	plan_tab.innerHTML = mainHTML;

	$('#plan_tab > ul').tabs({ fx: { opacity: 'toggle' } });

});