

function imgResize(){
	
//	---------------------------------------------------
//　ホテルのメイン画像の表示サイズを自動でリサイズ
//	---------------------------------------------------

	resizeRate = 1.0; // 画面サイズに対する画像サイズの比率
	margin = 12; // 画像表示領域用の余白
	// 変数の定義
	imgWidth = document.getElementById('hotelPicL').width; // 画像の幅
	imgHeight = document.getElementById('hotelPicL').height; // 画像の高さ
	winWidth = 185 ;// div#hotelMainPicの幅
	winHeight = 210 ;// div#hotelMainPicの高さ
	WidthRate = imgWidth / winWidth; // 画像サイズと画像表示領域のサイズの比率 (幅)
	HeightRate = imgHeight / winHeight; // 画像サイズと画像表示領域のサイズの比率 (高さ)

	if (WidthRate >= 1 && HeightRate >= 1){
		// 画像のwidth、height共に画面に収まらない場合
		if (WidthRate > HeightRate){
			// 画像のwidthの比率の方が大きい場合
			// widthに合わせてリサイズ
			document.getElementById('hotelPicL').width = winWidth;
			document.getElementById('hotelPicL').height = Math.floor(imgHeight / WidthRate);
		document.getElementById('hotelMainPic').style.height = Math.floor(imgHeight / WidthRate) + "px";
		} else {
			// 画像のheightの比率の方が大きい場合
			// heightに合わせてリサイズ
			document.getElementById('hotelPicL').width = Math.floor(imgWidth / HeightRate);
			document.getElementById('hotelPicL').height = winHeight;
		document.getElementById('hotelMainPic').style.width =  Math.floor(imgWidth / HeightRate) + "px";
		}
	} else if (WidthRate >= 1 && HeightRate < 1){
		// 画像のwidthのみ画面に収まらない場合
		document.getElementById('hotelPicL').width = winWidth;
		document.getElementById('hotelPicL').height = Math.floor(imgHeight / WidthRate);
		document.getElementById('hotelMainPic').style.height = imgHeight + "px";
	} else if (WidthRate < 1 && HeightRate >= 1){
		// 画像のheightのみ画面に収まらない場合
		document.getElementById('hotelPicL').width = Math.floor(imgWidth / HeightRate);
		document.getElementById('hotelPicL').height = winHeight;
		document.getElementById('hotelMainPic').style.width = imgWidth + "px";
	} else {
		// 画像のwidht、heightともに画面に収まる場合
                  // 必要であれば処理を記述
		document.getElementById('hotelMainPic').style.width = imgWidth + "px";
		document.getElementById('hotelMainPic').style.height = imgHeight + "px";
	}
	
//	---------------------------------------------------
//　ホテルのサブ画像の表示サイズを自動でリサイズ
//	---------------------------------------------------
//	sWidth =  document.getElementById('hotelPics').getElementsByTagName('img').width; // 画像の幅
//	sHeight = document.getElementById('hotelPics').getElementsByTagName('img').height; // 画像の高さ

//	sWinWidth = 80 ;// div#hotelMainPicの幅
//	sWinHeight = 80 ;// div#hotelMainPicの高さ
//	sWidthRate = sWidth / sWinWidth; // 画像サイズと画像表示領域のサイズの比率 (幅)
//	sHeightRate = sHeight / sWinHeight; // 画像サイズと画像表示領域のサイズの比率 (高さ)


//	if (sWidthRate >= 1 && sHeightRate >= 1){
		// 画像のwidth、height共に画面に収まらない場合
//		if (sWidthRate > sHeightRate){
			// 画像のwidthの比率の方が大きい場合
			// widthに合わせてリサイズ
//			document.getElementById('hotelPics').getElementByTagName('img').width = sWinWidth;
//			document.getElementById('hotelPics').getElementByTagName('img').height = Math.floor(sHeight / sWidthRate);
//		} else {
			// 画像のheightの比率の方が大きい場合
			// heightに合わせてリサイズ
//			document.getElementById('hotelPics').getElementByTagName('img').width = Math.floor(sWidth / sHeightRate);
//			document.getElementById('hotelPics').getElementByTagName('img').height = winHeight;
//		}
//	} else if (sWidthRate >= 1 && sHeightRate < 1){
		// 画像のwidthのみ画面に収まらない場合
//		document.getElementById('hotelPics').getElementByTagName('img').width = winWidth;
//		document.getElementById('hotelPics').getElementByTagName('img').height = Math.floor(sgHeight / sWidthRate);
//	} else if (WidthRate < 1 && HeightRate >= 1){
		// 画像のheightのみ画面に収まらない場合
//		document.getElementById('hotelPics').getElementByTagName('img').width = Math.floor(sWidth / sHeightRate);
//		document.getElementById('hotelPics').getElementByTagName('img').height = sWinHeight;
//	} else {
		// 画像のwidht、heightともに画面に収まる場合
                  // 必要であれば処理を記述
//	}
	

//	---------------------------------------------------
//　ホテルのサブ画像の表示サイズを自動でリサイズ
//	---------------------------------------------------
	obj =  document.getElementById('hotelPics').getElementsByTagName('img'); // 画像の幅
	for (i=1; i<=obj.length; i++)
	{
		sWidth =  document.getElementById('hotelPics'+i).width; // 画像の幅
		sHeight = document.getElementById('hotelPics'+i).height; // 画像の高さ

		sWinWidth = 175 ;// div#hotelMainPicの幅
		sWinHeight = 120 ;// div#hotelMainPicの高さ
		sWidthRate = sWidth / sWinWidth; // 画像サイズと画像表示領域のサイズの比率 (幅)
		sHeightRate = sHeight / sWinHeight; // 画像サイズと画像表示領域のサイズの比率 (高さ)
		if (sWidthRate >= 1 && sHeightRate >= 1){
			// 画像のwidth、height共に画面に収まらない場合
			if (sWidthRate > sHeightRate){

				// 画像のwidthの比率の方が大きい場合
				// widthに合わせてリサイズ
				document.getElementById('hotelPics'+i).width = sWinWidth;
				document.getElementById('hotelPics'+i).height = Math.floor(sHeight / sWidthRate);
			} else {
				// 画像のheightの比率の方が大きい場合
				// heightに合わせてリサイズ
				document.getElementById('hotelPics'+i).width = Math.floor(sWidth / sHeightRate);
				document.getElementById('hotelPics'+i).height = sWinHeight;
			}
		} else if (sWidthRate >= 1 && sHeightRate < 1){
			// 画像のwidthのみ画面に収まらない場合
			document.getElementById('hotelPics'+i).width = sWinHeight;
			document.getElementById('hotelPics'+i).height = Math.floor(sgHeight / sWidthRate);
		} else if (WidthRate < 1 && HeightRate >= 1){
			// 画像のheightのみ画面に収まらない場合
			document.getElementById('hotelPics'+i).width = Math.floor(sWidth / sHeightRate);
			document.getElementById('hotelPics'+i).height = sWinHeight;
		} else {
			// 画像のwidht、heightともに画面に収まる場合
	                  // 必要であれば処理を記述
		}
	}


}