// 1:おすすめプラン
// 2:人気のプラン
// 3:期間限定プラン
// 4:BEST5

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

yproAPI.onload(function () {

	// 各IDで表示箇所を切り分け
	var list_id = new Array("","osusume","fujiqplan","limitplan","cont_best5");
	var list_no = new Array(0,1,2,3,4);
	var listHtml = new Array( "", "", "", "", "");


	//======================================================
	// 各プラングループの表示
		for( var jCnt = 1; jCnt < list_id.length; jCnt++ ){

		// 宿泊プランを表示するブロック
		var div = document.getElementById( new String( list_id[ jCnt ] ) );

		// jCnt個目のカテゴリ
		var data = yproObject.plan[ new String( list_no[ jCnt ] ) ];


		//======================================================
		//プラン表示 人気宿泊プラン BEST5 の場合
		if( jCnt == 4 ){

			// カテゴリに含まれるプラングループの数だけ出力
			var tmpHtml = "";
			for(var nCnt=0; nCnt<5; nCnt++){

				if( data[nCnt] != undefined ){

					// プランタイトル (半角20文字まで)
					var sPlanName = yproAPI.getPlanName(data[nCnt]);

					if(sPlanName.length > 25){
						sPlanName = sPlanName.substring( 0, 25) + "...";
					}

					tmpHtml += '<p class="ranking rank'+checkRankNumber(nCnt)+'"><a href="'+yproAPI.getUrl(data[nCnt])+'">';
					if(yproAPI.getImage(data[nCnt]) != "")
					{
					tmpHtml += '<span class="photo">'+yproAPI.getImage(data[nCnt],{"width":"56","height":"56"})+'</span>';
					}
					tmpHtml += '<span class="text"><a href="'+yproAPI.getUrl(data[nCnt])+'">'+sPlanName+'</span></a>';
					tmpHtml += '</p>';

				}

			}

			div.innerHTML += tmpHtml;

		}

		//======================================================
		//プラン表示  人気宿泊プラン BEST5 ではない場合 → おすすめ、富士急ハイランド、期間限定プランを表示
		else if( div != undefined && div != null ){


			if(typeof(data) != 'undefined') {

			// カテゴリに含まれるプラングループの数だけ出力
			var tmpHTML = "";
			for(var nCnt=0; nCnt<3; nCnt++){

				if( data[nCnt] != undefined ){

					// プラングループは文字数を制限
					var sPlanText = yproAPI.getPlanText(data[nCnt]);
					if( sPlanText.length > 30 ){
						sPlanText = sPlanText.substring( 0, 30 ) + '...';
					}
					
					// プランタイトル (半角20文字まで)
					var sPlanName = yproAPI.getPlanName(data[nCnt]);
					if(sPlanName.length > 13){
						sPlanName = sPlanName.substring( 0, 13) + "...";
					}

					tmpHTML += '<p class="plans">';
					tmpHTML += '<a href="'+yproAPI.getUrl(data[nCnt])+'">';
					tmpHTML += yproAPI.getImage(data[nCnt],{"width":"76","height":"56"});
					tmpHTML += '<span>'+sPlanName+'</span><br />';
					tmpHTML += sPlanText;
					tmpHTML += '</a></p>';

				}

			}

			div.innerHTML += tmpHTML;

			}
		}
		
	//========================================================
	}// 各プラングループの表示
	

});

function checkRankNumber(nCnt) {
	switch(nCnt) {
		case 0: return "1st";
		case 1: return "2nd";
		case 2: return "3rd";
		case 3: return "4th";
		case 4: return "5th";
		default: return false;
	}
}