<? include $_SERVER["DOCUMENT_ROOT"] . "/web/inc/php/header.php" ?>


<script language="javascript">
	
	$(document).ready(function(){
		var _isANDApp    = (navigator.userAgent.indexOf('APPG(ANDROID)') != -1);
		
		$(".jClose").click2(function(){
			location.href = "native://action?cmd=closeWebView" ;
			return false ;
		});
		
		$(".jPage").click2(function(){
			
			var page = $(this).attr("page");


			$(".jPage").removeClass("active") ;
			$(this).addClass("active") ;
			
			$.ajax({
				url : "/web/buildingManage/" + page ,
				type : "html",
				success : function(data){
					$(".jMainArea").html("");
					$(".jMainArea").append(data);
				} , 
				complete : function(){
					if(!_isANDApp){
						var h = $(".jMainArea").height() + 100;
						$(".jMainArea").css({"height" : h + "px"});
					}
				}
	
			});
		});
	
		
		$(".jMainArea").on("click", ".jPopup", function(){
			var page = $(this).attr("page");
			var top =  Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop()) - 100;
			
			$.ajax({
				url : "/web/buildingManage/" + page ,
				type : "html",
				success : function(data){
					
					$(".jPopupArea").html("") ;
					$(".jPopupArea").append(data).trigger("create") ;

					//스크롤 잠금
					$(document).on('scroll touchmove mousewheel', function(e) {
					   e.preventDefault();
					   e.stopPropagation(); 
					   return false;
					}) ;
					
					$(".pop").css({ "margin-top" : top  + "px" });

					
					$(".jPopupArea").show() ;
					
				}
	
			});
		});
	
		$(document).on("click", ".jExit", function(){
			//스크롤 잠금 해제
			$(document).off("scroll touchmove mousewheel");
			
			$(".jPopupArea").html("")  ; 
			$(".jPopupArea").hide() ;
		});
		
		$(".jMainArea").on("click", ".jView", function(){
			var no = $(this).attr("_no") ;
			var page = $(this).attr("page") ;
			location.href="/web/buildingManage/"+page+"?no="+no ;
		});

		$(".jMainArea").on("click", ".jRentView", function(){
			var no = $(this).attr("_no") ;
			
			location.href="/web/billManage/monthlyView.php?no="+no ;
		});

		init() ;
	
	}) ;
	
	
	function init() {
		$(".jFirst").trigger("click") ;
		$(".jFirst").removeClass("jFirst") ;
	}


</script>
<div class="Wrap" style="height:100%">

	<!-- 헤드 -->
	<header>
		<ul>
			<li class="jClose"><img src="/web/inc/images/btn_top_back_over.png" alt="back" width="20%"/></li>
			<li><p>건물현황</p></li><!-- 날짜 -->
			<li></li>
		</ul>
		<div style="clear:both;"></div>
	</header>
	<!-- 헤드 -->
	
	<!-- 네비게이션 -->
	<nav>
		<ul>
			<li class="jPage jFirst" page="info.php"><a>건물정보</a></li><!-- 선택 된 상태일때 addClass 'active'-->
			<li class="jPage" page="room.php"><a>호실별정보</a></li>
			<li class="jPage" page="rent.php"><a>임대료내역</a></li>
		</ul>
		<div style="clear:both;"></div>
	</nav>
	<!-- 네비게이션 -->

<div class="jMainArea"></div>

<div class="jPopupArea" style="position: absolute; width: 100%; top: 0px; height: 170%; background: rgba(100, 100, 100, 0.5); display: none;"></div>


</div>

<? include $_SERVER["DOCUMENT_ROOT"] . "/web/inc/php/footer.php" ?>