// 1:人気プラン
// 2:ビジネスプラン
// 3:レディースプラン
// 4:カップルプラン

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

yproAPI.onload(function () {

	// 各IDで表示箇所を切り分け
	var list_id = new Array("","con_best","con_buss","con_lady","con_coup");
	var list_no = new Array(0,1,2,3,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;
				}
				
				var sLink = yproAPI.getUrl(data[nCnt]);
				var sPrice = yproAPI.getMinPrice(data[nCnt]);
				var sClass = '';
				if( nCnt == 2 )
				{
					sClass = ' class="last"';
				}
				if( jCnt == 1 )
				{
					// ベストプラン3
					// プラングループは文字数を制限
					var sPlanTitle = yproAPI.getPlanName(data[nCnt]);
					if( sPlanTitle.length > 27 ){
						sPlanTitle = sPlanTitle.substring( 0, 27 ) + '...';
					}
					var sImg = yproAPI.getImage(data[nCnt],{"width":"80","height":"60"});
					
					tmpHTML += '<dl'+sClass+'>';
					tmpHTML += '<dt><a href="'+sLink+'">'+sImg+'</a></dt>';
					tmpHTML += '<dd>';
					tmpHTML += '<p><img src="images/img_no'+(nCnt+1)+'.gif" alt="人気No.'+(nCnt+1)+'プラン" /></p>';
					tmpHTML += '<p class="icon"><a href="'+sLink+'">'+sPlanTitle+'</a></p>';
					tmpHTML += '</dd>';
					tmpHTML += '<dd class="underline">';
					tmpHTML += '<p class="price">【料金】 '+sPrice+'円～</p>';
					tmpHTML += '</dd>';
					tmpHTML += '</dl>';
				}
				else
				{
					// プラングループは文字数を制限
					var sPlanTitle = yproAPI.getPlanName(data[nCnt]);
					if( sPlanTitle.length > 25 ){
						sPlanTitle = sPlanTitle.substring( 0, 25 ) + '...';
					}
					
					var sPlanText = yproAPI.getPlanText(data[nCnt]);
					if( sPlanText.length > 90 ){
						sPlanText = sPlanText.substring( 0, 90 ) + '...';
					}
					var sImg = yproAPI.getImage(data[nCnt],{"width":"120","height":"90"});
					
					tmpHTML += '<dl'+sClass+'>';
					tmpHTML += '<dt><a href="'+sLink+'">'+sImg+'</a></dt>';
					tmpHTML += '<dd>';
					tmpHTML += '<p class="icon"><a href="'+sLink+'">'+sPlanTitle+'</a></p>';
					tmpHTML += '</dd>';
					tmpHTML += '<a href="'+sLink+'">';
					tmpHTML += '<dd class="underline">';
					tmpHTML += '<p>'+sPlanText+'</p>';
					tmpHTML += '<p class="price">【料金】 '+sPrice+'円～</p>';
					tmpHTML += '</dd>';
					tmpHTML += '</a>';
					tmpHTML += '</dl>';
				}
			}

			div.innerHTML += tmpHTML;

		}

	}
	//========================================================
/*
元HTML
ベスト3
<dl>
<dt><a href="#"><img src="images/img_bestplan01.jpg" alt="プランイメージ" /></a></dt>
<dd>
<p><img src="images/img_no1.gif" alt="人気No.1プラン" /></p>
<p class="icon"><a href="#">早割１０＆２０】朝食付！早めの予約が超お得♪</a></p>
</dd>
<dd class="underline">
<p class="price">【料金】 お一人様 4,600円～</p>	
</dd>
</dl>

<dl>
<dt><a href="#"><img src="images/home/img_plan03.jpg" alt="カップルプランイメージ" /></a></dt>
<dd>
<p class="icon"><a href="#">シングルルーム　【朝食付！】　ネットOK♪</a></p>
</dd>
<a href="#">
<dd class="underline">
<p>◆朝食は和洋食バイキング◆（ＡＭ７時～９時）OK◆ＬＡＮ回線完備！　ＰＣ持参でインターネット無料接続ＯＫ！◆全室テレビが液晶アクオス設置。　ＶＯＤシステム...</p>					
<p class="price">【料金】 お一人様　5,250円～</p>	
</dd>
</a>
</dl>
 */
});