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

yproAPI.onload(function () {
	var nCnt;
	// 各IDで表示箇所を切り分け
	var list_id = new Array("","osusume_menu","business_menu","kappuru_menu","family_menu");
	var list_no = new Array(0,1,4,2,3);
	var main_id = new Array("","osusume_main","business_main","kappuru_main","family_main");
	var charv_list = new Array("","a","b","c","d");

	//======================================================
	// 各プランの表示
	for(jCnt=1; jCnt<list_id.length; jCnt++)
	{
		var data = yproObject.plan[new String(list_no[ 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 = '<div>';
		for(nCnt = 0; nCnt<data.length; nCnt++) {
			var sPlanName = yproAPI.getPlanName(data[nCnt]);
			if( sPlanName.length > 25 ){
				sPlanName = sPlanName.substring( 0, 25 ) + '...';
			}

			var sPlanText = yproAPI.getPlanText(data[nCnt]);
			if( sPlanText.length > 102 ){
				sPlanText = sPlanText.substring( 0, 102 ) + '<a href="' + yproAPI.getUrl(data[nCnt]) + '">...</a>';
			}
			
			html += '<li>';
			sPlanName = yproAPI.getPlanName(data[nCnt]);
			if( sPlanName.length > 23 ) {
				sPlanName = sPlanName.substring(0, 23)+"...";
			}
			html += '<a id="a_' + charv + "0" + nCount + '" href="' + yproAPI.getUrl(data[nCnt]) + '" target="_self" onmouseover="hover(\'' + charv + '0\',' + nCount + ', 5);return false;">' + sPlanName + '</a></li>';

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

			htmlMain += '<div class="mainarea"><div class="txtarea">';
			htmlMain += '<h3><a href="' + yproAPI.getUrl(data[nCnt]) + '">' + yproAPI.getPlanName(data[nCnt]) + '</a></h3>';
			htmlMain += '<p class="price">料金：お一人様 ' + yproAPI.getMinPrice(data[nCnt]) + '円～</p>';
			htmlMain += '<p class="txt">' + sPlanText + '</p></div>';
			htmlMain += '<div class="photo"><p><a href="' + yproAPI.getUrl(data[nCnt]) + '">' + yproAPI.getImage(data[nCnt],{"width":"218","height":"152","type":"large"});' + </a></p></div>';
			htmlMain += '</div></div></div>';

			nCount++;
		}

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

		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('',1, 5);
	hover('a0',1, 5);
	hover('b0',1, 5);
	hover('c0',1, 5);
	hover('d0',1, 5);
});