{header_cssjs}

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


 
  
<!------------------------------------stert filter------------------------------->   
    <script type="text/javascript">
        $(document).ready(function() {
            $("#f_categories").dropdownchecklist( { textFormatFunction: function(options) {
                var selectedOptions = options.filter(":selected");
                var countOfSelected = selectedOptions.size();
                switch(countOfSelected) {
                    case 0: return "Выберите";
                    case 1: return selectedOptions.text();
                    case options.size(): return "Все";
                    default: return countOfSelected + " категории";
                }
            } });

        });
    </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 = 'Новый заказ';
    $('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();
    }); */
  
  $('#getrra').click(function(e){
	  $("#frmdata").attr("action", "/dc_hotel_inn/get_rra/1");
	  $( "#frmdata" ).submit();
  })
    
  var $scrollingDiv = $("#dialog2");
	$(window).scroll(function(){			
	    $scrollingDiv
	    .stop()
	        .animate({"top": ($(window).height()/2-$scrollingDiv.height()/2+$(window).scrollTop()) + "px"}, "fast" );			
	});
  
  
    });  
function setmonth(val){
	document.getElementById("month_shift").value = val;
	$('#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 -->



<table class="content">
<tr class="width100"><td class="spysok_brony"></td>
<td id="blue_zagolovok">
===
</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">
<br/>

<!-- 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>Обозначения ограничений (общие)</span>
            <ul>
              <li>С - закрыто на заезд</li>
              <li>M - минимальное количество дней перебывания</li>
              <li>+ - дополнительные ограничения</li>
            </ul>
        </td>
        <td>
            <span>Обозначения дополнительных ограничений</span>
            <ul>
              <li>СD - закрыто на выезд (Booking.com)</li>
              <li>MX - максимальное количество дней перебывания (Ostrovok.ru)</li>
              <li>MA - минимальное количество дней перебывания на заезд (Ostrovok.ru)</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>