//　各対応するグループIDを設定してください。
yproAPI.set({
	"hotels":"22000041",
	"display":"gpList",
	"select":"7,52,53",
	"num":7
});


yproAPI.onload(function () {
	yproAPI.addHtml(function (data) {

		var div;
		var nCntNum = 3;	// 最大表示数

		switch(data.p_id) {
			case "7":
				var div = document.getElementById('best');
				var nCntNum = 3;	// 最大表示数
				break;
			case "52":
				var div = document.getElementById('osusume_plan');
				var nCntNum = 3;	// 最大表示数
				break;
			case "53":
				var div = document.getElementById('otoku_plan');
				var nCntNum = 3;	// 最大表示数
				break;

			default:
				break;
		}

		if( div != undefined && div != null ){

			var data2 = data.gplist;
			if(nCntNum > data2.length) {
					nCntNum = data2.length;
			}
			for(var nCnt=0; nCnt<nCntNum; nCnt++)
			{

				var tmpHtml = "";

				// ランキングの場合の処理
				if( div.id == "best" ) {

					tmpHtml = '<div class="best'+(nCnt+1)+'">';
					if(yproAPI.getImage(data2[nCnt]) != "")
					{
						tmpHtml += '<p class="img"><a href="'+yproAPI.getUrl(data2[nCnt])+'">'+yproAPI.getImage(data2[nCnt],{"img":1,"width":"62","height":"55"})+'</a></p>';
					}
					tmpHtml += '<div class="txt">';
					tmpHtml += '<h4><a href="'+yproAPI.getUrl(data2[nCnt])+'">'+yproAPI.getPlanName(data2[nCnt])+'</a></h4>';
	//				tmpHtml += '<p>'+yproAPI.getPlanText(data2[nCnt],15)+'</p>';
					tmpHtml += '</div>';
					tmpHtml += '</div>';

				} else if( div.id == "osusume_plan" ) {

					// ランキング以外の場合の処理

					tmpHtml += '<div class="osusume0' + ( nCnt + 1 ) + '">';

					if(yproAPI.getImage(data2[nCnt]) != "")
					{
						tmpHtml += '<p class="img"><a href="'+yproAPI.getUrl(data2[nCnt])+'">'+yproAPI.getImage(data2[nCnt],{"img":1,"width":"122"})+'</a></p>';
					}
					tmpHtml += '<div class="txt">';
					tmpHtml += '<ul>';
					tmpHtml += '<li class="plan_title"><a href="'+yproAPI.getUrl(data2[nCnt])+'">'+yproAPI.getPlanName(data2[nCnt])+'</a></li>';
					tmpHtml += '<li class="plan_price"><a href="'+yproAPI.getUrl(data2[nCnt])+'">1名様　'+ yproAPI.getMinPrice(data2[nCnt]) +'円～</a></li>';
					tmpHtml += '<li><a href="'+yproAPI.getUrl(data2[nCnt])+'">'+yproAPI.getPlanText(data2[nCnt],25)+'</a></li>';
					tmpHtml += '</ul>';
					tmpHtml += '</div>';
					tmpHtml += '</div>';

				} else if( div.id == "otoku_plan" ) {

					// ランキング以外の場合の処理

					tmpHtml += '<div class="otoku0' + ( nCnt + 1 ) + '">';

					if(yproAPI.getImage(data2[nCnt]) != "")
					{
						tmpHtml += '<p class="img"><a href="'+yproAPI.getUrl(data2[nCnt])+'">'+yproAPI.getImage(data2[nCnt],{"img":1,"width":"122"})+'</a></p>';
					}
					tmpHtml += '<div class="txt">';
					tmpHtml += '<ul>';
					tmpHtml += '<li class="plan_title"><a href="'+yproAPI.getUrl(data2[nCnt])+'">'+yproAPI.getPlanName(data2[nCnt])+'</a></li>';
					tmpHtml += '<li class="plan_price"><a href="'+yproAPI.getUrl(data2[nCnt])+'">1名様　'+ yproAPI.getMinPrice(data2[nCnt]) +'円～</a></li>';
					tmpHtml += '<li><a href="'+yproAPI.getUrl(data2[nCnt])+'">'+yproAPI.getPlanText(data2[nCnt],25)+'</a></li>';
					tmpHtml += '</ul>';
					tmpHtml += '</div>';
					tmpHtml += '</div>';

				}

				div.innerHTML += tmpHtml;

			}

		}

	});
});