yproAPI.set({
 "hotels":"22000038",
 "display":"gpList",
 "select":"15"
});

//各個別に表示設定を行う
yproAPI.onload(function () {
 yproAPI.addHtml(function (data) {
  // 各IDで表示箇所を切り分け
  switch(data.p_id) {
   case "1":
    var div = document.getElementById('plan_base');
    break;
   default:
　　　var div = document.getElementById('plan_base');
    break;
  }
  var data2 = data.gplist;
// data2.length を 3とかにすると指定した数だけプランが表示される
//for(var nCnt=0; nCnt<data2.length; nCnt++)
for(var nCnt=0; nCnt<3; nCnt++)
  {

			var
			tmpHtml = '<div class="osusume_box">';
			tmpHtml += '<p class="osusume_img">';
			tmpHtml += '<a href="'+yproAPI.getUrl(data2[nCnt])+'">' + yproAPI.getImage(data2[nCnt],{"img":1,"width":"80","height":"60"}) + '</a></p>';
			tmpHtml += '<p class="osusume_txt">';
			tmpHtml += '<a href="'+yproAPI.getUrl(data2[nCnt])+'">' + yproAPI.getPlanName(data2[nCnt]) + '</a></p>';
			tmpHtml += '</div>';


			div.innerHTML += tmpHtml;

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


