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

<script language="javascript">
	
	$(document).ready(function(){

		$(".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/billManage/" + page ,
				type : "html",
				success : function(data){
					
					$(".jMainArea").html("") ;
					$(".jMainArea").append(data) ;
				}
	
			});
		});
	
		
		$(document).on("click", ".jPopup", function(){
			var page = $(this).attr("page");
			var rpage = $(this).attr("rpage");
			
			$.ajax({
				url : "/web/billManage/" + page ,
				type : "POST",
				dataType : "html",
				data : {
					rpage : rpage
				}, success : function(data){
					
					$(".jPopupArea").html("") ;
					$(".jPopupArea").append(data) ;
	
					$(".jPopupArea").show() ;
					
				}
	
			});
		});
		
	
		$(document).on("click", ".jExit", function(){
			$(".jPopupArea").html("")  ; 
			$(".jPopupArea").hide() ;
		});
		
		$(document).on("click", ".jMonthlyView", function(){
			var no = $(this).attr("_no") ;
			
			location.href="/web/billManage/monthlyView.php?no="+no ;
		});

		$(document).on("click", ".jUtilityView", function(){
			var no = $(this).attr("_no") ;
			
			location.href="/web/billManage/utilityView.php?no="+no ;
		});
		
		$(document).on("click", ".jSetYear", function(){
			var rpage = $(this).attr("rpage") ;
			
			$.ajax({
				url : "/web/billManage/" + rpage,
				type : "POST",
				dataType : "html",
				data : {
					year : $(this).text() 
				},
				success : function(data){
					$(".jMainArea").html("");
					$(".jMainArea").append(data);
				}
	
			});

			$(".jExit").trigger("click") ;

		});


				
		$(".jMainArea").on("click", ".jPopup", function(){
			var page = $(this).attr("page");
			var rpage = $(this).attr("rpage");
			
			$.ajax({
				url : "/web/billManage/" + page ,
				type : "POST",
				dataType : "html",
				data : {
					rpage : rpage
				}, success : function(data){
					
					$(".jPopupArea").html("") ;
					$(".jPopupArea").append(data) ;

					$(".jPopupArea").show() ;
					
				}

			});
		});
		

		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 class="jPopup" page="popupSpecial.php"><img src="/web/inc/images/btn_title_privacy.png" alt="privacy" width="22%"/></li>
	</ul>
	<div style="clear:both;"></div>
</header>
<!-- 헤드 -->

<!-- 네비게이션 -->
<nav>
	<ul>
		<li class="jPage jFirst" page="monthly.php"><a>월세</a></li><!-- 선택 된 상태일때 addClass 'active'-->
		<li class="jPage" page="utility.php"><a>공과금</a></li>
		<li class="jPage" page="calculate.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: 100%; background: rgba(100, 100, 100, 0.5); display: none;"></div>


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