yproAPI.set({
	"hotels":"23000035",
	"display":"gpList",
	"select":"1",
	"num":"3"
});

yproAPI.onload(function () {
	
	yproAPI.addHtml(function (data) {
		
		// 各IDで表示箇所を切り分け
		switch(data.p_id) {
			default:
				var div = document.getElementById('plan_top');
				break;
		}

		//======================================================
		// 各プランの表示
		var data2 = data.gplist;
		for( var jCnt = 0; jCnt < data2.length; jCnt++ ){
			
			if( data2[jCnt] != undefined ){

				// プラングループに含まれるプランの数だけ出力
				var tmpHTML = "";

				// 表示個数
				if( jCnt >= 3 )
				{
					continue;
				}
				// プラングループは文字数を制限
				var sPlanText = yproAPI.getPlanText(data2[jCnt]);
				if( sPlanText.length > 40 ){
					sPlanText = sPlanText.substring( 0, 40 ) + '...';
				}
				switch(jCnt) {
					case 0:
						tmpHTML += '	<dl class="big_pack">';
						tmpHTML += '		<dt>' + yproAPI.getImage(data2[jCnt],{"width":"210","height":"150","border":"0"}); + ' alt="プランイメージ" /></dt>';
						tmpHTML += '		<dd>';
						tmpHTML += '			<a href="' + yproAPI.getUrl(data2[jCnt]) + '">' + yproAPI.getPlanName(data2[jCnt]) + '</a><br />お一人様' + yproAPI.getMinPrice(data2[jCnt]) + '円～';
						tmpHTML += '		</dd>';
						tmpHTML += '	</dl>';
						break;
					case 1:
						tmpHTML += '	<dl class="sm_pack">';
						tmpHTML += '		<dt>' + yproAPI.getImage(data2[jCnt],{"width":"79","height":"70","border":"0"}); + ' alt="プランイメージ" /></dt>';
						tmpHTML += '		<dd>';
						tmpHTML += '			<span><img src="images/home/ic_best02.gif" alt="BEST2" /></span><br />';
						tmpHTML += '			<a href="' + yproAPI.getUrl(data2[jCnt]) + '">' + yproAPI.getPlanName(data2[jCnt]) + '</a><br />';
						tmpHTML += '			お一人様' + yproAPI.getMinPrice(data2[jCnt]) + '円';
						tmpHTML += '		</dd>';
						tmpHTML += '	</dl>';
						break;						
					case 2:
						tmpHTML += '	<dl class="sm_pack">';
						tmpHTML += '		<dt>' + yproAPI.getImage(data2[jCnt],{"width":"79","height":"70","border":"0"}); + ' alt="プランイメージ" /></dt>';
						tmpHTML += '		<dd>';
						tmpHTML += '			<span><img src="images/home/ic_best03.gif" alt="BEST3" /></span><br />';
						tmpHTML += '			<a href="' + yproAPI.getUrl(data2[jCnt]) + '">' + yproAPI.getPlanName(data2[jCnt]) + '</a><br />';
						tmpHTML += '			お一人様' + yproAPI.getMinPrice(data2[jCnt]) + '円';
						tmpHTML += '		</dd>';
						tmpHTML += '	</dl>';
						break;					
					default:
						break;	
				}
				
				div.innerHTML += tmpHTML;

			}

		}
		
				tmpHTML = '	<p class="btn_pack"><a href="http://www.489pro.com/asp/489/menu.asp?id=23000035&list=YES&ty=ser&liop=1"><img src="images/home/btn_pack.gif" alt="プラン一覧はこちら" /></a></p>';
				
				div.innerHTML += tmpHTML;
		//========================================================

	});

});


