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

yproAPI.set({
	"hotels":"41000008",
	"num":3,		//3件指定だけど・・・効いていない？
	"display":"Category",
	"select":"1,4"
});

yproAPI.onload(function () {

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


	//======================================================
	// 各プラングループの表示
	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 ] ) ];

		//表示数設定しているけど効かないので処理にて対応
		var nSpeNum = 1;

		if( data != undefined ){

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

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

				if( jCnt == 2 )
				{
					//特別プランだけは１件表示
					if( nSpeNum == 1 )
					{
						tmpHTML += '<h3><img src="http://www.kasuien.co.jp/images/side/st_sppack.gif" alt="特別プラン" border="0" /></h3>';
						tmpHTML += '<p class="img_sppack">'+yproAPI.getImage(data[nCnt],{"width":"173","height":"114"})+'</p>';
						tmpHTML += '<p class="txt_sppack">';
						tmpHTML += '<span>'+yproAPI.getPlanName(data[nCnt])+'</span><br />';
						tmpHTML += ''+sPlanText+'';
						tmpHTML += '</p>';
						tmpHTML += '<p><a href="'+yproAPI.getUrl(data[nCnt])+'"><img src="http://www.kasuien.co.jp/images/side/btn_sppack.gif" border="0" width="185" height="31" /></a></p>';
						nSpeNum = nSpeNum + 1;
					}
				}
				else
				{
					//最大３件表示
					if( nSpeNum <= 3 )
					{
						tmpHTML += '<dl>';
						tmpHTML += '<a href="'+yproAPI.getUrl(data[nCnt])+'">';
						tmpHTML += '<dt>'+yproAPI.getImage(data[nCnt],{"width":"54","height":"34"})+'</dt>';
						tmpHTML += '<dd>';
						tmpHTML += '<span class="title">'+yproAPI.getPlanName(data[nCnt])+'</span>';
						tmpHTML += '<p class="explain">'+sPlanText+'</p>';
						tmpHTML += '</dd>';
						tmpHTML += '</a>';
						tmpHTML += '</dl>';
						nSpeNum = nSpeNum + 1;
					}
				}
			}

			div.innerHTML += tmpHTML;

		}

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

});