{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();
		 }); */

$('#cla,#cld,#closed').change(function(){
    var x = $(this).val();
//console.log(this.name);
    $('.'+this.id+'_s').each(function(){
	$(this).val(x);
    });
});

$('#chk').change(function(){
    var c = $(this).prop('checked');
//console.log(c);
    $('.chk_s').each(function(){$(this).prop('checked',c)});
});


	});
</script>


</head>
<!-- header -->
{header}
<!-- #header -->

<!-- center block -->
<div id="tabs">
	<ul>
		{main_admin_menu}
		<li{current}><a href="{url}"><span>{name}</span></a></li>
		{/main_admin_menu}
	</ul>
</div>

<table class="content">
	<tr class="width100">
		<td class="spysok_brony"></td>
		<td id="blue_zagolovok">Настройки - DC#</td>
		<td class="td_btn"></td>
		<td class="round2"></td>
	</tr>

	<tr class="width100">
		<td class="settings_left_fon_tab"></td>
		<td colspan="2" class="settings_centert_fon_tab">
			<div class="settings_tabs">
				<ul>
					{submenulist}
					<li{special}><a href="{url}"><span>{name}</span></a></li>
					{/submenulist}
				</ul>
			</div>
		</td>
		<td class="settings_right_fon_tab"></td>
	</tr>

	<tr>
		<td class="left_design"></td>
		<td colspan="2"><br /> <!-- center block -->
			<form id="frmDataSearch" name="frmDataSearch" method="post"
				action="/dc_booking/desk">

				<table class="box_zagalna_tab000b">
					<tr>
						<td class="round_left"></td>
						<td class="center_design">

							<div class="container2">
								<div class="float_left">
									<p>
										от <input id="dc_datein" size="10" name="dc_datein"
											type="text" value="{dc_datein}" class="forms" /> <input
											type="button" id="f_btn1" value="..." class="btn_forms" />
										&nbsp;&nbsp; до <input class="forms" size="10" id="dc_dateout"
											name="dc_dateout" type="text" value="{dc_dateout}"
											class="brdate" /> <input type="button" id="f_btn2"
											value="..." class="btn_forms" />
									</p>
									<p>
										{categories}
										<input type="checkbox" {checked} name="dc_rooms[]" value="{dc_room_id}"> {shortname}({dc_room_name}) 
										</br>
										{/categories}
									</p>
									<p>
										{rates}
										<input type="checkbox" {checked} name="dc_rates[]" value="{dc_rate_id}"> {caption}({dc_rate_name})
										</br> 
										{/rates}
									</p>
								</div>

							</div>
							<div class="btn_obnovlenie">
								<p class="btn_obnovlenie">
									<a onclick="$('#frmDataSearch').submit();return false;" href=""></a>
								</p>
							</div>
						</td>
						<td class="round_right"></td>
					</tr>
				</table>

			</form>


			<form name="frmData" method="post" action="/dc_booking/desk_post">
				{desk_html} <input type="submit" value="Submit">
			</form></td>
	</tr>
</table>
<!-- #center block -->
{footer}
<script type="text/javascript">
	//<![CDATA[

	var cal = Calendar.setup({
		onSelect : function(cal) {
			cal.hide()
		},
		showTime : true
	});
	//cal.setLanguage("ru");
	cal.manageFields("f_btn1", "dc_datein", "%Y-%m-%d");
	cal.manageFields("f_btn2", "dc_dateout", "%Y-%m-%d");

	//]]>
</script>