{header_cssjs}

<link rel="stylesheet" href="/css/ui_custom.css" type="text/css" />
<!------------------------------------stert filter------------------------------->   
    <script type="text/javascript">
        $(document).ready(function() {
            
            
            $("#f_statuses").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">
$(document).ready(function() {
if(document.getElementById("zaholovok") != null){
	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();
    }); */
  
  
  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 -->


<div id="tabs">
  <ul>
  {submenulist}
    <li {current}><a href="{url}"><span>{name}</span></a></li>
   {/submenulist}
  </ul>

</div>
<table class="content">
<tr class="width100"><td class="spysok_brony">
</td>
<td id="blue_zagolovok">
<div class="btn_show-summa-money">
    <span class="btn_show-summa-money">
    <a href="/chain/desk2">C2</a>
    </span>
</div>
<div class="btn_show-calendar2">
    <span class="btn_show-calendar2">
    <a href="/chain/desk">C1</a>
    </span>
</div>

<span class="st_title_zakaz">
Доска заказов с {in} по {out}
 </span>

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


<div class="btn_button">
<p class="button"><a href="#" onClick="CheckXLS ();"></a></p>
</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'>
{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="/reservations/OpenMainXls">
 </form>
<!-- #center block -->

<div class="btn_button">
<p class="button"><a href="#" onClick="CheckXLS ();" ></a></p>
</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.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) {
            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");
            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("fast", 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(100);

        $('.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 = 'Новый заказ ({count_group})';
        ajaxlink = "/reservations/ajax_fastmodal_chain";
        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) {
                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() {
            //			$("#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');
				x.chainmode = 1;
				
                if (document.getElementById("zaholovok") != null) {
                    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 = 'Новый заказ';
                    }
                }
                data.push(x);

            });

            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(1, 0.4);

                $.ajax({
                    url: "/reservations/ajax_chain",
                    data: ({
                        reservations: data
                    }),
                    type: 'post',
                    success: function(data) {
                        result.html(data);
                        var id = "#dialog2";
                        $("#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");
                            });
                        });

                        //$('#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;
        if (document.getElementById("zaholovok") != null) {
            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) {
    document.getElementById("month_shift").value = val;
    $('#frmdata').submit();
}
</script>