// 1:おすすめプラン// 2:ビジネスプラン// 3:レジャープラン

yproAPI.set({
	"hotels":"45000004",
	"display":"Category,gpList",
	"select":"6,4,5,3"
});

yproAPI.onload(function () {

	// 各IDで表示箇所を切り分け
	var list_id = new Array("","tb_rec","tb_bus","tb_lei");
	var rank_g_id = new Array("rank1","rank2","rank3");

	var img_g_list = new Array("images/home/st_n1.gif" , "images/home/st_n2.gif" , "images/home/st_n3.gif")
	var alt_g_list = new Array("ランク1" , "ランク2" , "ランク3")

	var list_no = new Array(0,6,4,5,3);
	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 ] ) ];

		if( data != undefined ){

			// カテゴリに含まれるプラングループの数だけ出力
			var tmpHTML = "";
			for( var nCnt = 0; nCnt < data.length; nCnt++ ){
				
				// 表示個数
				if( nCnt >= 3 )
				{
					continue;
				}
				// プラングループは文字数を制限
				var sPlanText = yproAPI.getPlanText(data[nCnt]);
				if( sPlanText.length > 40 ){
					sPlanText = sPlanText.substring( 0, 40 ) + '...';
				}
				
				tmpHTML += ' <dl>';
				tmpHTML += ' 	<dt>' + yproAPI.getImage(data[nCnt],{"width":"120","height":"90"}) + '</dt>';
				tmpHTML += ' 	<dd>';
				tmpHTML += ' 		<p class="tit_pack"><a href="'+yproAPI.getUrl(data[nCnt],"Category")+'">'+yproAPI.getPlanName(data[nCnt])+'</a></p>';
				tmpHTML += ' 		<ul>';

				//======================================================
				// 各プランの表示

				var data2 = data[nCnt].gplist;

				for( var yCnt = 0; yCnt < data2.length; yCnt++ ){
					
					if( data2[yCnt] != undefined ){

						// 表示個数
						if( yCnt >= 3 ){
							continue;
						}
						tmpHTML += ' <li><a href="'+yproAPI.getUrl(data2[yCnt])+'">' + yproAPI.getRoomName(data2[yCnt]) + '</a></li>';
					}

				}
				//========================================================

				tmpHTML += ' 		</ul>';
				tmpHTML += ' 	</dd>';
				tmpHTML += ' </dl>';
			}

			div.innerHTML += tmpHTML;

		}

	}

	// ランキング
	var data3 = yproObject.plan[ new String("3" ) ];

	if( data3 != undefined ){

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

			// 表示個数
			if( nCnt >= 3 )
			{
				continue;
			}

			var tmpHTML = "";
			var div = document.getElementById( new String( rank_g_id[ nCnt ] ) );

			// プラングループは文字数を制限
			var sPlanText = yproAPI.getPlanText(data3[nCnt]);
			if( sPlanText.length > 40 ){
				sPlanText = sPlanText.substring( 0, 40 ) + '...';
			}
			tmpHTML += ' <dl>';
			tmpHTML += ' <dt>';
			tmpHTML += '<a href="'+yproAPI.getUrl(data3[nCnt],"Category")+'">';
			tmpHTML += '<img src="' +  img_g_list[ nCnt ]  + '" alt="' + alt_g_list[ nCnt ] + '">' + yproAPI.getImage(data3[nCnt],{"width":"120","height":"90"}) ;
			tmpHTML +=  '</a></dt>';
			tmpHTML += ' <dd><a href="'+yproAPI.getUrl(data3[nCnt],"Category")+'">'+yproAPI.getPlanName(data3[nCnt])+'</a></dd>';
			tmpHTML += ' </dl>';

			div.innerHTML += tmpHTML;
		}

	}

	//========================================================

});