// range is used by book a room calendars 
range1 = 0;
range2 = 0;
range3 = 0;
range4 = 0;

function dp_calendar(){			
    // Datepicker
    // book a room -------------------------------------------------------
    $('#datepicker').datepicker({
            inline: true,
                dateFormat: 'dd.mm.yy',
                minDate: 0,
                showOn: 'both',
                buttonImage: '/img/images/calendar-but.png',
                buttonImageOnly: true,
                
                onClose: function(dateText, inst) {  
                if(inst.currentMonth)
                    $('#datepicker2').datepicker('option', 'minDate', new Date(inst.currentYear, inst.currentMonth, parseInt(inst.currentDay) + 1));
                
                if(range1 > 0)
                    {
                        var start_date_arr = $("#datepicker").attr('value').split(".");
                        var end_moved = new Date();
                        end_moved.setFullYear(start_date_arr[2], parseInt(start_date_arr[1]) - 1, parseInt(start_date_arr[0]) + range1);
                        var end_moved_month = parseInt(end_moved.getMonth())+1;
                        $("#datepicker2").attr({value: end_moved.getDate() + '.' + end_moved_month + '.' + end_moved.getFullYear()});
                    }
                
                // hidding rooms table
                $("#room-details").addClass("hidden");
                // hidding previously selected room
                $(".selected-type").addClass("hidden");
                // hidding user details
                $("#guest-info").addClass("hidden");
            }
            
        });	
    
    $('#datepicker2').datepicker({
            inline: true,
                dateFormat: 'dd.mm.yy',
                minDate: +1,
                showOn: 'both',
                buttonImage: '/img/images/calendar-but.png',
                buttonImageOnly: true,
                onClose: function(dateText, inst) {
                // chenging end date by start date change
                var start_date_arr = $("#datepicker").attr('value').split(".");
                var start=new Date();
                start.setFullYear(start_date_arr[2], parseInt(start_date_arr[1]) - 1, start_date_arr[0]);
                
                var end_date_arr = $("#datepicker2").attr('value').split(".");
                var end = new Date();
                end.setFullYear(end_date_arr[2], parseInt(end_date_arr[1]) - 1, end_date_arr[0]);
                
                range1 = parseInt((end - start) / (1000) / (3600*24));
                
                // hidding rooms table
                $("#room-details").addClass("hidden");
                // hidding previously selected room
                $(".selected-type").addClass("hidden");
                // hidding user details
                $("#guest-info").addClass("hidden");
            }
        });
    
    
    
    
    $('#datepicker3').datepicker({
            inline: true,
                dateFormat: 'dd.mm.yy',
                showOn: 'both',
                buttonImage: '/img/images/calendar-but.png',
                buttonImageOnly: true,
                
                onClose: function(dateText, inst) {
                if(inst.currentMonth)
                    $('#datepicker4').datepicker('option', 'minDate', new Date(inst.currentYear,
                                                                               inst.currentMonth, parseInt(inst.currentDay)));
                
                if(range2 > 0)
                    {
                        var start_date_arr = $("#datepicker3").attr('value').split(".");
                        var end_moved = new Date();
                        end_moved.setFullYear(start_date_arr[2], parseInt(start_date_arr[1]) - 1, parseInt(start_date_arr[0]) + range2);
                        var end_moved_month = parseInt(end_moved.getMonth())+1;
                        $("#datepicker4").attr({value: end_moved.getDate() + '.' + end_moved_month + '.' + end_moved.getFullYear()});
                    }
                
            }
        });	
    
    $('#datepicker4').datepicker({
            inline: true,
                dateFormat: 'dd.mm.yy',
                showOn: 'both',
                buttonImage: '/img/images/calendar-but.png',
                buttonImageOnly: true,
                onClose: function(dateText, inst) {
                // chenging end date by start date change
                var start_date_arr = $("#datepicker3").attr('value').split(".");
                var start=new Date();
                start.setFullYear(start_date_arr[2], parseInt(start_date_arr[1]) - 1, start_date_arr[0]);
                
                var end_date_arr = $("#datepicker4").attr('value').split(".");
                var end = new Date();
                end.setFullYear(end_date_arr[2], parseInt(end_date_arr[1]) - 1, end_date_arr[0]);
                
                range2 = parseInt((end - start) / (1000) / (3600*24));
            }
        });
    
    
    
    // book a room mini form ----------------------------------------
    $('#datepicker5').datepicker({
            inline: true,
                dateFormat: 'dd.mm.yy',
                minDate: 0,
                showOn: 'both',
                buttonImage: '/img/images/calendar-but.png',
                buttonImageOnly: true,
                
                onClose: function(dateText, inst) {
                if(inst.currentMonth)
                    $('#datepicker6').datepicker('option', 'minDate', new Date(inst.currentYear,
                                                                               inst.currentMonth, parseInt(inst.currentDay)+1 ));
                
                if(range3 > 0)
                    {
                        var start_date_arr = $("#datepicker5").attr('value').split(".");
                        var end_moved = new Date();
                        end_moved.setFullYear(start_date_arr[2], parseInt(start_date_arr[1]) - 1, parseInt(start_date_arr[0]) + range3);
                        var end_moved_month = parseInt(end_moved.getMonth())+1;
                        $("#datepicker6").attr({value: end_moved.getDate() + '.' + end_moved_month + '.' + end_moved.getFullYear()});
                    }
                
            }
        });	
    $('#datepicker6').datepicker({
            inline: true,
                dateFormat: 'dd.mm.yy',
                minDate: +1,
                showOn: 'both',
                buttonImage: '/img/images/calendar-but.png',
                buttonImageOnly: true,
                onClose: function(dateText, inst) {
                // chenging end date by start date change
                var start_date_arr = $("#datepicker5").attr('value').split(".");
                var start=new Date();
                start.setFullYear(start_date_arr[2], parseInt(start_date_arr[1]) - 1, start_date_arr[0]);
                
                var end_date_arr = $("#datepicker6").attr('value').split(".");
                var end = new Date();
                end.setFullYear(end_date_arr[2], parseInt(end_date_arr[1]) - 1, end_date_arr[0]);
                
                range3 = parseInt((end - start) / (1000) / (3600*24));
            }
        });
    
    
    

    

    
    $('#datepicker7').datepicker({
            inline: true,
                dateFormat: 'dd.mm.yy',
                showOn: 'both',
                buttonImage: '/img/images/calendar-but.png',
                buttonImageOnly: true,
                
                onClose: function(dateText, inst) {
                if(inst.currentMonth)
                    $('#datepicker8').datepicker('option', 'minDate', new Date(inst.currentYear,
                                                                               inst.currentMonth, parseInt(inst.currentDay)));
                if(range4 > 0)
                    {
                        var start_date_arr = $("#datepicker7").attr('value').split(".");
                        var end_moved = new Date();
                        end_moved.setFullYear(start_date_arr[2], parseInt(start_date_arr[1]) - 1, parseInt(start_date_arr[0]) + range4);
                        var end_moved_month = parseInt(end_moved.getMonth())+1;
                        $("#datepicker8").attr({value: end_moved.getDate() + '.' + end_moved_month + '.' + end_moved.getFullYear()});
                    }
            }
        });	
    $('#datepicker8').datepicker({
            inline: true,
                dateFormat: 'dd.mm.yy',
                showOn: 'both',
                buttonImage: '/img/images/calendar-but.png',
                buttonImageOnly: true,
                onClose: function(dateText, inst) {
                // chenging end date by start date change
                var start_date_arr = $("#datepicker7").attr('value').split(".");
                var start=new Date();
                start.setFullYear(start_date_arr[2], parseInt(start_date_arr[1]) - 1, start_date_arr[0]);
                
                var end_date_arr = $("#datepicker8").attr('value').split(".");
                var end = new Date();
                end.setFullYear(end_date_arr[2], parseInt(end_date_arr[1]) - 1, end_date_arr[0]);
                
                range4 = parseInt((end - start) / (1000) / (3600*24));
            }
        });
};
			
$(document).ready(function(){dp_calendar()});