var vlaCalendar = new Class( {
   'slideDuration':500, 'fadeDuration':500, 'transition':Fx.Transitions.Quart.easeOut, 'startMonday':false, 'filePath':'inc/', 'defaultView':'month', 'style':'', initialize : function(_container, _options) {
      if(_options)$extend(this, _options); this.loading = false; this.container = _container = $(_container); var _class = this; var pars = 'defaultView=' + this.defaultView; if(this.picker) {
         if($type(this.prefillDate) == 'object' && this.getInputDate(this.prefillDate))pars += '&pickedDate=' + this.getInputDate(this.prefillDate); if(this.linkWithInput)pars += '&gotoPickedDate=1'; }
      this.u('base', pars, function() {
         _class.mainLoader = _container.getElement('div[class=loaderA]'); _class.tempLoader = _container.getElement('div[class=loaderB]'); _class.label = _container.getElement('span[class=label]'); _class.arrowLeft = _container.getElement('div[class=arrowLeft]'); _class.arrowRight = _container.getElement('div[class=arrowRight]'); _class.initializeCalendarFunctions(); if(_class.picker) {
            if($type(_class.prefillDate) == 'object' && _class.getInputDate(_class.prefillDate))_class.pick(_class.prefillDate); else if(_class.prefillDate == true)_class.pick(JSON.decode(_class.label.getProperty('date'))); }
         }
      , _container); }
   , initializeCalendarFunctions : function() {
      this.resetArrows(); var vars = JSON.decode(this.mainLoader.getElement('table').getProperty('summary')); var _class = this; this.label.removeClass('noHover').set('html', vars.label).onclick = vars.parent ? function() {
         _class.u(vars.parent, 'ts=' + vars.ts + '&parent=' + vars.current, function() {
            _class.fade()}
         )}
      : null; if(vars.hide_left_arrow)this.hideLeftArrow(); else if(vars.hide_right_arrow)this.hideRightArrow(); this.arrowLeft.onclick = function() {
         _class.u(vars.current, 'ts=' + vars.pr_ts, function() {
            _class.slideLeft()}
         )}
      this.arrowRight.onclick = function() {
         _class.u(vars.current, 'ts=' + vars.nx_ts, function() {
            _class.slideRight()}
         )}
      var clickables = this.mainLoader.getElements('td'); switch(vars.current) {
         case'month':if(this.picker) {
            clickables.each(function(_clickable) {
               _clickable.onclick = function() {
                  _class.pick(JSON.decode(_clickable.getProperty('date'))); _class.mainLoader.getElements('td').each(function(_clickable) {
                     _clickable.removeClass('selected')}
                  ); this.addClass('selected'); }
               }
            ); }
         break; case'year':clickables.each(function(_clickable) {
            _clickable.onclick = function() {
               _class.u('month', 'ts=' + _clickable.getProperty('ts'), function() {
                  _class.fade()}
               )}
            }
         ); break; case'decade':this.label.addClass('noHover'); clickables.each(function(_clickable) {
            _clickable.onclick = function() {
               _class.u('year', 'ts=' + _clickable.getProperty('ts') + '&m_ts=' + _clickable.getProperty('m_ts'), function() {
                  _class.fade()}
               )}
            }
         ); break; }
      }
   , u : function(_url, _pars, _onComplete, _id) {
      if(!this.loading &&!this.transitioning) {
         var _class = this; this.loading = true; var element = $(_id ? _id : this.tempLoader); _pars += '&picker=' + (this.picker ? 1 : 0) + '&startMonday=' + (this.startMonday ? 1 : 0) + '&style=' + this.style; if(this.picker && this.getInputDate())_pars += '&pickedDate=' + this.getInputDate(); new Request( {
            method : 'post', url : this.filePath + _url + '.php', onComplete : function(data) {
               element.set('html', data); _onComplete(); _class.loading = false; }
            }
         ).send(_pars); }
      }
   , slideLeft : function() {
      var _class = this; this.transitioning = true; this.tempLoader.setStyle('opacity', 1).set('tween', {
         duration : this.slideDuration, transition : this.transition}
      ).tween('margin-left', [ - 164, 0]); this.mainLoader.setStyle('opacity', 1).set('tween', {
         duration : this.slideDuration, transition : this.transition, onComplete : function() {
            _class.transitioning = false}
         }
      ).tween('margin-left', [0, 164]); this.switchLoaders(); }
   , slideRight : function() {
      var _class = this; this.transitioning = true; this.mainLoader.setStyle('opacity', 1).set('tween', {
         duration : this.slideDuration, transition : this.transition}
      ).tween('margin-left', [0, - 164]); this.tempLoader.setStyle('opacity', 1).set('tween', {
         duration : this.slideDuration, transition : this.transition, onComplete : function() {
            _class.transitioning = false}
         }
      ).tween('margin-left', [164, 0]); this.switchLoaders(); }
   , fade : function(overRuleTrans) {
      var _class = this; this.transitioning = overRuleTrans ? false : true; this.tempLoader.setStyles( {
         'opacity':0, 'margin-left':0}
      ); this.mainLoader.set('tween', {
         duration : this.fadeDuration, transition : this.transition}
      ).fade('out'); this.tempLoader.set('tween', {
         duration : this.fadeDuration, transition : this.transition, onComplete : function() {
            _class.tempLoader.setStyles( {
               'opacity':1, 'margin-left':- 999}
            ); _class.transitioning = false; }
         }
      ).fade('in'); this.switchLoaders(); }
   , switchLoaders : function() {
      this.mainLoader = this.mainLoader.className == 'loaderA' ? this.container.getElement('div[class=loaderB]') : this.container.getElement('div[class=loaderA]'); this.tempLoader = this.tempLoader.className == 'loaderA' ? this.container.getElement('div[class=loaderB]') : this.container.getElement('div[class=loaderA]'); this.initializeCalendarFunctions(); }
   , resetArrows : function() {
      this.arrowLeft.setStyle('visibility', 'visible'); this.arrowRight.setStyle('visibility', 'visible'); }
   , hideLeftArrow : function() {
      this.arrowLeft.setStyle('visibility', 'hidden'); }
   , hideRightArrow : function() {
      this.arrowRight.setStyle('visibility', 'hidden'); }
   }
);
 
