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

yproAPI.onload(function () {
	var nCnt;
	// 各IDで表示箇所を切り分け
	var list_id = new Array("","standard_menu","lady_menu","kappuru_menu");
	var main_id = new Array("","standard_main","lady_main","kappuru_main");
	var charv_list = new Array("","a","b","c");

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

		var html = '<ul>';
		var htmlMain = '<ul>';
		for(nCnt = 0; nCnt<data.length; nCnt++) {
			var sPlanName = yproAPI.getPlanName(data[nCnt]);
			if( sPlanName.length > 20 ){
				sPlanName = sPlanName.substring( 0, 20 ) + '...';
			}

			var sPlanText = yproAPI.getPlanText(data[nCnt]);
			if( sPlanText.length > 290 ){
				sPlanText = sPlanText.substring( 0, 290 ) + '<a href="' + yproAPI.getUrl(data[nCnt]) + '">...</a>';
			}

			html += '<li>';
			html += '<a id="a_' + charv + "0" + nCount + '" href="' + yproAPI.getUrl(data[nCnt]) + '" target="_self" onmouseover="hover(\'' + charv + '0\',' + nCount + ', 5);return false;">';
			html += yproAPI.getImage(data[nCnt],{"width":"49","height":"49"});
			html += '<p>' + sPlanName + '</p></a></li>';

			if(nCnt == 0) {
				htmlMain += '<li id="' + charv + '0' + nCount + '" style="display:block">';
			} else {
				htmlMain += '<li id="' + charv + '0' + nCount + '" style="display:none">';
			}

			htmlMain += '<h4>' + yproAPI.getPlanName(data[nCnt]) + '</h4>';
			htmlMain += yproAPI.getImage(data[nCnt],{"width":"272","height":"193"});
			htmlMain += '<p>' + sPlanText + '</p>';
			htmlMain += '<p class="bn_yoyaku"><a href="' + yproAPI.getUrl(data[nCnt]) + '"><img src="images/bn/bn_planyoyaku.gif" alt="このプランを予約する" /></a></p>';
			htmlMain += '</li>';

			nCount++;
		}

		html += '</ul>';
		htmlMain += '</ul>';

		div.innerHTML += html;
		div_main.innerHTML += htmlMain;
	}
	//========================================================

	//========================================================
	// ランキングの表示
	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;
	//========================================================

	hover('a0',1, 5);
	hover('b0',1, 5);
	hover('c0',1, 5);
});