yproAPI.set({
	"hotels":"22000047",
	"display":"Category",
	"select":"1,2",
	"num":3
});

yproAPI.onload(function () {
		// 各IDで表示箇所を切り分け
		var list_id = new Array("","con_singlebuisiness","con_familycouple");
		var list_no = new Array(0,1,2);
		//======================================================
		// 各プラングループの表示
		for( var jCnt = 1; jCnt < list_id.length; jCnt++ ){
			var tmpHTML = '';
			var sIsFirst = "YES";
			// 宿泊プランを表示するブロック
			var div = document.getElementById( new String( list_id[ jCnt ] ) );

			// jCnt個目のカテゴリ
			var data = yproObject.plan[ new String( list_no[ jCnt ] ) ];
			
			if( data != undefined ){
				for(var nCnt=0; nCnt<3; nCnt++){
//				for( var nCnt = 0; nCnt < data.length; nCnt++ ){
					if( data[nCnt] != undefined ){

						// プラン紹介文(上部) (半角50文字まで)
						var sPlanText = yproAPI.getPlanText(data[nCnt]);
						sPlanText = sPlanText.replace(/<\/?[^>]+>/gi, "")		// HTMLタグ除去
						if(sPlanText.length > 50){
							sPlanText = sPlanText.substring( 0, 30 ) + "...";
						}
						switch(list_no[ jCnt ]) {
							case 1:
								if( sIsFirst == "YES" ){
									tmpHTML += '<h3><a href="http://www.489pro.com/asp/489/menu.asp?id=22000047&gp=YES"><img src="images/top/btn_plan_allsee.gif" alt="シングル＆ビジネスプランのすべてを見る" width="66" height="20" /></a></h3>'+"\n";
									tmpHTML += '<div class="plancon heightLine-group1">'+"\n";
								}
								if( nCnt == 0 ){
									tmpHTML += '<div class="box_plan heightLine-group2">'+"\n";
								}else if( nCnt == 1){
									tmpHTML += '<div class="box_plan heightLine-group3">'+"\n";
								}else{
									tmpHTML += '<div class="box_plan heightLine-group4">'+"\n";
								}
								
								tmpHTML += '<p class="box_plan_img">'+"\n";
								tmpHTML += '<a href="'+yproAPI.getUrl(data[nCnt])+'">'+"\n";
								tmpHTML += yproAPI.getImage(data[nCnt],{"width":"71","height":"46"})+"\n";
								tmpHTML += '</a>'+"\n";
								tmpHTML += '</p>'+"\n";
								tmpHTML += '<p class="box_plant">'+"\n";
								tmpHTML += '<span>'+"\n";
								tmpHTML += '<a href="'+yproAPI.getUrl(data[nCnt])+'">【'+"\n";
								tmpHTML += yproAPI.getPlanName(data[nCnt])+"\n";
								tmpHTML += '】</a>'+"\n";
								tmpHTML += '</span><br />'+"\n";
								tmpHTML += sPlanText+'<br />'+"\n";
								tmpHTML += '<span>【料金】'+yproAPI.getMinPrice(data[nCnt])+'円～</span>'+"\n";
								tmpHTML += '</p>'+"\n";
								tmpHTML += '</div>'+"\n";
								sIsFirst = "NO";
								break;
							case 2:
								if( sIsFirst == "YES" ){
									tmpHTML += '<h3><a href="http://www.489pro.com/asp/489/menu.asp?id=22000047&gp=YES"><img src="images/top/btn_plan_allsee.gif" alt="ファミリー＆カップルプランのすべてを見る" width="66" height="20" /></a></h3>'+"\n";
									tmpHTML += '<div class="plancon heightLine-group1">'+"\n";
								}
								if( nCnt == 0 ){
									tmpHTML += '<div class="box_plan heightLine-group2">'+"\n";
								}else if( nCnt == 1){
									tmpHTML += '<div class="box_plan heightLine-group3">'+"\n";
								}else{
									tmpHTML += '<div class="box_plan heightLine-group4">'+"\n";
								}
								tmpHTML += '<p class="box_plan_img">'+"\n";
								tmpHTML += '<a href="'+yproAPI.getUrl(data[nCnt])+'">'+"\n";
								tmpHTML += yproAPI.getImage(data[nCnt],{"width":"71","height":"46"})+"\n";
								tmpHTML += '</a>'+"\n";
								tmpHTML += '</p>'+"\n";
								tmpHTML += '<p class="box_plant">'+"\n";
								tmpHTML += '<span>'+"\n";
								tmpHTML += '<a href="'+yproAPI.getUrl(data[nCnt])+'">【'+"\n";
								tmpHTML += yproAPI.getPlanName(data[nCnt])+"\n";
								tmpHTML += '】</a>'+"\n";
								tmpHTML += '</span><br />'+"\n";
								tmpHTML += sPlanText+'<br />'+"\n";
								tmpHTML += '<span>【料金】'+yproAPI.getMinPrice(data[nCnt])+'円～</span>'+"\n";
								tmpHTML += '</p>'+"\n";
								tmpHTML += '</div>'+"\n";
								sIsFirst = "NO";
								break;
							default:
	//							return false;
								break;
						}
						if( (nCnt + 1) == data.length){
							tmpHTML += '</div>'+"\n";
						}
					}
				}
				div.innerHTML += tmpHTML;

			}
		}
});