function TimeHeaders() {
    var result = [];
    var FilterDay;
    var countRows = 1;
   
    //timeline headers
    dp.onBeforeTimeHeaderRender = function (args) {

        if (typeof dayModel != 'undefined' && dayModel.length > 0) {
            FilterDay = $.datepicker.formatDate("yy/mm/dd", new Date(args.header.start));
            result = dayModel.filter(function (v) {
                return FilterDay.indexOf(v.Day) > -1;
            });
            FilterDay = "";
        }

        if (args.header.level === 1 && dp.scale == 'Day' && typeof (parent.$$('gssmainForm')) != 'undefined') {
            var counterpersonal = 0;
            var formValues = parent.$$('gssmainForm').getValues();
            if (formValues.format == 4) {
                args.header.html = countRows;
                countRows++;
            }
        }

        if (args.header.level === 1 && dp.scale == 'Day') {
            if (dp.cellWidth < 60) { dp.timeHeaders[1].height = 40 }
            else { dp.timeHeaders[1].height = 25 }
        }
        if (args.header.level === 1) {
            args.header.cssClass = "Selectableheader";
        }

        if (args.header.level === 2 && dp.scale != 'Hour') {

            var HowManyHrs = Math.ceil($('.clinic_schedule_timeheadercol_inner ').width() / 40);
            var step = Math.ceil(24 / HowManyHrs);
            var barsStart = 0;
            var showHalf = true;
            var BarPerMins = 60;
            if (HowManyHrs == 0) {
                args.header.html = "";
                return;
            }
            var colour = "white";
            if (HowManyHrs < 24) { BarPerMins = 1; showHalf = false; barsStart = 1; }
            args.header.areas = [];

            if (args.header.start.getDayOfWeek() === MainModel.WeekendEnd || args.header.start.getDayOfWeek() === MainModel.WeekendStart) {
                if (result.length > 0 && result[0].isHoliday) {
                    colour = "white";
                }
                else {
                    colour = "red";
                }
            }

            for (var i = 1; i < HowManyHrs; i++) {
                var hr = step * i;
                var point1 = args.header.start.addHours(hr);

                args.header.areas.push({
                    start: point1.addMinutes(-30),
                    end: point1.addMinutes(30),
                    top: 5,
                    height: 5,
                    fontColor: colour,
                    html: point1.toString("HH").toLowerCase()
                });
            }

            for (var i = barsStart; i < HowManyHrs; i++) {
                var hr = step * i;
                var point1 = args.header.start.addHours(hr);


                args.header.areas.push({
                    start: point1.addMinutes(BarPerMins),
                    width: 1,
                    top: 20,
                    height: 20,
                    backColor: colour
                });
                if (showHalf) {
                    args.header.areas.push({
                        start: point1.addMinutes(30),
                        width: 1,
                        top: 30,
                        height: 10,
                        backColor: colour
                    });
                }
            }
            args.header.areas.push({
                left: 0,
                right: 0,
                top: 39,
                height: 1,
                backColor: "red"
            });
            args.header.html = "";
            if (result.length > 0 && result[0].isHoliday) {
                args.header.backColor = "red";
                args.header.fontColor = "white";
            }
        }
        if (args.header.start.getDayOfWeek() === MainModel.WeekendEnd || args.header.start.getDayOfWeek() === MainModel.WeekendStart && (result.length > 0 && !result[0].isHoliday)) {
            args.header.fontColor = "red";
        } else { args.header.fontColor = "white"; }

    };
    countRows = 1;
    dp.update();
  
}