var vlaDatePicker = new Class( {
   Extends : vlaCalendar, 'separateInput':false, 'prefillDate':true, 'linkWithInput':true, 'leadingZero':true, 'twoDigitYear':false, 'separator':'/', 'format':'y/m/d', 'openWith':null, 'alignX':'right', 'alignY':'inputTop', 'offset': {
      'x':0, 'y':0}
   , 'style':'', 'ieTransitionColor':'#ffffff', 'toggleDuration':350, initialize : function(_element, _options) {
	   
	   
		$(_element).addEvent('keydown', function(event) {
			var event = new Event(event);
			switch(event.key) {
				case('tab'):
					eval($(_element).getProperty('blur'));
				break;
			}
		});
	   
      if(_options)$extend(this, _options); this.element = $(_element); if(!this.element)throw'No (existing) element to create a datepicker for specified: new vlaDatePicker(ELEMENT, [options])'; if(this.separateInput) {
         this.element.day = this.element.getElement('input[name=' + this.separateInput.day + ']'); this.element.month = this.element.getElement('input[name=' + this.separateInput.month + ']'); this.element.year = this.element.getElement('input[name=' + this.separateInput.year + ']'); }
      this.picker = new Element('div', {
         'class':'vlaCalendarPicker' + (this.style != '' ? ' ' + this.style : '')}
      ).injectTop($(document.body)); this.pickerContent = new Element('div', {
         'class':'pickerBackground'}
      ).injectTop(this.picker); this.parent(this.pickerContent); var _class = this; (this.openWith ? $(this.openWith) : this.element).addEvent('focus', function() {
         _class.show(); }
      ).addEvent('click', function() {
         _class.openWith ? _class.toggle() : _class.show()}
      ).addEvent('change', function() {
         _class.hide(); }
      ); document.addEvent('mousedown', function(e) {
         if(_class.outsideHide && _class.outsideClick(e, _class.picker))_class.hide()}
      ); if(this.linkWithInput) {
         if(this.separateInput) {
            this.element.day.addEvent('keyup', function() {
               _class.linkedUpdate()}
            ); this.element.month.addEvent('keyup', function() {
               _class.linkedUpdate()}
            ); this.element.year.addEvent('keyup', function() {
               _class.linkedUpdate()}
            ); }
         else {
            this.element.addEvent('keyup', function() {
               _class.linkedUpdate()}
            ); }
         }
      this.visible = false; this.outsideHide = false; }
   , position : function() {
      var top, left; switch(this.alignX) {
         case'left':left = this.element.getLeft(); break; case'center':var pickerMiddle = this.pickerContent.getStyle('width').toInt() / 2; if(pickerMiddle == 0)pickerMiddle = 83; left = this.element.getLeft() + (this.element.getSize().x / 2) - pickerMiddle - ((parseInt(this.pickerContent.getStyle('padding-left')) + parseInt(this.pickerContent.getStyle('padding-right'))) / 2); break; case'right':default : left = this.element.getLeft() + this.element.getSize().x; break; }
      switch(this.alignY) {
         case'bottom':top = this.getPos(this.element).y + this.element.getSize().y; break; case'top':top = this.getPos(this.element).y - parseInt(this.pickerContent.getStyle('height')) - (parseInt(this.pickerContent.getStyle('padding-top')) + parseInt(this.pickerContent.getStyle('padding-bottom'))); break; case'inputTop':default : top = this.getPos(this.element).y; }
      if(this.isNumber(this.offset.x))left += this.offset.x; if(this.isNumber(this.offset.y))top += this.offset.y; this.picker.setStyles( {
         'top':top, 'left':left}
      ); }
   , show : function() {
      this.position(); if(!this.visible) {
         this.visible = true; var _class = this; this.picker.setStyles( {
            'opacity':0, 'display':'inline'}
         ); if(Browser.Engine.trident5)this.picker.setStyle('background-color', this.ieTransitionColor); this.picker.set('tween', {
            onComplete : function() {
               if(Browser.Engine.trident5)_class.picker.setStyle('background-color', 'transparent'); _class.outsideHide = true; }
            , duration : this.toggleDuration}
         ).fade('in'); }
      }
   , hide : function() {
      if(this.visible) {
         this.visible = false; var _class = this; if(Browser.Engine.trident5)this.picker.setStyle('background-color', this.ieTransitionColor); this.picker.set('tween', {
            onComplete : function() {
               _class.picker.setStyle('display', 'none'); _class.outsideHide = false; }
            , duration : this.toggleDuration}
         ).fade('out'); }
      }
   , toggle : function() {
      if(this.visible)this.hide(); else this.show(); }
   , pick : function(_date) {
      if(this.leadingZero) {
         if(_date.day < 10)_date.day = '0' + _date.day; if(_date.month < 10)_date.month = '0' + _date.month; }
      if(this.twoDigitYear)_date.year = _date.year.toString().substring(2, 4); if(this.separateInput) {
         if(this.element.day)this.element.day.set('value', _date.day); if(this.element.month)this.element.month.set('value', _date.month); if(this.element.year)this.element.year.set('value', _date.year); this.hide(); }
      else {
         switch(this.format) {
            case"m/d/y" : this.element.set('value', _date.month + this.separator + _date.day + this.separator + _date.year); break; case"y/m/d" : this.element.set('value', _date.year + this.separator + _date.month + this.separator + _date.day); break; case"y/d/m" : this.element.set('value', _date.year + this.separator + _date.day + this.separator + _date.month); break; case"d/m/y" : default : this.element.set('value', _date.day + this.separator + _date.month + this.separator + _date.year); }
         this.hide(); }
      }
   , getInputDate : function(_date) {
      var day, month, year; if(_date) {
         day = _date.day; month = _date.month; year = _date.year; }
      else if(this.separateInput) {
         day = this.element.day.get('value').toInt(); month = this.element.month.get('value').toInt(); year = this.element.year.get('value').toInt(); }
      else {
         var date = this.element.get('value').split(this.separator); if(date.length != 3)return null; switch(this.format) {
            case"m/d/y" : day = date[1]; month = date[0]; year = date[2]; break; case"y/m/d" : day = date[2]; month = date[1]; year = date[0]; break; case"y/d/m" : day = date[1]; month = date[2]; year = date[0]; break; case"d/m/y" : default : day = date[0]; month = date[1]; year = date[2]; }
         }
      if(!this.isNumber(day) ||!this.isNumber(month) ||!this.isNumber(year) || day == 0 || month == 0 || year == '0' || (this.twoDigitYear && year > 99) || (!this.twoDigitYear && year < 1979) || (!this.twoDigitYear && year > 2030) || month > 12 || day > 31)return null; if(this.twoDigitYear && this.isNumber(year) && year < 100) {
         year = year.toInt(); if(year < 10)year = '200' + year; else if(year < 70)year = '20' + year; else if(year > 69)year = '19' + year; else year = new Date().getFullYear(); }
      return day + '/' + month + '/' + year; }
   , linkedUpdate : function() {
      var _class = this; var date = this.getInputDate(); if(date && this.pickedDate != date) {
         this.u('month', 'gotoPickedDate=1', function() {
            _class.fade(true)}
         ); this.pickedDate = date; }
      }
   , outsideClick : function(_event, _element) {
      var mousePos = this.getMousePos(_event); var elementData = _element.getCoordinates(); return(mousePos.x > elementData.left && mousePos.x < (elementData.left + elementData.width)) && (mousePos.y > elementData.top && mousePos.y < (elementData.top + elementData.height)) ? false : true; }
   , getMousePos : function(_event) {
      if(document.all) {
         return {
            'x':window.event.clientX + window.getScrollLeft(), 'y':window.event.clientY + window.getScrollTop()}; }
      else {
         return {
            'x':_event.page['x'], 'y':_event.page['y']}; }
      }
   , isNumber : function(_number) {
      if(_number == '')return false; return(_number >= 0) || (_number < 0) ? true : false; }
   , getPos : function(_element) {
      var x, y = 0; if(_element.offsetParent) {
         do {
            x += _element.offsetLeft; y += _element.offsetTop; }
         while(_element = _element.offsetParent); }
      else if(_element.x) {
         x += _element.x; y += _element.y; }
      return {
         'x':x, 'y':y}; }
   }
);
Date.implement( {
   getWeek : function() {
      var oneJan = new Date(this.getFullYear(), 0, 1); return Math.ceil((((this - oneJan) / 86400000) + oneJan.getDay()) / 7); }
   , getTs : function() {
      return parseInt((this.getTime() / 1000)); }
   , getMonthNo : function() {
      return(this.getMonth() + 1); }
   }
);
vlaCalendar.implement( {
   'weekDayLabels':['Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa', 'Su'], 'monthLabels':['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], 'monthSmallLabels':['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'], u : function(_url, _pars, _onComplete, _id) {
      if(!this.loading &&!this.transitioning) {
         this.loading = true; var _class = this; var element = $(_id ? _id : this.tempLoader); _pars += '&defaultView=' + _url; _pars += '&picker=' + (this.picker ? 1 : 0) + '&startMonday=' + (this.startMonday ? 1 : 0) + '&style=' + this.style; if(this.picker && this.getInputDate())_pars += '&pickedDate=' + this.getInputDate(); element.set('html', this.getHTML(_pars)); _onComplete(); this.loading = false; }
      }
   , getHTML : function(args) {
      var pars = {
         }; vars = args.split('&').each(function(e) {
         param = e.split('='); if(!pars[param[0]])pars[param[0]] = param[1]; }
      ); pars.startMonday = pars.startMonday.toInt(); pars.picker = pars.picker.toInt(); if(pars.gotoPickedDate)pars.gotoPickedDate = pars.gotoPickedDate.toInt(); var pickedDate = null; if($defined(pars.pickedDate)) {
         if(pars.pickedDate == 't') {
            pickedDate = this.mkdate(); this.setDate(pickedDate); }
         else {
            match = pars.pickedDate.split('/'); if(match != null) {
               if(match.length > 0) {
                  pickedDate = this.mkdate(match[2], match[1] - 1, match[0]); if(pickedDate.getMonthNo() != match[1]) {
                     pickedDate = this.mkdate(match[2], match[1] - 1, this.daysInMonth(match[2], match[1] - 1)); this.setDate(pickedDate); }
                  }
               }
            }
         }
      if(pickedDate == null)pickedDate = this.mkdate(); if($defined(pars.ts)) {
         var date = new Date(); date.setTime(parseInt(pars.ts) * 1000); ts = date.getTs(); }
      else {
         ts = this.mktime(pickedDate.getFullYear(), pickedDate.getMonth(), 1); }
      pars.ts = ts; pars['pickedDate'] = pickedDate; if(pars.defaultView == 'decade')var picker = this.getDecadeHTML(pars); else if(pars.defaultView == 'year')var picker = this.getYearHTML(pars); else var picker = this.getMonthHTML(pars); if(!$defined(this.createContainer)) {
         this.createContainer = false; div = '<div class="vlaCalendar' + ($defined(args.style) ? ' ' + args.style : '') + '">'; div += '<span class="indication"><div class="arrowRight"></div><div class="arrowLeft"></div>'; div += '<span class="label" date="'; div += "{'day': '" + pickedDate.getDate() + "', 'month': '" + pickedDate.getMonthNo() + "'"; div += ", 'year': '" + pickedDate.getFullYear() + '\'}">&nbsp;'; div += '</span>'; div += '</span>'; div += '<div class="container">'; div += '<div class="loaderB"></div>'; div += '<div class="loaderA">' + picker + '</div>'; div += '</div>'; div += '</div>'; return div; }
      else return picker; }
   , getMonthHTML : function(args) {
      var ts = this.ts2date(args.ts); var ts_year = ts.getFullYear(); var ts_month = ts.getMonth(); var ts_month_name = this.monthLabels[ts_month]; var ts_nrodays = this.daysInMonth(ts.getFullYear(), ts.getMonth()); var pr_date = this.mkdate(ts_year, ts_month - 1, 1); var nx_date = this.mkdate(ts_year, ts_month + 1, 1); var wdays_counter = ts.getDay() - (args.startMonday ? 1 : 0); if(wdays_counter ==- 1)wdays_counter = 6; ts = ts.getTs(); var t = '<table class="month' + (args.picker ? ' picker':'') + '" cellpadding="0" summary="{'; t += "'ts': '" + ts + "', 'pr_ts': '" + pr_date.getTs() + "', 'nx_ts': '" + nx_date.getTs() + "', 'label': '" + ts_month_name + ", " + ts_year + "'"; t += ", 'current': 'month', 'parent': 'year'"; t += '}">'; t += '<tr>'; if(args.startMonday) {
         var last_day = 6; }
      else {
         t += '<th>' + this.weekDayLabels[6] + '</th>'; var last_day = 5; }
      for(i = 0; i <= last_day; i++) {
         t += '<th>' + this.weekDayLabels[i] + '</th>'; }
      t += '</tr>'; t += '<tr class="firstRow">'; var row = 0; for(i = 0; i < wdays_counter; i++) {
         last_day = this.daysInMonth(pr_date.getFullYear(), pr_date.getMonth()); var day = last_day - (wdays_counter - i) + 1; i_date = this.mkdate(ts_year, ts_month - 1, day, ts_year); t += '<td class="outsideDay" date="' + "{"; t += "'day': '" + day + "', 'month': '" + i_date.getMonthNo() + "', 'year': '" + i_date.getFullYear() + "'}"; t += '">' + day + '</td>'; }
      var pd_ts = args.pickedDate.getTs(); for(i = 1; i <= ts_nrodays; i++) {
         i_date = this.mkdate(ts_year, ts_month, i); i_ts = i_date.getTs(); t += '<td' + (i_ts == pd_ts ? ' class="selected"':''); t += ' ' + "date=\"{'day': '" + i + "', 'month': '" + i_date.getMonthNo() + "', 'year': '" + ts_year + "'}\">"; t += i; t += '</td>'; if(wdays_counter == 6) {
            week_num = i_date.getWeek() + 1; t += "</tr><tr>"; wdays_counter =- 1; row++; }
         wdays_counter++; }
      var a = 1; if(wdays_counter !== 0) {
         for(i = wdays_counter; i < 7; i++) {
            i_date = this.mkdate(ts_year, ts_month + 1, a); i_ts = i_date.getTs(); t += '<td class="outsideDay" date="' + "{'day': '" + a + "', 'month': '" + i_date.getMonthNo() + "', 'year': '" + i_date.getFullYear() + "'}" + '">' + a + '</td>'; a++; }
         row++; }
      if(row == 4 || row == 5) {
         if(wdays_counter !== 0) {
            t += "</tr><tr>"; }
         for(i = 0; i < (row == 5 ? 7 : 14); i++) {
            i_date = this.mkdate(ts_year, ts_month + 1, a); t += '<td class="outsideDay" date="' + "{'day': '" + a + "', 'month': '" + i_date.getMonthNo() + "', 'year': '" + i_date.getFullYear() + "'}" + '">' + a + '</td>'; a++; if(i == 6) {
               t += "</tr><tr>"; }
            }
         }
      t += '</tr>'; t += '</table>'; return t; }
   , getYearHTML : function(args) {
      var ts = this.ts2date(args.ts); if(args.parent == 'month')var m_ts = this.mktime(ts.getFullYear(), ts.getMonth(), 1); else var m_ts = ''; var pickedDate = args.pickedDate; var ts_year = ts.getFullYear(); var pr_ts = this.mktime(ts_year - 1, 0, 1); var nx_ts = this.mktime(ts_year + 1, 0, 1); ts = ts.getTs(); var t = '<table class="year" cellpadding="0" summary="'; t += "{'ts': '" + ts + "', 'pr_ts': '" + pr_ts + "', 'nx_ts': '" + nx_ts + "', 'label': '"; t += ts_year + "', 'current': 'year', 'parent': 'decade'"; t += '}">'; var m = 0; for(i = 0; i < 3; i++) {
         t += "<tr>"; for(y = 0; y < 4; y++) {
            i_date = this.mkdate(ts_year, m, 1); i_ts = i_date.getTs(); var current = (pickedDate.getMonthNo() == i_date.getMonthNo() && pickedDate.getFullYear() == i_date.getFullYear()); t += '<td ts="' + i_ts + '" class="' + (m_ts == i_ts ? 'selected':'') + (current ? 'current':'') + '">' + this.monthSmallLabels[i_date.getMonth()] + '</td>'; m++; }
         t += "</tr>"; }
      t += '</table>'; return t; }
   , getDecadeHTML : function(args) {
      var ts = this.ts2date(args.ts); var ts_year = parseInt(ts.getFullYear()); var decade = [ts_year - 5, ts_year + 5]; var y_ts = this.mktime(ts.getFullYear(), 0, 1); var m_ts = args.m_ts; var pr_ts = this.mktime(ts_year - 12, 0, 1); var nx_ts = this.mktime(ts_year + 12, 0, 1); var t = '<table class="year" cellpadding="0" summary="{'; t += "'ts': '" + ts.getTs() + "', 'pr_ts': '" + pr_ts + "', 'nx_ts': '" + nx_ts + "', 'label': '"; t += (decade[0]) + ' - ' + (decade[1] + 1) + "', 'current': 'decade'"; t += '}">'; var year = decade[0]; for(i = 0; i < 3; i++) {
         t += "<tr>"; for(y = 0; y < 4; y++) {
            i_ts = this.mktime(year, 0, 1); i_date = this.mkdate(year, 0, 1); t += '<td ts="' + i_ts + '" m_ts="' + m_ts + '" class="' + (args.parent && y_ts == i_ts ? 'selected':'') + (args.pickedDate.getFullYear() == i_date.getFullYear() ? 'current':'') + '">' + year + '</td>'; year++; }
         t += "</tr>"; }
      t += '</table>'; return t; }
   , setDate : function(jsdate) {
      this.pick( {
         day : jsdate.getDate(), month : jsdate.getMonthNo(), year : jsdate.getFullYear()}
      ); }
   , daysInMonth : function(iYear, iMonth) {
      return 32 - new Date(iYear, iMonth, 32).getDate(); }
   , mkdate : function(year, month, day) {
      var date = new Date(); if($defined(year))date.setYear(year); if($defined(month))date.setMonth(month); if($defined(day))date.setDate(day); date.setHours(0); date.setMinutes(0); date.setSeconds(0); date.setMilliseconds(0); return date; }
   , ts2date : function(ts) {
      var date = new Date(); date.setTime(parseInt(ts) * 1000); return date; }
   , mktime : function(year, month, day) {
      var date = this.mkdate(year, month, day); return date.getTs(); }
   }
);