{header_cssjs}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="/js/datepicker.js" type="text/javascript" charset="UTF-8" language="javascript"></script>
<link rel="stylesheet" href="/css/datepicker.css" type="text/css"/>
    <script type="text/javascript">
$(document).ready(function() {   
    $('a[name=modal]').click(function(e) {
    e.preventDefault();
    var id = $(this).attr('href');
  
        var maskHeight = $(document).height();
    var maskWidth = $(window).width();
  
    $('#mask').css({'width':maskWidth,'height':maskHeight});
  
  /*  $('#mask').fadeIn(1000); */
    $('#mask').fadeTo("slow",0.4); 
  
    var winH = $(window).height();
    var winW = $(window).width();
  
   $(id).css('top',  winH/2-$(id).height()/1.15);
    $(id).css('left', winW/2-$(id).width()/2);
  
    $(id).fadeIn(1000); 
  
   });

    
  
    $('.window .close').click(function (e) {
e.preventDefault();
    $('#mask, .window').hide();
    }); 
 
/*    $('#mask').click(function () {
    $(this).hide();
    $('.window').hide();
    }); */
  
    });  
</script>
{time_range_list}
<script type="text/javascript">
function choosetime(obj){
	var a=obj.time_range.value; 
	var datein;
	var dateout; 
	switch (a) {
	 case '1': 
		 obj.datein.disabled = 1;
		 obj.dateout.disabled = 1;
		 document.getElementById('f_btn1').disabled = 1;
		 document.getElementById('f_btn2').disabled = 1;
		 datein = "{datein_1}";
		 dateout = "{dateout_1}"; 
		 obj.datein.value=datein;
			obj.dateout.value=dateout;
		 break; 
	 case '2': 
		 obj.datein.disabled = 1;
		 obj.dateout.disabled = 1;
		 document.getElementById('f_btn1').disabled = 1;
		 document.getElementById('f_btn2').disabled = 1;
		 datein = "{datein_2}";
		 dateout = "{dateout_2}";
		 obj.datein.value=datein;
			obj.dateout.value=dateout;
		 break; 
	 case '3': 
		 obj.datein.disabled = 1;
		 obj.dateout.disabled = 1;
		 document.getElementById('f_btn1').disabled = 1;
		 document.getElementById('f_btn2').disabled = 1;
		 datein = "{datein_3}";
		 dateout = "{dateout_3}";
		 obj.datein.value=datein;
			obj.dateout.value=dateout;
		 break; 
	 case '4': 
		 obj.datein.disabled = 1;
		 obj.dateout.disabled = 1;
		 document.getElementById('f_btn1').disabled = 1;
		 document.getElementById('f_btn2').disabled = 1;
		 datein = "{datein_4}";
		 dateout = "{dateout_4}";
		 obj.datein.value=datein;
			obj.dateout.value=dateout;
		 break; 
	 case '5':
		 obj.datein.disabled = 1;
		 obj.dateout.disabled = 1; 
		 document.getElementById('f_btn1').disabled = 1;
		 document.getElementById('f_btn2').disabled = 1;
		 datein = "{datein_5}";
		 dateout = "{dateout_5}"; 
		 obj.datein.value=datein;
			obj.dateout.value=dateout;
		 break; 
	 case '6':
		 obj.datein.disabled = 1;
		 obj.dateout.disabled = 1;
		 document.getElementById('f_btn1').disabled = 1;
		 document.getElementById('f_btn2').disabled = 1; 
		 datein = "{datein_6}";
		 dateout = "{dateout_6}";
		 obj.datein.value=datein;
			obj.dateout.value=dateout;
		 break; 
	 case '7': 
		 obj.datein.disabled = 1;
		 obj.dateout.disabled = 1;
		 document.getElementById('f_btn1').disabled = 1;
		 document.getElementById('f_btn2').disabled = 1;
		 datein = "{datein_7}";
		 dateout = "{dateout_7}";
		 obj.datein.value=datein;
			obj.dateout.value=dateout;
		 break; 
	 default: 
		 obj.datein.disabled = 0;
		 obj.dateout.disabled = 0;
		 document.getElementById('f_btn1').disabled = 0;
		 document.getElementById('f_btn2').disabled = 0;
		 
	}
	
}
</script>
{/time_range_list}
</head>
<!-- header -->
{header}
<!-- #header -->

