/*
Month and Year picker for jQuery UI Datepicker 1.8.21

Written by Anton Ludescher (silverskater{at}gmail.com).
Dual licensed under the GPL (http://dev.jquery.com/browser/trunk/jquery/GPL-LICENSE.txt) and 
MIT (http://dev.jquery.com/browser/trunk/jquery/MIT-LICENSE.txt) licenses. */


(function( jQuery, undefined ) {

	//overriding functions meant to be private (starting with an underscore)
	jQuery.datepicker._updateDatepicker_MonthYearPicker = jQuery.datepicker._updateDatepicker;
	jQuery.datepicker._showDatepicker_MonthYearPicker = jQuery.datepicker._showDatepicker;
	jQuery.datepicker._doKeyDown_MonthYearPicker = jQuery.datepicker._doKeyDown;

	jQuery.extend(jQuery.datepicker, {
		
		_doKeyDown: function(event) {
			var inst = jQuery.datepicker._getInst(event.target);
			var handled = true;
			//var isRTL = inst.dpDiv.is('.ui-datepicker-rtl');
			inst._keyEvent = true;
			if (jQuery.datepicker._datepickerShowing) {
				switch (event.keyCode) {
					case 27:
							if(jQuery('.ui-datepicker-select-month').is(':visible')) {
								jQuery.datepicker._updateDatepicker(inst);
							}
							else if(jQuery('.ui-datepicker-select-year').is(':visible')) {
								jQuery.datepicker._toggleDisplay_MonthYearPicker(inst, 2, this);
							}
							else {
								jQuery.datepicker._hideDatepicker();
							}
							break; // hide on escape
					//TODO prev/next month/year on month/year picker screens
					default:
							//call the original function
							jQuery.datepicker._doKeyDown_MonthYearPicker(event);
				}
			}
			else {
				//call the original function
				jQuery.datepicker._doKeyDown_MonthYearPicker(event);
			}
		},
		
		_updateDatepicker: function(inst) {
			//call the original function
			this._updateDatepicker_MonthYearPicker(inst);
			
			//TODO: multiMonth
			var numMonths = this._getNumberOfMonths(inst);
			var isMultiMonth = (numMonths[0] != 1 || numMonths[1] != 1);
			var changeMonth = this._get(inst, 'changeMonth');
			var changeYear = this._get(inst, 'changeYear');
			if(isMultiMonth || changeMonth || changeYear) {
				return ;
			}
			
			//console.log(jQuery('<div>').append(this.dpDiv.clone()).html());
			
			var uidptitle = inst.dpDiv.find('.ui-datepicker-title');
			var uidptitle_link = uidptitle.wrapInner('<a href="#"/>');
			uidptitle_link.click(function(){jQuery.datepicker._toggleDisplay_MonthYearPicker('#' + inst.id, 2); return false;});

			inst.dpDiv.children('table.ui-datepicker-calendar').after(this._generateExtraHTML_MonthYearPicker(inst));
		},
		
		//focus the date input field
		_instInputFocus_MYP: function(inst) {
			//code copied from datePicker's _updateDatepicker()
			if (inst == jQuery.datepicker._curInst && jQuery.datepicker._datepickerShowing && inst.input &&
					// #6694 - don't focus the input if it's already focused
					// this breaks the change event in IE
					inst.input.is(':visible') && !inst.input.is(':disabled') && inst.input[0] != document.activeElement)
				inst.input.focus();

		},
		
		_generateMonthPickerHTML_MonthYearPicker: function(inst, minDate, maxDate, drawMonth, inMinYear, inMaxYear) {
			//TODO RTL?
			var monthNamesShort = this._get(inst, 'monthNamesShort');

			var monthPicker = '<table><tbody><tr>';
			
			var unselectable = false;
			for (var month = 0; month < 12; ) {
				unselectable = 	(inMinYear && month < minDate.getMonth()) ||
												(inMaxYear && month > maxDate.getMonth());
				monthPicker += '<td class="' +
					(unselectable ? ' ' + this._unselectableClass + ' ui-state-disabled': '') +  // highlight unselectable months
					(month == drawMonth ? ' ui-datepicker-today' : '') + '"' +
					(unselectable ? '' : ' onclick="jQuery.datepicker._pickMonthYear_MonthYearPicker(\'#' + inst.id + '\', ' + month + ', \'M\');return false;"') + '>' + // actions
					((unselectable ? '<span class="ui-state-default">' + monthNamesShort[month] + '</span>' : '<a class="ui-state-default ' +
					//(month == drawMonth ? ' ui-state-highlight' : '') +
					(month == drawMonth ? ' ui-state-active' : '') + // highlight selected day
					//(otherMonth ? ' ui-priority-secondary' : '') + // distinguish dates from other months
					'" href="#">' + monthNamesShort[month] + '</a>')) + '</td>'; // display selectable date
				
				if(++month % 4 == 0) {
					monthPicker += '</tr>';
					if(month != 12) {
						monthPicker += '<tr>';
					}
				}
			}
			monthPicker += '</tbody></table>';
			
			return monthPicker;
		},

		_generateExtraHTML_MonthYearPicker: function(inst) {
			var minDate = this._getMinMaxDate(inst, 'min');
			var maxDate = this._getMinMaxDate(inst, 'max');
			var drawYear = inst.drawYear;
			var drawMonth = inst.drawMonth;
			var inMinYear = (minDate && minDate.getFullYear() == drawYear);
			var inMaxYear = (maxDate && maxDate.getFullYear() == drawYear);

			var monthPicker = this._generateMonthPickerHTML_MonthYearPicker(inst, minDate, maxDate, drawMonth, inMinYear, inMaxYear);
			
			return '<div class="ui-datepicker-select-month" style="display: none">' + monthPicker + '</div>' +
				'<div class="ui-datepicker-select-year" style="display: none"></div>';	//yearPicker gets filled dinamically
		},

		_pickMonthYear_MonthYearPicker: function(id, valueMY, period) {
			var dummySelect = jQuery('<select/>').append( new Option(valueMY, valueMY, true, true) );
			//select month and show datepicker or select year ...
			this._selectMonthYear(id, dummySelect[0], period);
				//... and show month picker
			if(period == 'Y') {
				this._toggleDisplay_MonthYearPicker(id, 2);
			}
		},
		
		_addHoverEvents_MonthYearPicker: function (parent) {
			var dpMonths = parent.find('.ui-state-default');
			dpMonths.hover(
				function () {
					jQuery(this).addClass('ui-state-hover');
				},
				function () {
					jQuery(this).removeClass("ui-state-hover");
				});
		},

		_toggleDisplay_MonthYearPicker: function(inst, screen, input) {
			if(typeof inst == 'string')  {
				//var inst = this._curInst;
				var target = jQuery(inst);
				inst = this._getInst(target[0]);
			}
			else {
				//get the input element and put it in the target array
				var target = [ input !== undefined
					? input
					: instActive.inline ? dpDiv.parent()[0] : instActive.input[0]];
			}
			if (this._isDisabledDatepicker(target[0])) {
				return;
			}
			//keep the focus for _doKeyDown to work
			this._instInputFocus_MYP(inst);
			
			var minDate = this._getMinMaxDate(inst, 'min');
			var maxDate = this._getMinMaxDate(inst, 'max');
			var drawYear = inst.drawYear;	//inst.drawYear = inst.selectedYear = inst.currentYear
			var drawMonth = inst.drawMonth;
			var minYear = minDate ? minDate.getFullYear() : 0; //TODO
			var maxYear = maxDate ? maxDate.getFullYear() : undefined;
			var dpHeader = inst.dpDiv.children('.ui-datepicker-header');
			var dpPrev = dpHeader.children('a.ui-datepicker-prev');
			var dpNext = dpHeader.children('a.ui-datepicker-next');
			var dpTitle = dpHeader.children('.ui-datepicker-title');
			
			var self = this;
			
			switch (screen) {
				case 2:
					//month picker
					var inMinYear = (minYear !== undefined && minYear == drawYear);
					var inMaxYear = (maxYear !== undefined && maxYear == drawYear);
					var _advanceYear_MYP = function(diff) {
						inst.drawYear = drawYear += diff;
						dpTitle.children(':first').text(drawYear);
						//update screen
						if(minDate || maxDate) {
							inMinYear = minYear == drawYear;
							inMaxYear = maxYear == drawYear;
							//update month selection
							var monthPicker = self._generateMonthPickerHTML_MonthYearPicker(inst, minDate, maxDate, drawMonth, inMinYear, inMaxYear);
							inst.dpDiv.children('.ui-datepicker-select-month').html(monthPicker);
						}
						_updatePrevNextYear_MYP();
					};
					var _updatePrevNextYear_MYP = function() {
						dpPrev.unbind('click');
						if(!inMinYear) {
							dpPrev.removeClass('ui-state-disabled').click(function() {_advanceYear_MYP(-1); self._instInputFocus_MYP(inst);});
						}
						else {
							dpPrev.addClass('ui-state-disabled');
						}
						dpNext.unbind('click');
						if(!inMaxYear) {
							dpNext.removeClass('ui-state-disabled').click(function() {_advanceYear_MYP(1); self._instInputFocus_MYP(inst);});
						}
						else {
							dpNext.addClass('ui-state-disabled');
						}
					};
					//change title link behaviour
					dpTitle.html('<a href="#" class="ui-datepicker-yearpicker" onclick="jQuery.datepicker._toggleDisplay_MonthYearPicker(\'#' + inst.id + '\', 3);return false;">' + drawYear +'</a>');
					//change prev next behaviour
					dpPrev.removeAttr('onclick');  //remove DatePicker's onclick event
					dpNext.removeAttr('onclick');  //remove DatePicker's onclick event
					_updatePrevNextYear_MYP();
					
					var dpMonthSelector = inst.dpDiv.find('.ui-datepicker-select-month table');
					this._addHoverEvents_MonthYearPicker(dpMonthSelector);
					
					jQuery('table.ui-datepicker-calendar').hide();
					jQuery('.ui-datepicker-select-month').show();
					jQuery('.ui-datepicker-select-year').hide();
					break;
				case 3:
					//year picker
					var year = parseInt(drawYear/10, 10) * 10;  //first year in this decade
					//change title link behaviour
					dpTitle.unbind('click');
					//change prev next behaviour
					
					var _updateYearPicker_MYP = function(year) {
						//TODO RTL
						//change title html
                        			dpTitle.html('<span class="ui-datepicker-yearrange">' + year + '-' + (year + 9) + '</span>'); //2010 - 2019
						//change prev next behaviour
						dpPrev.unbind('click');
						dpNext.unbind('click');
						if(year > minYear) {
							dpPrev.removeClass('ui-state-disabled').click(function() {_updateYearPicker_MYP(year-21); self._instInputFocus_MYP(inst);}); //year is 2021 at this point
						}
						else {
							dpPrev.addClass('ui-state-disabled');
						}
						if(maxYear === undefined || year+9 < maxYear) {
							dpNext.removeClass('ui-state-disabled').click(function() {_updateYearPicker_MYP(year-1); self._instInputFocus_MYP(inst);});
						}
						else {
							dpNext.addClass('ui-state-disabled');
						}
						
						//generate year picker HTML
						var yearPicker = '<table><tbody><tr>';
						//show years in 4x3 matrix (2009-2020)
						year--; //last year of the previous decade (2009)
						for (var i = 1; i <= 12; i++) {
							unselectable = (minYear !== 'undefined' && year < minYear) || 
								(maxYear !== 'undefined' && year > maxYear);
							//html += '<span class="year'+(i == -1 || i == 10 ? ' old' : '')+(currentYear == year ? ' active' : '')+'">'+year+'</span>';
							yearPicker += '<td class="' +
								(unselectable ? ' ' + this._unselectableClass + ' ui-state-disabled': '') +  // highlight unselectable months
								((!unselectable && (i==1 || i==12)) ? ' outoffocus' : '') +
								(year == drawYear ? ' ui-datepicker-today' : '') + '"' +
								(unselectable ? '' : ' onclick="jQuery.datepicker._pickMonthYear_MonthYearPicker(\'#' + inst.id + '\', ' + year + ', \'Y\');return false;"') + '>' + // actions
								((unselectable ? '<span class="ui-state-default">' + year + '</span>' : '<a class="ui-state-default ' +
								//(month == drawMonth ? ' ui-state-highlight' : '') +
								(year == drawYear ? ' ui-state-active' : '') + // highlight selected day
								//(otherMonth ? ' ui-priority-secondary' : '') + // distinguish dates from other months
								'" href="#">' + year + '</a>')) + '</td>'; // display selectable date
							if(i % 4 == 0) {
								yearPicker += '</tr>';
								if(i != 12) {
									yearPicker += '<tr>';
								}
							}
							year++;
						}
						yearPicker += '</tbody></table>';
						jQuery('.ui-datepicker-select-year').html(yearPicker);
					};
					_updateYearPicker_MYP(year);
					
					var dpYearSelector = inst.dpDiv.find('.ui-datepicker-select-year table');
					this._addHoverEvents_MonthYearPicker(dpYearSelector);
					
					jQuery('table.ui-datepicker-calendar').hide();
					jQuery('.ui-datepicker-select-month').hide();
					jQuery('.ui-datepicker-select-year').show();
					
					break;
			}

		}

	});

})(jQuery);
/* Russian (UTF-8) initialisation for the jQuery UI date picker plugin. */
jQuery(function($){
	$.datepicker.regional['ru'] = {
		closeText: 'Выбрать',
		prevText: '&#x3c;Пред',
		nextText: 'След&#x3e;',
		currentText: 'Сегодня',
		monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь',
		'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
		monthNamesShort: ['Янв','Фев','Мар','Апр','Май','Июн',
		'Июл','Авг','Сен','Окт','Ноя','Дек'],
		dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'],
		dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'],
		dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],
		weekHeader: 'Нед',
		dateFormat: 'dd.mm.yy',
		parseDate: 'yy-mm-dd',
		firstDay: 1,
		isRTL: false,
		showMonthAfterYear: false,
		yearSuffix: ''};
	$.datepicker.setDefaults($.datepicker.regional['ru']);
});

