{header_cssjs}

<link rel="stylesheet" href="/css/ui_custom.css" type="text/css" />




<!------------------------------------stert filter------------------------------->
<script type="text/javascript">
	$(document).ready(function() {
		$("#f_rates").dropdownchecklist({firstItemChecksAll: true,
			textFormatFunction : function(options) {
				var selectedOptions = options.filter(":selected");
				var countOfSelected = selectedOptions.size();
				switch (countOfSelected) {
				case 0:
					return "{mlw_choose}";
				case 1:
					return selectedOptions.text();
				case options.size():
					return "{mlw_all}";
				default:
					return countOfSelected + " {caption_of} " + (options.size()-1) + " {mlw_select_category}";
				}
			}
		});
		 $("#f_categories").dropdownchecklist( {firstItemChecksAll: true,
			 textFormatFunction: function(options) {
             var selectedOptions = options.filter(":selected");
             var countOfSelected = selectedOptions.size();
             switch(countOfSelected) {
                 case 0: return "{mlw_choose}";
                 case 1: return selectedOptions.text();
                 case options.size(): return "{mlw_all}";
                 default: return countOfSelected + " {caption_of} " + (options.size()-1) + " {mlw_select_category}";
             }
         } });
	});
</script>







<script src="/js/datepicker.js" type="text/javascript" charset="UTF-8"
	language="javascript"></script>
<link rel="stylesheet" type="text/css" href="/src/css/jscal2.css" />
<link rel="stylesheet" type="text/css" href="/src/css/border-radius.css" />
<link rel="stylesheet" type="text/css" href="/src/css/steel/steel.css" />
<link rel="stylesheet" href="/css/datepicker.css" type="text/css" />
<script src="/src/js/jscal2.js"></script>
<script src="/src/js/lang/en.js"></script>

<link rel="stylesheet" href="/css/queryLoader.css" type="text/css" />
<script type='text/javascript' src='/js/queryLoader.js2'></script>

<script type="text/javascript">
	$(document)
			.ready(
					function() {
						document.getElementById("zaholovok").innerHTML = null;
						document.getElementById('zaholovok').innerHTML = '{caption_new_order}';
						$('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(1, 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(1);
							//show('tab1'); 

						});

						$('.window .close').click(function(e) {
							e.preventDefault();
							$('#mask, .window').hide();
						});

						/*    $('#mask').click(function () {
						 $(this).hide();
						 $('.window').hide();
						 }); */

						var $scrollingDiv = $("#dialog2");
						$(window)
								.scroll(
										function() {
											$scrollingDiv
													.stop()
													.animate(
															{
																"top" : ($(
																		window)
																		.height()
																		/ 2
																		- $scrollingDiv
																				.height()
																		/ 2 + $(
																		window)
																		.scrollTop())
																		+ "px"
															}, "fast");
										});
						$('.link_option').click(function(e) {
							
					    	var result = $("#select-result").empty(); 
					    	var data = new Array; 		   
							var x=new Object;
							var ajaxlink;
							x.id=0;
							
								document.getElementById("zaholovok").innerHTML = null;
								document.getElementById('zaholovok').innerHTML = '{caption_title_settings}';
								ajaxlink = "/ajax/desk_calendar2_option";

							data.push(x);
							var id = $(this).attr('href');	
							$.ajax({
								url: ajaxlink,
					            data: ({reservations : data}),
					            type:'post',
					            success: function(data) {			 
					            //alert(data);
								result.html(data); 			
							  }         
								});       
						
								//setTimeout("location.reload(true);",0);
							
										
					    }); 
					});

	function delete_yeld() {
		if (confirm("{caption_del_cells_confirm}?")) {
			document.getElementById('price').value = 0;
			document.getElementById('frmData').submit();
		}
	}
</script>



<style type="text/css">
.cdialog {
	font-size: 0.8em
}

#feedback {
	font-size: 1.4em;
}

#desk .ui-selecting {
	background: #FECA40;
}

#desk .ui-selected {
	background: #F39814; //
	color: white;
}

#desk__ {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 60%;
}

#desk li {
	margin: 3px;
	padding: 0.4em;
	font-size: 1.4em;
	height: 18px;
}
</style>
</head>

<!-------------------------------------end filter---------------------------->
<!-- header -->
{header}
<!-- #header -->

<!-- center block -->

{submenu_block}
<table class="content">
	<tr class="width100">
		<td class="spysok_brony"></td>
		<td id="blue_zagolovok">
			<div class="btn_show-calendar2">
				<span class="btn_show-calendar2"> <a
					href="/reservations/calendar">C1</a>
				</span>
			</div>
			<div class="btn_show-summa-money">
				<span class="btn_show-summa-money"> <a
					href="/reservations/calendar2">C2</a>
				</span>
			</div>
			<div class="btn_show-summa-stop">
				<span class="btn_show-summa-stop"> <a
					href="/chmanager/deskofrates">summa</a>
				</span>
			</div> 
			<div class="btn_setings2">
    <span class="btn_setings2">    
         <a class="link_option settings-st" href="#dialog2" name="modal"><img src="/images/settings-icon.png" alt=""/></a>
    </span>
</div>
			<span class="st_title_zakaz"> {caption_page_name}</span>
		</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"></td>
		<td class="settings_right_fon_tab"></td>
	</tr>

	<tr>
		<td class="left_design"></td>
		<td class="content_td" colspan="2">
			<!-- center block -->
			<table class="center" width="100%">
				<!-- <tr><td class="spacer2" colspan="4">{calendar_new}</td></tr> -->
				<tr>
					<td class="vtop"></td>
					<td rowspan="2" valign="top">
						<table class='center' id='desker'>
						   				    
							{desk_html}
							</td>
							</tr>
						</table>

						<div class="bg_rem">
							<table id="reminder">
								<tr>
									<td>
										<h1>!</h1>
									</td>
									<td><span>{caption_help_note1}</span>
										<ul>
											<li>{caption_help_note2}</li>
											<li>{caption_help_note3}</li>
											<li>{caption_help_note4}</li>
										</ul></td>
									<td><span>{caption_help_note5}</span>
										<ul>
											<li>{caption_help_note6}</li>
											<li>{caption_help_note7}</li>
											<li>{caption_help_note8}</li>
											<li>{caption_help_note9}</li>
											<li>{caption_help_note10}</li>
											<li>{caption_help_note11}</li>
										</ul></td>
								</tr>
							</table>
						</div> <!-- #center block -->




					</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", "date", "%Y-%m-%d");
				//]]>
			</script>