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

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

	yproAPI.addHtml(function (data) {

		// 各IDで表示箇所を切り分け
		switch(data.p_id) {
			case "1":
				var div = document.getElementById('content_right_plan');
				break;
			default:
				var div = document.getElementById('content_right_plan');
				break;
		}

		var data2 = data.gplist;

// 以下の「3」を、例のように「data2.length」にすると、グループ登録したプランがすべて表示される（「３」とは、プランを3個表示する、ということ）
		for(var nCnt=0; nCnt<3; nCnt++)
//例		for(var nCnt=0; nCnt<data2.length; nCnt++)
		{

			var
			tmpHtml = '<table width="230" cellspacing="0" cellpadding="0" align="center" id="plan_table">';
			tmpHtml += '<tr>';
			tmpHtml += '<td width="65" valign="top" rowspan="2">';
			tmpHtml += '<a href="'+yproAPI.getUrl(data2[nCnt])+'">' + yproAPI.getImage(data2[nCnt],{"img":1,"width":"64"}) + '</a>\n';
			tmpHtml += '</td>';
			
//1位から3位までの画像を出すif構文
			tmpHtml += '<td width="170" valign="top">';			

			if(nCnt == 0){
			//1位の画像を表示
			tmpHtml += '<img src="images/ico_lank_01.gif" width="145" height="23" valign="top">';

			}
			if(nCnt == 1){
			//2位の画像を表示
			tmpHtml += '<img src="images/ico_lank_02.gif" width="145" height="23" valign="top">';
			
			}
			if(nCnt == 2){
			//３位の画像を表示
			tmpHtml += '<img src="images/ico_lank_03.gif" width="145" height="23" valign="top">';
			}

			tmpHtml += '</td>';
			tmpHtml += '</tr>';

			tmpHtml += '<tr>';
			tmpHtml += '<td width="170" valign="top" class="planarea">';
			tmpHtml += '<a href="'+yproAPI.getUrl(data2[nCnt])+'">' + yproAPI.getPlanName(data2[nCnt]) + '</a>\n';
			tmpHtml += '</td>';
			tmpHtml += '</tr>';
			tmpHtml += '</table>';
			div.innerHTML += tmpHtml;

		}
//alert( div.innerHTML );
	});

//	heightLine2();

});