{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()/2+window.pageYOffset);
    $(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" );			
	});
    */
  
  
    });  
</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>


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

    <div class="wrapper">
    {submenu_block}
    </div>
</header>



<div class="wrapper">
	<div id="title-and-btn">
    	<div class="btn-left">
            <div class="btn-calendar">
            	<a href="/reservations/calendar" title=""></a>
            </div>
        	<div class="btn-prices">
            	<a href="/reservations/calendar2" title=""></a>
            </div>
        	<div class="btn-limitation">
            	<a href="/chmanager/deskofrates" title=""></a>
            </div>
        	<div class="btn-settings">
            	<a class="link_option settings-st" href="#dialog2" name="modal" title=""></a>
            </div> 
        
        
 
        </div>
    	<div class="btn-right">
        	<div class="btn-xls">
				<a href="#" onClick="CheckXLS ();">{caption_export}</a>
            </div>
        </div>
    	<div class="main-title">
        	<h2> {caption_page_name} {caption_from} {in} {caption_to} {out}</h2>
        </div>
    </div>
</div>

<div class="wrapper">
	<div id="content">  
        <div class="main-filter">
            <form name="frmdata" id="frmdata" method="post" action="/reservations/Calendar" class="style-form-new">
                <div class="input-wrapper-scroll">
                    <p class="p-for-label">
            	<input type="hidden" name="bool" value="1" />
                <input type="hidden" id="month_shift" name="month_shift" value="0" />
                <input type="hidden" id="today" name="today" value="0" />
                <input onClick='setmonth(-30);' type='button' value='-30' class='btn_forms' />
                	</p>
                </div>
                <div class="input-wrapper-scroll">
                    <p class="p-for-label">
                    	<input onClick='setmonth(-7);' type='button' value='-7' class='btn_forms' />
                	</p>
                </div>
                <div class="input-wrapper-scroll">
                    <p class="p-for-label">
                    	<input onClick='setmonth(0);' type='button' value='{caption_today}' class='btn_forms spec_width' />
                	</p>
                </div>
                <div class="input-wrapper-scroll">
                    <p class="p-for-label">
                    	<input onClick='setmonth(7);' type='button' value='+7' class='btn_forms' />
                	</p>
                </div>
                <div class="input-wrapper-scroll">
                    <p class="p-for-label">
                    	<input onClick='setmonth(30);' type='button' value='+30' class='btn_forms' />
                	</p>
                </div>
                <div class="input-wrapper-scroll">
                    <p class="p-for-label">
                        <label>
                       		{caption_date}
                            <input id='date' size='10' name='date' type='text' value='{date}' class='forms' />
                            <input type='button' id='f_btn1' value='...' class='btn_forms' /> 
                        </label>                    	
                	</p>
                </div>
                <div class="input-wrapper-scroll">
               		<div class="spec-box">{caption_categories} {search_categories} </div>
                </div>
                <div class="input-wrapper-scroll">
                    <p class="p-for-label">
                        <label>
                        	{caption_dealers} {search_dealers}
                        </label>                     	
                	</p>
                </div>
                <div class="input-wrapper-scroll">
                    <p class="p-for-label">
                        <label>
                        	{caption_split}{search_quota}
                        </label>                    	
                	</p>
                </div>
                <div class="input-wrapper-scroll">
                    
            	<button class="btn-blue" onclick ="$('#frmdata').submit();return false;">{caption_refresh}</button>	
                </div>
            
            </form>        
        </div>
        
    	<div class="table-simple">   
        <table class='center' id='desker'>
        	<tr>
            	<td>
                	<div class="calendar-table">                   
					{desk_html}
                    </div>
        		</td>
        	</tr>
        </table>

<script language="JavaScript" type="text/javascript">
	
	function CheckXLS()
	{
			document.getElementById('frData').submit();
			return;
	}
</script>
 <form name="frData" id="frData" method="POST" action="/reservations/OpenMainXls">
 </form>

		</div>
	</div>
