{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}";
			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}";
			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}";
			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}";
			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}";
			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}";
			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}";
			break;
		default:
			obj.datein.disabled = 0;
			obj.dateout.disabled = 0;
			document.getElementById('f_btn1').disabled = 0;
			document.getElementById('f_btn2').disabled = 0;
			datein = "{datein_0}";
			dateout = "{dateout_0}";
		}
		obj.datein.value = datein;
		obj.dateout.value = dateout;
	}
</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_downloading_from} {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="/xlsfactory/uploadxls_loading"></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="/reservations/loading">
<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>
			
			<table class="table_content1">
				<tr>
					<th>{caption_category}</th>
					
					<th>{caption_total_nights}</th>
					<th>{caption_nights_occupied}</th>
					<th>%</th>
				</tr>
				{categories}
				<tr class="redline">
					<td class="ctext">{name}</td>
					
					<td class="ctext">{loading_nights}</td>
					<td class="ctext">{loading_nights_reserved}</td>
					<td class="ctext">{loading}%</td>
				</tr>
				{/categories}
				<tr class="redline">
					<th class="ctext">{caption_total}</th>
					
					<th class="ctext">{all_loading_nights}</th>
					<th class="ctext">{all_loading_nights_reserved}</th>
					<th class="ctext">{all_loading}%</th>
				</tr>
			</table> 
			<br>
			<br>
			<table class="table_content1">
				<tr>
					<th>{caption_day}</th>
					{categories2}
					<th>{name}</th>
					{/categories2}
				</tr>
				{categories_today}
				<tr class="redline">
					<td class="ctext">{name}</td>
					{loading_mass}
					<td class="ctext">{value}%</td>
					{/loading_mass}
				</tr>
				{/categories_today}
			</table> 
			
			<!-- #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">
	//         

	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>