var jtbHotelImageSBtn = function( imgNum ){
	$('#jtb_hotel_image_num_s_'+imgNum).hide();
	$('#jtb_hoetl_image_btn_s_'+imgNum).hide();
	
	$('#jtb_hotel_image_num_m_'+imgNum).show(400);
	$('#jtb_hoetl_image_btn_m_'+imgNum).show();
};
var jtbHotelImageMBtn = function( imgNum ){
	$('#jtb_hotel_image_num_s_'+imgNum).show(400);
	$('#jtb_hoetl_image_btn_s_'+imgNum).show();
	
	$('#jtb_hotel_image_num_m_'+imgNum).hide();
	$('#jtb_hoetl_image_btn_m_'+imgNum).hide();
};

$(function(){
	JHSConfig.prefPreset   = 39;
	JHSConfig.rendererName = 'longVertical';
	JHSConfig.ValueCommerceSetting( 2169233, 878137344 );
	JHSConfig.featureButtons = [
		{code: "c_1"},
		{code: "c_2"},
		{code: "c_25"},
		{code: "c_30"},
		{code: "c_31"},
		{code: "c_32"},
	
		{code: "c_74"},
	
		{code: "b_1"},
		{code: "b_10"},
		{code: "b_16"},
		{code: "b_25"},
		{code: "b_26"},
		{code: "b_27"},
	
		{code: "r_1"},
		{code: "r_2"},
		{code: "r_3"},
		{code: "r_4"},
		{code: "r_5"},
		{code: "r_6"},
		{code: "r_30"},
		{code: "r_55"},
		{code: "r_56"},
		{code: "r_57"},
		{code: "a_72"}
	];
	
	if(typeof JHS != "undefined"){
		JHS.onRender = function(data){
			var resData  = $(data).get(0);
			var totalNum = resData.TotalCount[0];
			
			if( totalNum != null ){
				//var resultSt = resData.Result;
				var hotels     = resData.Hotel;
				
				//var hDatas = new Array();
				var jtbHtml = '';
				$.each(hotels, function( i ){
					jtbHtml += '<div class="jtb_hotel">'+
									'<div class="jtb_hotel_block_1">'+
										'<div class="jtb_hotel_name">'+
											'<a href="'+JHSView.getShisetsuURL(this.Code, false)+'" target="_blank">'+
												this.Name+
											'</a>'+
										'</div>'+
										'<div id="jtb_hotel_image_num_s_'+i+'" class="jtb_hotel_image_s">'+
											'<a href="'+JHSView.getShisetsuURL(this.Code, false)+'" target="_blank">'+
												'<img src="'+JHSView.getImageURL(this.Image)+'" />'+
											'</a>'+
										'</div>'+
										'<div id="jtb_hotel_image_num_m_'+i+'" class="jtb_hotel_image_m">'+
											'<a href="'+JHSView.getShisetsuURL(this.Code, false)+'" target="_blank">'+
												'<img src="'+JHSView.getImageURL(this.Image, 'm')+'" />'+
											'</a>'+
										'</div>'+
										'<button id="jtb_hoetl_image_btn_s_'+i+'" class="jtb_hoetl_image_btn_s" onclick="jtbHotelImageSBtn('+i+');">画像拡大</button>'+
										'<button id="jtb_hoetl_image_btn_m_'+i+'" class="jtb_hoetl_image_btn_m" onclick="jtbHotelImageMBtn('+i+');">画像縮小</button>'+
										'<div class="jtb_hotel_block_1_parts">'+
											'<div class="jtb_gadjet">'+
												'<a rel="'+this.Code+'" class="jtb_gadjet_btn" href="javascript:void(0);">【<span class="square_01">■</span>空室状況】</a>'+
											'</div>'+
											'<div class="g_map_text">'+
												'<a href="javascript:gMapBtnClick('+this.Latitude+','+this.Longitude+',\''+this.Name+'\');">【<span class="square_01">■</span>地図表示】</a>'+
											'</div>'+
										'</div>'+
									'</div>'+
									'<div class="jtb_hotel_block_2">'+
										'<div class="jtb_hotel_salespoint">'+
											this.SalesPoint+
										'</div>'+
										'<div class="jtb_hotel_price">'+
											'<span class="sanko">参考価格：</span>'+KtUtils.separate3(this.RMin)+'円～'+KtUtils.separate3(this.RMax)+'円'+
										'</div>'+
									'</div>'+
								'</div>';
					
					/*
					var hMap = {
						dataNum		: i,
						Code		: this.Code,
						Name		: this.Name,
						Image		: JHSView.getImageURL(this.Image),
						Appearance	: JHSView.getImageURL(this.Image, 'm'),
						linkURL		: JHSView.getShisetsuURL(this.Code, false),
						SalesPoint	: this.SalesPoint,
						Area		: this.Area,
						Pref		: this.Pref,
						RMin		: this.RMin,
						RMax		: this.RMax,
						Latitude	: this.Latitude,
						Longitude	: this.Longitude
					};
					hDatas.push( hMap );
					*/
				});
//objectdump( hDatas );
				// ホテルデータ書込み
				$('#jtb_data').html( jtbHtml );
				
				var pagerHtml = '';
				if( 7 <= totalNum ){
					pagerHtml = totalNum + '件該当 : ' + JHSView.getPageLink(totalNum);
				} else {
					pagerHtml = totalNum + '件該当';
				}
				$('span.h_pager').html( pagerHtml );
	
				$('a.jtb_gadjet_btn').click(function(){
					$('#gadjet_body').html('<iframe class="gadjet" frameBorder="0" scrolling="no" width="400" height="250" src="http://www.jtbonline.jp/dom_yado/builtin/cal/?sid=2169233&pid=876490918&siz=400x250&st='+$(this).get(0).rel+'"></iframe>');
					$('#gadjet_body_area').css({
						top		: '40px',
						left	: '540px'
					}).show();
					//.effect("bounce",{times: 1}, 400 )
					//.effect("highlight",{color: 'pink'}, 800 )
					
					$('#gadjet_body_area').draggable({
						scroll	: true
					});
				});
				
				$('select.select_box').change(function(){
					$('span.h_pager').empty();
					$('#jtb_data').html(
						'<div id="jtb_data_load">'+
							'<img src="/images/loading_circle_01.gif" />'+
						'</div>'
					);
				});
				$('input.jhsFeature').click(function(){
					$('span.h_pager').empty();
					$('#jtb_data').html(
						'<div id="jtb_data_load">'+
							'<img src="/images/loading_circle_01.gif" />'+
						'</div>'
					);
				});
				
				return false;
				
			} else {
				$('span.h_pager').empty();
				$('#jtb_data').html( '<div id="jtb_no_res">該当データ無し</div>' );
				return false;
			}
		}
		
	}else{
		$('#jtb_data').html( JHSView.getErrorMessage(result) );
	}
	
	$('#gadjet_body_close_btn').click(function(){
		$('#gadjet_body_area').hide();
		$('#gadjet_body').empty();
	});
});

var gMapBtnClick = function( latitude, longitude, hName ){
	$('#jtb_map').html( '<iframe src="/php/googlemaps/01.php?latitude='+latitude+'&longitude='+longitude+'&width=350&height=350&hname='+encodeURI(hName)+'" width=370 height=380 scrolling=auto frameborder=0></iframe>' );
};