</div>


{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>
	
	
<div id='select-result'></div>
<style>
.marked {
	background: #339814;
}
</style>
<script type="text/javascript">
	$(function() {
	var cheat = 0;
	var CtrlBtn = 0;
	var preload = 0;
	$( "#cheatermode" ).click(function() {
		cheat = $( "#cheatermode:checked" ).val();
		if (cheat) {
			cheaterModeLoad();
		}
	});
	
	$(document).keydown(function(e) {
			if(e.ctrlKey && e.altKey && e.shiftKey){
				cheaterModeLoad();
				preload = 1;
			} else
			if(e.ctrlKey){
			//console.log(e);
		//	console.log('cheat start');
				CtrlBtn = 1;
			//$( "#cheatermode" ).attr("checked","checked");;
			}
			
		});
	$(document).keyup(function(e) {
		if(e.keyCode==17 && preload==1) {
		preload=0;
		return;
		}
		
		if(e.keyCode==17 ) {
			CtrlBtn = 0;
			//$( "#cheatermode" ).removeAttr("checked");
	//console.log('cheat reset');
	//console.log(e);
			//alert("do smth useful");
			sscheck();
			}
		});
	
	
	function sscheck(){
		$.ajax({
					dataType: 'json',
					url: "/reservations/sscheck",
                    type:'post',
                    success: function(data) {
						if(jQuery.type(data)!== "null" && data.ss == true) {
							stModal();
						}
					}
					
		});
	}
	
	function stModal() {
	
	var id = '#dialog2';
        var maskHeight = $(document).height();
    var maskWidth = $(window).width();
    $('#mask').css({'width':maskWidth,'height':maskHeight});
    $('#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();
    });
	
	
	
    	var result = $("#select-result").empty(); 
    	var data = new Array; 		   
		var x=new Object;
		var ajaxlink;
		
		
			document.getElementById('zaholovok').innerHTML = 'Новый заказ';
			ajaxlink = "/reservations/ajax_fastmodal";
				data.push(x);
		
		$.ajax({
			url: ajaxlink,
            data: ({reservations : data}),
            type:'post',
            success: function(data) {		
			result.html(data);
			  $("#mask").fadeTo(1,0.4);
              var winH = $(window).height();
               var winW = $(window).width();
                $(id).css("top",  winH/2-$(id).height()/2+window.pageYOffset);
                $(id).css("left", winW/2-$(id).width()/2);
              $(id).fadeIn(1);
              $(id+' .close').click(function(){
	                $("#desk .ui-selected").each(function(){
                 $(this).removeClass("ui-selected");
                  });
              });
		
		  }         
			});    	
	}
	
	
	
	
	$('#clearsess').click(function(){
		$.ajax({
					dataType: 'json',
					url: "/reservations/clearsess",
                    type:'post',
                    success: function(data) {
						if(jQuery.type(data)!== "null" /*&& jQuery.type(data.reservations)!== "null"*/) {
							setRes(data.reservations);
						}
					}
					
		});
	});
	
	
	function cheaterModeLoad(data){
			$.ajax({
					dataType: 'json',
					url: "/reservations/a2",
                    data: ({reservations : data}),
                    type:'post',
                    success: function(data) {
						//console.log(data);
						//console.log(data.reservations);
						setRes(data.reservations);
						
					}
				});
				
				$("#desk .ui-selected").each(function(){
					$(this).removeClass("ui-selected");
				});
	}
	
	function setRes(reservations){
	
		if(jQuery.type(reservations)==="null" || reservations.length==0) {
			$("#desk .marked").each(function(){
				 $(this).removeClass("marked");
			});
		} else {
			$.each(reservations, function(i, x) {
				if(x){
					$('#'+i).addClass('marked');
				} else {
					$('#'+i).removeClass('marked');
				}
			});
		}
	}
	
	$(".rooms").selectable({
		filter: 'td:not(".notselect")',
		start:function(){
//		alert(1);
//			$("#desk .ui-selected"/*, this*/).each(function(){
//				$(this).removeClass('ui-selected');
//			});
				},
			stop: function(){
				$( "#dialog" ).remove();
			var data = new Array; 
			
				var result = $("#select-result").empty();
				$("#desk .ui-selected"/*, this*/).each(function(){ //:not(.reserved):not(.marked)
					//if (cheat && $(this).hasClass( "reserved" )){return;}
					var x=new Object;
					x.room=$(this).attr('room');
					x.date = $(this).attr('date');
					x.fulldate= $(this).attr('fulldate');
					x.res_id= $(this).attr('res_id');
					x.firstname= $(this).attr('firstname');
					x.hotelid = $(this).attr('hotelid');
					//alert(x.res_id);
					if(x.res_id > 0){
						document.getElementById("zaholovok").innerHTML = null;
						document.getElementById('zaholovok').innerHTML = 'Заказ ' + x.res_id;
					}else{
						document.getElementById("zaholovok").innerHTML = null;
						document.getElementById('zaholovok').innerHTML = 'Новый заказ';
					}
					
//					result.append(" room=" + $(this).attr('room')+" date=" + $(this).attr('date')+" fulldate=" + $(this).attr('fulldate'));
//					result.append("<br/>");
					data.push(x);
					
//					$(this).removeClass('ui-selected');
				});
				
if(data.length<1){
return false;
}

                  

				if(cheat || CtrlBtn){
					cheaterModeLoad(data);
				
				}   
				else {   
				 var maskHeight = $(document).height();
                   var maskWidth = $(window).width();
                   $("#mask").css({"width":maskWidth,"height":maskHeight});
//                   $("#mask").fadeTo("fast",0.4);
                   $("#mask").fadeTo(1,0.4);
                      
				   
				   
				$.ajax({
					url: "/reservations/ajax",
                    data: ({reservations : data}),
                    type:'post',
                    success: function(data) {
					result.html(data);
 var id = "#dialog2";

/*                   var maskHeight = $(document).height();
                   var maskWidth = $(window).width();
                   $("#mask").css({"width":maskWidth,"height":maskHeight});
//                   $("#mask").fadeTo("fast",0.4);
                   $("#mask").fadeTo(1,0.6);
                   
*/
                   $("#mask").fadeTo(1,0.4);
                   


                    var winH = $(window).height();
                     var winW = $(window).width();
//                     console.log(winH)                   ;
//                     console.log($(id).height())        ;
//                     console.log(winH/2-$(id).height()/2);
//                     console.log(window.pageYOffset);
                      $(id).css("top",  winH/2-$(id).height()/2+window.pageYOffset);
                      $(id).css("left", winW/2-$(id).width()/2);
                    $(id).fadeIn(1);
                    $(id+' .close').click(function(){
    	                $("#desk .ui-selected").each(function(){
	                   $(this).removeClass("ui-selected");
                        });
                    });
                    
                    //$('#mask').click(function (e) {
                        //e.preventDefault();
                        //$('#mask, .window').hide();
                        //$("#desk .ui-selected").each(function(){
	                   //$(this).removeClass("ui-selected");
                      //  });

                    //});



$(document).keyup(function(event) {  if (event.which == 27) {
//27==esc

       event.preventDefault();
       $(id).hide();
       $('#mask, .window').hide();
       $("#desk .ui-selected").each(function(){
             $(this).removeClass("ui-selected");
       });


 }});


				  }

                 
					});
					} //end cheat
			}
		});

	$('.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 = 'Настройки';
			ajaxlink = "/ajax/desk_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);
		
					
    }); 

	 $('.window .close').click(function (e) {
	    	e.preventDefault();
	    	    $('#mask, .window').hide();
	    }); 
	
	});
	
	
	function setmonth(val){
		if(val == 0){
			document.getElementById("today").value = 1;
		}
		document.getElementById("month_shift").value = val;
		$('#frmdata').submit();
	}	
	
	
</script>