<div id="tabs">
  <ul>
  {submenulist}
    <li {special}><a href="{url}"><span>{name}</span></a></li>
   {/submenulist}
  </ul>

</div>
<table class="content">
<tr class="width100"><td class="spysok_brony"></td>
<td id="blue_zagolovok">
{caption_page_name} {search_datein} {caption_to} {search_dateout}
</td>
<td class="td_btn">

<script language="JavaScript" type="text/javascript">
	
	function CheckXLS()
	{
			document.getElementById('frData').submit();
			return;
	}
</script>
 <form name="frData" id="frData" method="POST" action="/export/Export_total_balance">
 </form>
<div class="btn_button">
        	<div class="btn_type_03 icons_btn_type_03_xls btn_indent_03">
            	<a href="#" title="{btn_export_xls}" onClick="CheckXLS ();">
                    <div class="btn_type_03_left"></div>
                    <div class="btn_type_03_center">
                        <span class="btn_type_03_icon"></span>
                        <span class="btn_type_03_title">{btn_export_xls}</span>
                    </div>
                    <div class="btn_type_03_right"></div>
                </a>
            </div>
</div>

</td>

<td class="round2"></td></tr>
<tr><td class="left_design"></td>
<td class="content_td" colspan="2">


			<form name="frmdata" id="frmdata" method="post"
				action="/payments/TotalBalance">
<div class="out-gray-box">
<div class="gray-container-r">
<div class="inner-gray-box">

 <div class="spec-box">

				{caption_from} <input id="datein" size="10" name="datein" type="text" {disabled}
					value="{search_datein}" class="forms" /> <input type="button"
					id="f_btn1" {disabled} value="..." class="btn_forms" />
</div>
<div class="spec-box">
                    
                    {caption_to} <input class="forms" size="10" {disabled} id="dateout" name="dateout" type="text" value="{search_dateout}" class="brdate" />
                    <input type="button" {disabled} id="f_btn2" value="..." class="btn_forms" />
</div>
<div class="spec-box">
					{caption_period_range}:					
					<select class="forms" name="time_range" id="time_range" onChange="choosetime(frmdata);">
					{select_time_range}
					</select>
				
		

</div>
<div class="spec-box">

        	<div class="btn_type_03 icons_btn_type_03_refresh m30">
            	<a href="" title="{btn_refresh}" onclick ="$('#frmdata').submit();return false;" >
                    <div class="btn_type_03_left"></div>
                    <div class="btn_type_03_center">
                        <span class="btn_type_03_icon"></span>
                        <span class="btn_type_03_title">{btn_refresh}</span>
                    </div>
                    <div class="btn_type_03_right"></div>
                </a>
            </div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
			</form>



{html}


<!-- #center block -->


<div class="btn_button">
        	<div class="btn_type_03 icons_btn_type_03_xls btn_indent_03">
            	<a href="#" title="{btn_export_xls}" onClick="CheckXLS ();">
                    <div class="btn_type_03_left"></div>
                    <div class="btn_type_03_center">
                        <span class="btn_type_03_icon"></span>
                        <span class="btn_type_03_title">{btn_export_xls}</span>
                    </div>
                    <div class="btn_type_03_right"></div>
                </a>
            </div>
</div>
</td>

<td class="right_design"></td>
</tr>
<tr>
<td class="niz_left"></td>
<td class="niz_center"colspan="2"></td>
<td class="niz_right"></td>
</tr>
</table>
{footer}
		<script type="text/javascript">//<![CDATA[

      var cal = Calendar.setup({
          onSelect: function(cal) { cal.hide() },
          showTime: true
      });
      
      	cal.manageFields("f_btn1", "datein", "%Y-%m-%d");
      	cal.manageFields("f_btn2", "dateout", "%Y-%m-%d");

      

    //]]></script>