yproAPI.set({
	"hotels":"14000011",
	"display":"gpList",
	"select":"10,11",
	"num":2
});

//各個別に表示設定を行う
yproAPI.onload(function () {
	yproAPI.addHtml(function (data) {

		var div;
		var tmpHtml = "";

		// 各IDで表示箇所を切り分け
		switch(data.p_id) {
			case "10":
				div = document.getElementById('package_business');
//				tmpHtml = '<h3 id="bn_business"><a href="http://www.489pro.com/asp/489/menu.asp?id=14000011&amp;ty=ser&amp;list=YES"><img src="images/bn/bn_business.jpg" alt="お仕事にも、ご宿泊にもビジネスプラン" width="245" height="60" border="0" /></a></h3>';
				break;
			case "11":
				div = document.getElementById('package_osusume');
//				tmpHtml = '<h3 id="bn_osusume"><a href="http://www.489pro.com/asp/489/menu.asp?id=14000011&ty=ser&list=YES"><img src="images/bn/bn_osusume.jpg" alt="ご友人、ご家族、お気軽におすすめプラン" width="245" height="60" border="0" /></a></h3>';
				break;
			default:
				return false;
		}

		var data2 = data.gplist;

//		for(var nCnt=0; nCnt<data2.length; nCnt++)
		for(var nCnt=0; nCnt<3; nCnt++)
		{

			if( nCnt > data2.length - 1 ){
				break;
			}

			tmpHtml = tmpHtml + '<div class="package heightLine-1">';
			tmpHtml = tmpHtml + '<a href="' + yproAPI.getUrl(data2[nCnt]) + '" class="lnk_pk">';
			tmpHtml = tmpHtml + yproAPI.getImage(data2[nCnt],{"img":1,"width":"57","height":"69"});
			tmpHtml = tmpHtml + '<p class="txt_plan">';
			tmpHtml = tmpHtml + yproAPI.getPlanName(data2[nCnt]);
			tmpHtml = tmpHtml + '<br /><span>' + yproAPI.getPrice(data2[nCnt]) + '</span>';
			tmpHtml = tmpHtml + '</p>';
			tmpHtml = tmpHtml + '</a>';
			tmpHtml = tmpHtml + '</div>';

		}

		tmpHtml = tmpHtml + '</div>';
		tmpHtml = tmpHtml + '</div>';

		div.innerHTML += tmpHtml;

	});
});