// 1:Web限定プラン
// 2:女性限定プラン
// 3:お料理重視プラン

yproAPI.set({
	"hotels":"01100701",
	"display":"Category",
	"select":"1,4"
});

yproAPI.onload(function () {

	// 各IDで表示箇所を切り分け
	var list_id = new Array("","plan_01","plan_02");
	var list_no = new Array(0,1,4);


	//======================================================
	// 各プラングループの表示
	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;
				}
				if( jCnt == 1 )
				{
					// プラングループは文字数を制限
					var sPlanText = yproAPI.getPlanText(data[nCnt]);
					if( sPlanText.length > 50 ){
						sPlanText = sPlanText.substring( 0, 50 ) + '...';
					}
					
					tmpHTML += '			<div class="box_no'+(nCnt+1)+'">';
					if( nCnt == 0 )
					{
						tmpHTML += '				<p class="photo"><a href="'+yproAPI.getUrl(data[nCnt])+'">'+yproAPI.getImage(data[nCnt],{"width":"310"})+'</a></p>';
					}
					else
					{
						tmpHTML += '				<p class="photo"><a href="'+yproAPI.getUrl(data[nCnt])+'">'+yproAPI.getImage(data[nCnt],{"width":"195"})+'</a></p>';
					}
					tmpHTML += '				<h3 id="st_no'+(nCnt+1)+'"><a href="'+yproAPI.getUrl(data[nCnt])+'">'+yproAPI.getPlanName(data[nCnt])+'</a></h3>';
					if( nCnt == 0 )
					{
						tmpHTML += '				<p>'+sPlanText+'</p>';
					}
					tmpHTML += '				<p class="price">1泊2食付：'+yproAPI.getMinPrice(data[nCnt])+'円～</p>';
					tmpHTML += '			</div>';
				}
				else
				{
					var sPlanName = yproAPI.getPlanName(data[nCnt]);
					if( sPlanName.length > 15 )
					{
						sPlanName = sPlanName.substring( 0, 15) + '...';
					}
					
					tmpHTML += '			<div class="list_plan">';
					tmpHTML += '				<p class="photo"><a href="'+yproAPI.getUrl(data[nCnt])+'">'+yproAPI.getImage(data[nCnt],{"width":"76"})+'</a></p>';
					tmpHTML += '				<div class="txt">';
					tmpHTML += '					<h4><a href="'+yproAPI.getUrl(data[nCnt])+'">'+sPlanName+'</a></h4>';
					tmpHTML += '					<p class="price">1泊2食付：'+yproAPI.getMinPrice(data[nCnt])+'円～</p>';
					tmpHTML += '				</div>';
					tmpHTML += '			</div>';
				}
				

			}

			div.innerHTML += tmpHTML;

		}

	}
	//========================================================
/*
			<!-- 人気プラン -->
			<div class="box_no1">
				<p class="photo"><a href="#"><img src="images/home/img_sample_plan01.jpg" alt="" /></span></p>
				<h3 id="st_no1"><a href="#">プランタイトルプランタイトルプランタイトルプランタイトルプランタイトルプランタイトル</a></h3>
				<p>テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
				<p class="price">1泊2食付：00,000円～</p>
			</div>
			<div class="box_no2">
				<p class="photo"><a href="#"><img src="images/home/img_sample_plan02.jpg" alt="" /></a></p>
				<h3 id="st_no2"><a href="#">プランタイトルプランタイトルプランタイトルプランタイトルプランタイトルプランタイトル</a></h3>
				<p class="price">1泊2食付：00,000円～</p>
			</div>
			<div class="box_no3">
				<p class="photo"><a href="#"><img src="images/home/img_sample_plan02.jpg" alt="" /></a></p>
				<h3 id="st_no3"><a href="#">プランタイトルプランタイトルプランタイトルプランタイトルプランタイトルプランタイトル</a></h3>
				<p class="price">1泊2食付：00,000円～</p>
			</div>
			
			
			<!-- 部屋タイプ -->
			<div class="list_plan">
				<p class="photo"><a href="#"><img src="images/home/img_sample_plan03.jpg" alt="" /></a></p>
				<div class="txt">
					<h4><a href="#">プランタイトルプランタイトル</a></h4>
					<p class="price">1泊2食付：00,000円～</p>
				</div>
			</div>
 */
});