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

yproAPI.onload(function () {
	var nCnt;
	// 各IDで表示箇所を切り分け
	var list_id = new Array("","tab2","tab3","tab4","tab1");
	var classList = new Array("","standerdplan","ladyplan","cupplan","ninkiplan");
	var charv_list = new Array("","a","b","c");

	//======================================================
	// 各プランの表示
	for(jCnt=1; jCnt<list_id.length; jCnt++)
	{
		if(typeof(document.getElementById(list_id[jCnt])) != 'undefined') {
			var data = yproObject.plan[new String(jCnt)];
			var nCount = 1;
			var charv = charv_list[jCnt];
			var div = document.getElementById(list_id[jCnt]);
			var tmpHtml = '';

			for(var nCnt=0; nCnt < data.length; nCnt++)
			{
				if(list_id[jCnt] == 'tab1' && nCount > 3) {
					continue;
				}
				var sPlanText = yproAPI.getPlanText(data[nCnt]);
				if( sPlanText.length > 200 ){
					sPlanText = sPlanText.substring( 0, 200 ) + '<a href="' + yproAPI.getUrl(data[nCnt]) + '">' + '...</a>';
				}

				var imgTag = yproAPI.getImage(data[nCnt],{"width":"256"});
				var imgFile = ""
				if( imgTag.length > 0 ){
				
					var imgFileSrcIndex = imgTag.indexOf( "src", 0 );
					var imgFileFirstIndex = imgTag.indexOf( "\"", imgFileSrcIndex );
					var imgFileLastIndex = imgTag.indexOf( "\"", imgFileFirstIndex + 1 );
					var imgFilePath = imgTag.substring( imgFileFirstIndex + 1, imgFileLastIndex );

				}
				
				tmpHtml += '<div class="' + classList[jCnt] +  '">';
				tmpHtml += '<img class="float_l" src="' + imgFilePath + '" width="256" alt="" />';
				tmpHtml += '<div class="plan_text">';
				tmpHtml += '<h4>' + yproAPI.getPlanName(data[nCnt]) + '</h4>';
				tmpHtml += '<p>' + sPlanText + '</p>';
				tmpHtml += '<a href="' + yproAPI.getUrl(data[nCnt]) + '"><img class="plan_yoyaku_bt" src="images/plan_yoyakubt.gif" width="155" height="27" /></a>';
				tmpHtml += '</div>';
				tmpHtml += '</div>';

				if( nCnt <= data.length - 1 )
				{
					tmpHtml += '<img class="float_clear" src="../images/info_line.gif" width="690" height="1" alt="" />';
				}

				nCount = nCount + 1;
			}

			div.innerHTML += tmpHtml;
		}
	}
	//========================================================

	//========================================================
	// ランキングの表示
	var div = document.getElementById('rank_box');
	var ranking_data = yproObject.plan['4'];
	nRankCnt = 1;
	var tmpHtml = '';
	for(nCnt=0; nCnt<ranking_data.length; nCnt++) {
		if(nRankCnt <= 3) {
			var sPlanName = yproAPI.getPlanName(ranking_data[nCnt]);
			if( sPlanName.length > 35 ){
				sPlanName = sPlanName.substring( 0, 35 ) + '<a href="' + yproAPI.getUrl(ranking_data[nCnt]) + '">' + '...</a>';
			}

			tmpHtml += '<div class="ranking_wrp">';
			tmpHtml += '<div class="wrp_img">';
			tmpHtml += '<a id="a_' + charv + '0' + nCount + '" href="' + yproAPI.getUrl(ranking_data[nCnt]) + '">' + yproAPI.getImage(ranking_data[nCnt],{"width":"51","height":"51"}) + '</a></div>';
			tmpHtml += '<div class="txt_cnt">';
			tmpHtml += '<h4 id="st_best' + nRankCnt + '">人気NO.' + nRankCnt + '</h4>';
			tmpHtml += '<a href="' + yproAPI.getUrl(ranking_data[nCnt]) + '"><p>' + sPlanName + '</p>';
			tmpHtml += '</a></div>';
			tmpHtml += '</div>';
			nRankCnt = nRankCnt + 1;
		}
	}
	div.innerHTML += tmpHtml;
	//========================================================

});