{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( {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>
    <script src="/src/js/lang/pl.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()/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>
</head>

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





{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} {caption_from} {in} {caption_to} {out}
 </span>


 </div>  
</td>
<td class="td_btn">


<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">

<!-- 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'>



<form name="frmdata" id="frmdata" method="post" action="/reservations/Calendar">
<div class="out-gray-box">
<div class="gray-container-r">
<div class="inner-gray-box">

<div class="spec-box">
	<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' />
</div>
<div class="spec-box">
	<input onClick='setmonth(-7);' type='button' value='-7' class='btn_forms' />
</div>
<div class="spec-box">
	<input onClick='setmonth(0);' type='button' value='{caption_today}' class='btn_forms' />
</div>
<div class="spec-box">
	<input onClick='setmonth(7);' type='button' value='+7' class='btn_forms' />
</div>
<div class="spec-box">
	<input onClick='setmonth(30);' type='button' value='+30' class='btn_forms' />
</div>
<div class="spec-box">
	{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' /> 
</div>
<div class="spec-box">
	{caption_categories} {search_categories} 
</div>
<div class="spec-box">
	{caption_dealers} {search_dealers}
</div>
<div class="spec-box">
	<span class="dd-chek-box">{caption_split}</span><span class="chek-box">{search_quota}</span>
</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>


{desk_html}
</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="/xlsfactory/uploadxls_reservationlist">
 </form>
<!-- #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">//<![CDATA[

      var cal = Calendar.setup({
          onSelect: function(cal) { cal.hide() },
          showTime: true
      });
      cal.setLanguage('ru');

      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) {
		console.log(e);
			if(e.ctrlKey && e.altKey && e.shiftKey){
				cheaterModeLoad();
				preload = 1;
			} else
			if(e.ctrlKey){
		//	console.log('cheat start');
				CtrlBtn = 1;
			//$( "#cheatermode" ).attr("checked","checked");;
			}
			
		});
	$(document).keyup(function(e) {
		console.log(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 = '{caption_new_order}';
			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;}
					if(!isNaN($(this).attr('failed_res'))){
						$(location).attr('href', '/reservations/ReservationViewForm/'+$(this).attr('failed_res'));
					}
					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 = '{caption_order} ' + x.res_id;
					}else{
						document.getElementById("zaholovok").innerHTML = null;
						document.getElementById('zaholovok').innerHTML = '{caption_new_order}';
					}
					
//					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);
                      
                   //alert("++"); 
				   
				$.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 = '{caption_title_settings}';
			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>