// 1:ご宿泊

yproAPI.set({
	"hotels":"38000005",
	"display":"gpList",
	"select":"4",
	"num":6
});

yproAPI.onload(function () {
	yproAPI.addHtml(function (data) {
		// 各IDで表示箇所を切り分け
		switch(data.p_id) {
			case "4":
				var div = document.getElementById('stay_pack');
				break;
			default:
				return false;
		}

		var data2 = data.gplist;

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

			if( data2[nCnt] != undefined ){

				// プラン紹介文(上部) (半角50文字まで)
				var sPlanCopy = yproAPI.getPlanCopy(data2[nCnt]);
				sPlanCopy = sPlanCopy.replace(/<\/?[^>]+>/gi, "")		// HTMLタグ除去
				if(sPlanCopy.length > 50){
					sPlanCopy = sPlanCopy.substring( 0, 50 ) + "...";
				}
				
				var sIsLR = nCnt % 2;
				if( sIsLR < 1 ){
					var tmpHTML = '<div class="pack_l">';
					tmpHTML += '<dl>';
					tmpHTML += '<a href="'+yproAPI.getUrl(data2[nCnt])+'">';
					tmpHTML += '<dt>'
					tmpHTML += yproAPI.getImage(data2[nCnt],{"width":"69","height":"69"});
					tmpHTML += '</dt>';
					tmpHTML += '<dd>';
					tmpHTML += '<p><span class="title">'+yproAPI.getPlanName(data2[nCnt])+'</span><br />';
					tmpHTML += sPlanCopy+'</p>';
					tmpHTML += '</dd>';
					tmpHTML += '</a>';
					tmpHTML += '</dl>';
					tmpHTML += '</div>';
				}else{
					var tmpHTML = '<div class="pack_r">';
					tmpHTML += '<dl>';
					tmpHTML += '<a href="'+yproAPI.getUrl(data2[nCnt])+'">';
					tmpHTML += '<dt>'
					tmpHTML += yproAPI.getImage(data2[nCnt],{"width":"69","height":"69"});
					tmpHTML += '</dt>';
					tmpHTML += '<dd>';
					tmpHTML += '<p><span class="title">'+yproAPI.getPlanName(data2[nCnt])+'</span><br />';
					tmpHTML += sPlanCopy+'</p>';
					tmpHTML += '</dd>';
					tmpHTML += '</a>';
					tmpHTML += '</dl>';
					tmpHTML += '</div>';
				}

				div.innerHTML += tmpHTML;

			}

		}
		div.innerHTML += '<br class="clear" />';
	});
});