/**
 * @name        jquery.clockInput
 * @author      Sheng-Liang Slogar <slogar.sheng@gmail.com>
 * @version     0.0.2
 * @link        https://github.com/shengslogar/jquery.clockInput
 * @requires    jQuery, helper CSS
 * @description Transforms input=time into a circular clock
 */

(function ($) {

    // expands inputs, left padding with 0 to desired length
    function forceLength(str, len) {
        str = str.toString();
        var diff = len - str.length;

        for (var i = 0; i < diff; i++)
            str = '0' + str;

        return str;
    }

    $.fn.clockInput = function (DISABLE_MINUTES) {

        $(this).each(function () {

            var MODE_HOURS = 0,
                MODE_MINUTES = 1;

            // hide input
            var $this = $(this);
            $this.addClass("jq-ci-p");

            var date;
            var dateIsPM;

            var hoursMax = 23,
                hoursMin = 00,
                minutesMax = 59,
                minutesMin = 00;

            // parse min and max attribs
            if ($this.attr("max")) {
                var max = $this.attr("max").split(":");

                hoursMax = Number(max[0]);
                minutesMax = Math.round(max[1] / 5) * 5; // round to nearest 5
            }

            if ($this.attr("min")) {
                var min = $this.attr("min").split(":");
                hoursMin = Number(min[0]);
                minutesMin = Math.round(min[1] / 5) * 5; // round to nearest 5
            }

            // error validation
            if (hoursMin > hoursMax || (hoursMin == hoursMax && minutesMin > minutesMax)) {
                console.error("Improper bounds. input.min attribute must be less than or equal to input.max.");
                return; // break
            }

            // create parent
            var $parent = $('<div>', {'class': 'jq-ci'});

            // switch clock display to corresponding mode
            function changeMode(modeID) {

                // reset
                $parent.removeClass('jq-ci--h jq-ci--m');

                switch (modeID) {
                    case MODE_HOURS:
                        $parent.addClass('jq-ci--h');

                        break;

                    case MODE_MINUTES:
                        if (!DISABLE_MINUTES)
                            $parent.addClass('jq-ci--m');
                        else
                            changeMode(MODE_HOURS); // go back

                        break;
                }
            }

            // init
            changeMode(MODE_HOURS);

            // time indicator
            var $time = $('<div>', {'class': 'jq-ci-t'});
            $parent.append($time);

            var $time_h = $('<span>', {html: '--', 'class': 'jq-ci-t_h'}).click(function () {
                changeMode(MODE_HOURS);
            });

            var $time_m = $('<span>', {html: '--', 'class': 'jq-ci-t_m'}).click(function () {
                changeMode(MODE_MINUTES);
            });

            var $time_ap = $('<span>', {
                html: '<span>AM</span><span>PM</span>',
                'class': 'jq-ci-t_ap'
            }).click(function () {
                date.setHours(date.getHours() + (date.getHours() >= 12 ? -12 : 12));
                refresh();
            });

            $time.append($time_h).append(":").append($time_m).append($time_ap);

            // updates all dates/times based off of `date` var
            function refresh(loadFromVal) {

                if (loadFromVal) {
                    var spl = $this.val().split(':');

                    // validation

                    if ($.isNumeric(spl[0]) && $.isNumeric(spl[1]))
                        date = new Date(0, 0, 0, spl[0], spl[1], 0, 0);
                    else {
                        date = new Date(0, 0, 0, 0, 0, 0, 0);
                    }
                }

                // cleanup
                date.setSeconds(0);
                date.setMilliseconds(0);

                var hours = date.getHours();

                // reset if out of range
                if (hours < hoursMin)
                    hours = hoursMin;
                else if (hours > hoursMax)
                    hours = hoursMax;

                date.setHours(hours); // update

                // ampm
                dateIsPM = date.getHours() > 11;

                if (dateIsPM)
                    $time_ap.addClass('jq-ci-t_ap--s');
                else
                    $time_ap.removeClass('jq-ci-t_ap--s');

                $hours.children().removeClass('jq-ci-h_h--s jq-ci-hide');
                hour_items[hours - (dateIsPM ? 12 : 0)].addClass('jq-ci-h_h--s');
                $time_h.html(hours == 0 ? 12 : (hours - (hours > 12 ? 12 : 0)));

                // hide out of range selections
                for (var i = 0; i < hoursMin; i++) {
                    if (i >= 12 && dateIsPM)
                        hour_items[i - 12].addClass('jq-ci-hide');
                    else if (i < 12 && !dateIsPM)
                        hour_items[i].addClass('jq-ci-hide');
                }

                for (var i = hoursMax; i < 24; i++) {
                    // if max is 6 but minutes are 40, we still need
                    // to show 6
                    if (i > (hoursMax + (minutesMax / 60))) {
                        if (i >= 12 && dateIsPM) {
                            hour_items[i - 12].addClass('jq-ci-hide');
                        }
                        else if (i < 12 && !dateIsPM) {
                            hour_items[i].addClass('jq-ci-hide');
                        }
                    }
                }

                // minutes
                var minutes = Math.round(date.getMinutes() / 5) * 5; // round to nearest five

                // contain bounds
                if (hours == hoursMax && minutes > minutesMax)
                    minutes = minutesMax;
                else if (hours == hoursMin && minutes < minutesMin)
                    minutes = minutesMin;

                date.setMinutes(minutes); // update

                $minutes.children().removeClass('jq-ci-m_m--s jq-ci-hide');
                minute_items[minutes / 5].addClass('jq-ci-m_m--s');
                $time_m.html(forceLength(minutes, 2));

                // hide out of range selections
                if (hours == hoursMax) {
                    for (var i = minutesMax + 5 /* start hiding *after* max */; i < 60; i += 5) {
                        minute_items[i / 5].addClass('jq-ci-hide');
                    }
                }

                // prev version has elseif here.
                // this doesn't work if hoursMin == hoursMax
                if (hours == hoursMin) {
                    for (var i = 0; i < minutesMin; i += 5) {
                        minute_items[i / 5].addClass('jq-ci-hide');
                    }
                }

                // update html input
                var newVal = forceLength(date.getHours(), 2) + ":" + forceLength(date.getMinutes(), 2);

                if (newVal != $this.val())
                    $this.val(newVal).trigger('change');
            }

            // hours
            var $hours = $('<div>', {'class': 'jq-ci-h'});
            var hour_items = [];
            $parent.append($hours);

            $hours.on('click', 'span', function () {
                var newHr = (Number)($(this).text());

                if (newHr == 12)
                    newHr = 0;

                newHr += (dateIsPM ? 12 : 0);

                date.setHours(newHr);
                refresh();
                changeMode(MODE_MINUTES);
            });

            // add hours
            (function () {
                for (var i = 0; i < 12; i++) {
                    var $kid = $('<span>', {'class': 'jq-ci-h_h jq-ci-h_h--' + i, html: (i == 0 ? 12 : i)});
                    hour_items.push($kid);
                    $hours.append($kid);
                }
            }());

            // minutes
            var $minutes = $('<div>', {'class': 'jq-ci-m'});
            var minute_items = [];
            $parent.append($minutes);

            $minutes.on('click', 'span', function () {
                date.setMinutes((Number)($(this).text()));
                refresh();
				$('.jq-ci').remove();
            });

            // add minutes
            (function () {
                for (var i = 0; i < 60; i += 5) {
                    var $kid = $('<span>', {'class': 'jq-ci-m_m jq-ci-m_m--' + i, html: forceLength(i, 2)});
                    minute_items.push($kid);
                    $minutes.append($kid);
                }
            }());

            // append
            $this.after($parent).change(function () {
                refresh(true);
            });

            // init
            refresh(true);
        });

        return this;
    };
}(jQuery));