right-rails 0.3.0

data/javascripts/right-calendar-src.js

@@ -0,0 +1,855 @@
+/**
+ * The calendar widget implemented with RightJS
+ *
+ * Home page: http://rightjs.org/ui/calendar
+ *
+ * @copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+if (!RightJS) { throw "Gimme RightJS. Please." };
+
+/**
+ * The calendar widget for RightJS
+ *
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+var Calendar = new Class(Observer, {
+  extend: {
+    EVENTS: $w('show hide select done'),
+    
+    Options: {
+      format:         'ISO',  // a key out of the predefined formats or a format string
+      showTime:       null,   // null for automatic, or true|false to enforce
+      showButtons:    false,
+      minDate:        null,
+      maxDate:        null,
+      firstDay:       1,      // 1 for Monday, 0 for Sunday
+      fxName:         'fade', // set to null if you don't wanna any fx
+      fxDuration:     200,
+      numberOfMonths: 1,      // a number or [x, y] greed definition
+      timePeriod:     1,      // the timepicker minimal periods (in minutes, might be bigger than 60)
+      checkTags:      '*',
+      relName:        'calendar',
+      twentyFourHour: null,   // null for automatic, or true|false to enforce
+      listYears:      false   // show/hide the years listing buttons
+    },
+    
+    Formats: {
+      ISO:            '%Y-%m-%d',
+      POSIX:          '%Y/%m/%d',
+      EUR:            '%d-%m-%Y',
+      US:             '%m/%d/%Y'
+    },
+    
+    i18n: {
+      Done:           'Done',
+      Now:            'Now',
+      Next:           'Next Month',
+      Prev:           'Previous Month',
+      NextYear:       'Next Year',
+      PrevYear:       'Prev Year',
+      
+      dayNames:        $w('Sunday Monday Tuesday Wednesday Thursday Friday Saturday'),
+      dayNamesShort:   $w('Sun Mon Tue Wed Thu Fri Sat'),
+      dayNamesMin:     $w('Su Mo Tu We Th Fr Sa'),
+      monthNames:      $w('January February March April May June July August September October November December'),
+      monthNamesShort: $w('Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec')
+    },
+    
+    // scans for the auto-discoverable calendar inputs
+    rescan: function() {
+      var key       = Calendar.Options.relName;
+      var rel_id_re = new RegExp(key+'\\[(.+?)\\]');
+
+      $$(Calendar.Options.checkTags+'[rel*='+key+']').each(function(element) {
+        var data     = element.get('data-'+key+'-options');
+        var calendar = new Calendar(eval('('+data+')') || {});
+        
+        var rel_id   = element.get('rel').match(rel_id_re);
+        if (rel_id) {
+          var input = $(rel_id[1]);
+          if (input) {
+            calendar.assignTo(input, element);
+          }
+        } else {
+          calendar.assignTo(element);
+        }
+      });
+    }
+  },
+  
+  /**
+   * Basic constructor
+   *
+   * @param Object options
+   */
+  initialize: function(options) {
+    this.$super(options);
+    
+    this.element = $E('div', {'class': 'right-calendar'});
+    this.build().connectEvents().setDate(new Date());
+  },
+  
+  /**
+   * additional options processing
+   *
+   * @param Object options
+   * @return Calendar this
+   */
+  setOptions: function(user_options) {
+    this.$super(user_options);
+    
+    var klass   = this.constructor;
+    var options = this.options;
+    
+    with (this.options) {
+      // merging the i18n tables
+      options.i18n = {};
+
+      for (var key in klass.i18n) {
+        i18n[key] = isArray(klass.i18n[key]) ? klass.i18n[key].clone() : klass.i18n[key];
+      }
+      $ext(i18n, (user_options || {}).i18n);
+      
+      // defining the current days sequence
+      options.dayNames = i18n.dayNamesMin;
+      if (firstDay) {
+        dayNames.push(dayNames.shift());
+      }
+      
+      // the monthes table cleaning up
+      if (!isArray(numberOfMonths)) {
+        numberOfMonths = [numberOfMonths, 1];
+      }
+      
+      // min/max dates preprocessing
+      if (minDate) minDate = this.parse(minDate);
+      if (maxDate) {
+        maxDate = this.parse(maxDate);
+        maxDate.setDate(maxDate.getDate() + 1);
+      }
+      
+      // format catching up
+      format = (klass.Formats[format] || format).trim();
+      
+      // setting up the showTime option
+      if (showTime === null) {
+        showTime = format.search(/%[HkIl]/) > -1;
+      }
+      
+      // setting up the 24-hours format
+      if (twentyFourHour === null) {
+        twentyFourHour = format.search(/%[Il]/) < 0;
+      }
+      
+      // enforcing the 24 hours format if the time threshold is some weird number
+      if (timePeriod > 60 && 12 % (timePeriod/60).ceil()) {
+        twentyFourHour = true;
+      }
+    }
+
+    return this;
+  },
+  
+  /**
+   * Sets the date on the calendar
+   *
+   * @param Date date or String date
+   * @return Calendar this
+   */
+  setDate: function(date) {
+    this.date = this.prevDate = this.parse(date);
+    return this.update();
+  },
+  
+  /**
+   * Returns the current date on the calendar
+   *
+   * @return Date currently selected date on the calendar
+   */
+  getDate: function() {
+    return this.date;
+  },
+  
+  /**
+   * Hides the calendar
+   *
+   * @return Calendar this
+   */
+  hide: function() {
+    this.element.hide(this.options.fxName, {duration: this.options.fxDuration});
+    Calendar.current = null;
+    return this;
+  },
+  
+  /**
+   * Shows the calendar
+   *
+   * @param Object {x,y} optional position
+   * @return Calendar this
+   */
+  show: function(position) {
+    this.element.show(this.options.fxName, {duration: this.options.fxDuration});
+    Calendar.current = this;
+    return this;
+  },
+  
+  /**
+   * Inserts the calendar into the element making it inlined
+   *
+   * @param Element element or String element id
+   * @param String optional position top/bottom/before/after/instead, 'bottom' is default
+   * @return Calendar this
+   */
+  insertTo: function(element, position) {
+    this.element.addClass('right-calendar-inline').insertTo(element, position);
+    return this;
+  }
+});
+
+/**
+ * This module handles the calendar elemnts building/updating processes
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+Calendar.include({
+  
+// protected
+  
+  // updates the calendar view
+  update: function(date) {
+    var date = new Date(date || this.date), options = this.options;
+    
+    var monthes     = this.element.select('div.right-calendar-month');
+    var monthes_num = monthes.length;
+    
+    for (var i=-(monthes_num - monthes_num/2).ceil()+1; i < (monthes_num - monthes_num/2).floor()+1; i++) {
+      var month_date    = new Date(date);
+      month_date.setMonth(date.getMonth() + i);
+      
+      this.updateMonth(monthes.shift(), month_date);
+    }
+    
+    this.updateNextPrevMonthButtons(date, monthes_num);
+    
+    if (options.showTime) {
+      this.hours.value = options.timePeriod < 60 ? date.getHours() :
+        (date.getHours()/(options.timePeriod/60)).round() * (options.timePeriod/60);
+      
+      this.minutes.value = (date.getMinutes() / (options.timePeriod % 60)).round() * options.timePeriod;
+    }
+    
+    return this;
+  },
+  
+  // updates a single month-block with the given date
+  updateMonth: function(element, date) {
+    // getting the number of days in the month
+    date.setDate(32);
+    var days_number = 32 - date.getDate();
+    date.setMonth(date.getMonth()-1);
+    
+    var cur_day = (this.date.getTime() / 86400000).ceil();
+    
+    // collecting the elements to update
+    var rows  = element.select('tbody tr');
+    var cells = rows.shift().select('td');
+    element.select('tbody td').each(function(td) {
+      td.innerHTML = '';
+      td.className = 'right-calendar-day-blank';
+    });
+    
+    var options = this.options;
+    
+    for (var i=1; i <= days_number; i++) {
+      date.setDate(i);
+      var day_num = date.getDay();
+      
+      if (this.options.firstDay) {
+        day_num = day_num ? day_num-1 : 6;
+      }
+      
+      cells[day_num].innerHTML = ''+i;
+      cells[day_num].className = cur_day == (date.getTime() / 86400000).ceil() ? 'right-calendar-day-selected' : '';
+      
+      if ((options.minDate && options.minDate > date) || (options.maxDate && options.maxDate < date))
+        cells[day_num].className = 'right-calendar-day-disabled';
+        
+      cells[day_num].date = new Date(date);
+      
+      if (day_num == 6) {
+        cells = rows.shift().select('td');
+      }
+    }
+    
+    var caption = (options.listYears ? options.i18n.monthNamesShort[date.getMonth()] + ',' :
+      options.i18n.monthNames[date.getMonth()])+' '+date.getFullYear();
+    
+    element.first('div.right-calendar-month-caption').update(caption);
+  },
+  
+  updateNextPrevMonthButtons: function(date, monthes_num) {
+    var options = this.options;
+    if (options.minDate) {
+      var beginning = new Date(date.getFullYear(),0,1,0,0,0);
+      var min_date = new Date(options.minDate.getFullYear(),0,1,0,0,0);
+      
+      this.hasPrevYear = beginning > min_date;
+      
+      beginning.setMonth(date.getMonth() - (monthes_num - monthes_num/2).ceil());
+      min_date.setMonth(options.minDate.getMonth());
+      
+      this.hasPrevMonth = beginning >= min_date;
+    } else {
+      this.hasPrevMonth = this.hasPrevYear = true;
+    }
+    
+    if (options.maxDate) {
+      var end = new Date(date);
+      var max_date = new Date(options.maxDate);
+      [end, max_date].each(function(date) {
+        date.setDate(32);
+        date.setMonth(date.getMonth() - 1);
+        date.setDate(32 - date.getDate());
+        date.setHours(0);
+        date.setMinutes(0);
+        date.setSeconds(0);
+        date.setMilliseconds(0);
+      });
+      
+      this.hasNextMonth = end < max_date;
+      
+      // checking the next year
+      [end, max_date].each('setMonth', 0);
+      this.hasNextYear = end < max_date;
+    } else {
+      this.hasNextMonth = this.hasNextYear = true;
+    }
+    
+    this.nextButton[this.hasNextMonth ? 'removeClass':'addClass']('right-ui-button-disabled');
+    this.prevButton[this.hasPrevMonth ? 'removeClass':'addClass']('right-ui-button-disabled');
+    
+    if (this.nextYearButton) {
+      this.nextYearButton[this.hasNextYear ? 'removeClass':'addClass']('right-ui-button-disabled');
+      this.prevYearButton[this.hasPrevYear ? 'removeClass':'addClass']('right-ui-button-disabled');
+    }
+  },
+
+  // builds the calendar
+  build: function() {
+    this.buildSwaps();
+    
+    // building the calendars greed
+    var greed = tbody = $E('table', {'class': 'right-calendar-greed'}).insertTo(this.element);
+    var options = this.options;
+    if (Browser.OLD) tbody = $E('tbody').insertTo(greed);
+    
+    for (var y=0; y < options.numberOfMonths[1]; y++) {
+      var row   = $E('tr').insertTo(tbody);
+      for (var x=0; x < options.numberOfMonths[0]; x++) {
+        $E('td').insertTo(row).insert(this.buildMonth());
+      }
+    }
+    
+    if (options.showTime) this.buildTime();
+    this.buildButtons();
+    
+    return this;
+  },
+  
+  // builds the monthes swapping buttons
+  buildSwaps: function() {
+    var i18n = this.options.i18n;
+    
+    this.prevButton = $E('div', {'class': 'right-ui-button right-calendar-prev-button',
+        html: '&lsaquo;', title: i18n.Prev}).insertTo(this.element);
+    this.nextButton = $E('div', {'class': 'right-ui-button right-calendar-next-button',
+        html: '&rsaquo;', title: i18n.Next}).insertTo(this.element);
+        
+    if (this.options.listYears) {
+      this.prevYearButton = $E('div', {'class': 'right-ui-button right-calendar-prev-year-button',
+        html: '&laquo;', title: i18n.PrevYear}).insertTo(this.prevButton, 'after');
+      this.nextYearButton = $E('div', {'class': 'right-ui-button right-calendar-next-year-button',
+        html: '&raquo;', title: i18n.NextYear}).insertTo(this.nextButton, 'before');
+    }
+  },
+  
+  // builds a month block
+  buildMonth: function() {
+    return $E('div', {'class': 'right-calendar-month'}).insert(
+      '<div class="right-calendar-month-caption"></div>'+
+      '<table><thead><tr>'+
+        this.options.dayNames.map(function(name) {return '<th>'+name+'</th>';}).join('')+
+      '</tr></thead><tbody>'+
+          '123456'.split('').map(function() {return '<tr><td><td><td><td><td><td><td></tr>'}).join('')+
+      '</tbody></table>'
+    );
+  },
+  
+  // builds the time selection block
+  buildTime: function() {
+    var options = this.options;
+    var time_picker = $E('div', {'class': 'right-calendar-time', html: ':'}).insertTo(this.element);
+    
+    this.hours = $E('select').insertTo(time_picker, 'top');
+    this.minutes = $E('select').insertTo(time_picker);
+    
+    var minutes_threshold = options.timePeriod < 60 ? options.timePeriod : 60;
+    var hours_threshold   = options.timePeriod < 60 ? 1 : (options.timePeriod / 60).ceil();
+    
+    (60).times(function(i) {
+      var caption = (i < 10 ? '0' : '') + i;
+      
+      if (i < 24 && i % hours_threshold == 0) {
+        if (options.twentyFourHour)
+          this.hours.insert($E('option', {value: i, html: caption}));
+        else if (i < 12) {
+          this.hours.insert($E('option', {value: i, html: i == 0 ? 12 : i}));
+        }
+      }
+      
+      if (i % minutes_threshold == 0) {
+        this.minutes.insert($E('option', {value: i, html: caption}));
+      }
+    }, this);
+    
+    // adding the meridian picker if it's a 12 am|pm picker
+    if (!options.twentyFourHour) {
+      this.meridian = $E('select').insertTo(time_picker);
+      
+      (options.format.includes(/%P/) ? ['am', 'pm'] : ['AM', 'PM']).each(function(value) {
+        this.meridian.insert($E('option', {value: value.toLowerCase(), html: value}));
+      }, this);
+    }
+  },
+  
+  // builds the bottom buttons block
+  buildButtons: function() {
+    if (!this.options.showButtons) return;
+    
+    this.nowButton = $E('div', {'class': 'right-ui-button right-calendar-now-button', html: this.options.i18n.Now});
+    this.doneButton = $E('div', {'class': 'right-ui-button right-calendar-done-button', html: this.options.i18n.Done});
+    
+    $E('div', {'class': 'right-ui-buttons right-calendar-buttons'})
+      .insert([this.doneButton, this.nowButton]).insertTo(this.element);
+  }
+
+});
+
+/**
+ * This module handles the events connection
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+ 
+// the document keybindings hookup
+document.onKeydown(function(event) {
+ if (Calendar.current) {
+   var name;
+
+   switch(event.keyCode) {
+     case 27: name = 'hide';      break;
+     case 37: name = 'prevDay';   break;
+     case 39: name = 'nextDay';   break;
+     case 38: name = 'prevWeek';  break;
+     case 40: name = 'nextWeek';  break;
+     case 34: name = 'nextMonth'; break;
+     case 33: name = 'prevMonth'; break;
+     case 13:
+        Calendar.current.select(Calendar.current.date);
+        name = 'done';
+        break;
+   }
+
+   if (name) {
+     Calendar.current[name]();
+     event.stop();
+   }
+ }
+});
+ 
+Calendar.include({
+  /**
+   * Initiates the 'select' event on the object
+   *
+   * @param Date date
+   * @return Calendar this
+   */
+  select: function(date) {
+    this.date = date;
+    return this.fire('select', date);
+  },
+  
+  /**
+   * Covers the 'done' event fire
+   *
+   * @return Calendar this
+   */
+  done: function() {
+    if (!this.element.hasClass('right-calendar-inline'))
+      this.hide();
+    return this.fire('done', this.date);
+  },
+  
+  nextDay: function() {
+    return this.changeDate({'Date': 1});
+  },
+  
+  prevDay: function() {
+    return this.changeDate({'Date': -1});
+  },
+  
+  nextWeek: function() {
+    return this.changeDate({'Date': 7});
+  },
+  
+  prevWeek: function() {
+    return this.changeDate({'Date': -7});
+  },
+  
+  nextMonth: function() {
+    return this.changeDate({Month: 1});
+  },
+  
+  prevMonth: function() {
+    return this.changeDate({Month: -1});
+  },
+  
+  nextYear: function() {
+    return this.changeDate({FullYear: 1});
+  },
+  
+  prevYear: function() {
+    return this.changeDate({FullYear: -1});
+  },
+  
+// protected
+
+  // changes the current date according to the hash
+  changeDate: function(hash) {
+    var date = new Date(this.date);
+    
+    for (var key in hash) {
+      date['set'+key](date['get'+key]() + hash[key]);
+    }
+    
+    // checking the date range constrains
+    if (!(
+      (this.options.minDate && this.options.minDate > date) ||
+      (this.options.maxDate && this.options.maxDate < date)
+    )) this.date = date;
+    
+    return this.update(this.date);
+  },
+  
+  connectEvents: function() {
+    // connecting the monthes swapping
+    this.prevButton.onClick(this.prevMonth.bind(this));
+    this.nextButton.onClick(this.nextMonth.bind(this));
+    if (this.nextYearButton) {
+      this.prevYearButton.onClick(this.prevYear.bind(this));
+      this.nextYearButton.onClick(this.nextYear.bind(this));
+    }
+    
+    // connecting the calendar day-cells
+    this.element.select('div.right-calendar-month table tbody td').each(function(cell) {
+      cell.onClick(function() {
+        if (cell.innerHTML != '') {
+          var prev = this.element.first('.right-calendar-day-selected');
+          if (prev) prev.removeClass('right-calendar-day-selected');
+          cell.addClass('right-calendar-day-selected');
+          this.setTime(cell.date);
+        }
+      }.bind(this));
+    }, this);
+    
+    // connecting the time picker events
+    if (this.hours) {
+      this.hours.on('change', this.setTime.bind(this));
+      this.minutes.on('change', this.setTime.bind(this));
+      if (!this.options.twentyFourHour) {
+        this.meridian.on('change', this.setTime.bind(this));
+      }
+    }
+    
+    // connecting the bottom buttons
+    if (this.nowButton) {
+      this.nowButton.onClick(this.setDate.bind(this, new Date()));
+      this.doneButton.onClick(this.done.bind(this));
+    }
+    
+    // blocking all the events from the element
+    this.element.onClick(function(e) {e.stop();});
+    
+    return this;
+  },
+  
+  // sets the date without nucking the time
+  setTime: function(date) {
+    // from clicking a day in a month table
+    if (date instanceof Date) {
+      this.date.setYear(date.getFullYear());
+      this.date.setMonth(date.getMonth());
+      this.date.setDate(date.getDate());
+    }
+    
+    if (this.hours) {
+      this.date.setHours(this.hours.value.toInt() + (!this.options.twentyFourHour && this.meridian.value == 'pm' ? 12 : 0));
+      this.date.setMinutes(this.minutes.value);
+    }
+
+    return this.select(this.date);
+  }
+  
+});
+
+/**
+ * This module handles the calendar assignment to an input field
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+Calendar.include({
+  /**
+   * Assigns the calendar to serve the given input element
+   *
+   * If no trigger element specified, then the calendar will
+   * appear and disappear with the element haveing its focus
+   *
+   * If a trigger element is specified, then the calendar will
+   * appear/disappear only by clicking on the trigger element
+   *
+   * @param Element input field
+   * @param Element optional trigger
+   * @return Calendar this
+   */
+  assignTo: function(input, trigger) {
+    var input = $(input), trigger = $(trigger);
+    
+    if (trigger) {
+      trigger.onClick(function(e) {
+        e.stop();
+        this.showAt(input.focus());
+      }.bind(this));
+    } else {
+      input.on({
+        focus: this.showAt.bind(this, input),
+        click: function(e) { e.stop(); if (this.element.hidden()) this.showAt(input); }.bind(this),
+        keyDown: function(e) {
+          if (e.keyCode == 9 && this.element.visible())
+            this.hide();
+        }.bind(this)
+      });
+    }
+    
+    document.onClick(this.hide.bind(this));
+    
+    return this;
+  },
+  
+  /**
+   * Shows the calendar at the given element left-bottom corner
+   *
+   * @param Element element or String element id
+   * @return Calendar this
+   */
+  showAt: function(element) {
+    var element = $(element), dims = element.dimensions();
+    this.setDate(this.parse(element.value));
+    
+    this.element.setStyle({
+      position: 'absolute',
+      margin: '0',
+      left: (dims.left)+'px',
+      top: (dims.top + dims.height)+'px'
+    }).insertTo(document.body);
+    
+    this.stopObserving('select').stopObserving('done');
+    this.on(this.doneButton ? 'done' : 'select', function() {
+      element.value = this.format();
+    }.bind(this));
+    
+    return this.hideOthers().show();
+  },
+  
+  /**
+   * Toggles the calendar state at the associated element position
+   *
+   * @param Element input
+   * @return Calendar this
+   */
+  toggleAt: function(input) {
+    if (this.element.parentNode && this.element.visible()) {
+      this.hide();
+    } else {
+      this.showAt(input);
+    }
+    return this;
+  },
+  
+// protected
+
+  // hides all the other calendars on the page
+  hideOthers: function() {
+    $$('div.right-calendar').each(function(element) {
+      if (!element.hasClass('right-calendar-inline')) {
+        if (element != this.element) {
+          element.hide();
+        }
+      }
+    });
+    
+    return this;
+  }
+});
+
+/**
+ * This module handles the dates parsing/formatting processes
+ *
+ * To format dates and times this scripts use the GNU (C/Python/Ruby) strftime
+ * function formatting principles
+ *
+ *   %a - The abbreviated weekday name (``Sun'')
+ *   %A - The  full  weekday  name (``Sunday'')
+ *   %b - The abbreviated month name (``Jan'')
+ *   %B - The  full  month  name (``January'')
+ *   %d - Day of the month (01..31)
+ *   %e - Day of the month without leading zero (1..31)
+ *   %m - Month of the year (01..12)
+ *   %y - Year without a century (00..99)
+ *   %Y - Year with century
+ *   %H - Hour of the day, 24-hour clock (00..23)
+ *   %k - Hour of the day, 24-hour clock without leading zero (0..23)
+ *   %I - Hour of the day, 12-hour clock (01..12)
+ *   %l - Hour of the day, 12-hour clock without leading zer (0..12)
+ *   %p - Meridian indicator (``AM''  or  ``PM'')
+ *   %P - Meridian indicator (``pm''  or  ``pm'')
+ *   %M - Minute of the hour (00..59)
+ *   %S - Second of the minute (00..60)
+ *   %% - Literal ``%'' character
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+Calendar.include({
+
+  /**
+   * Parses out the given string based on the current date formatting
+   *
+   * @param String string date
+   * @return Date parsed date or null if it wasn't parsed
+   */
+  parse: function(string) {
+    var date;
+    
+    if (string instanceof Date || Date.parse(string)) {
+      date = new Date(string);
+      
+    } else if (isString(string) && string) {
+      var tpl = RegExp.escape(this.options.format);
+      var holders = tpl.match(/%[a-z]/ig).map('match', /[a-z]$/i).map('first').without('%');
+      var re  = new RegExp('^'+tpl.replace(/%p/i, '(pm|PM|am|AM)').replace(/(%[a-z])/ig, '(.+?)')+'$');
+      
+      var match = string.trim().match(re);
+      
+      if (match) {
+        match.shift();
+        
+        var year = null, month = null, date = null, hour = null, minute = null, second = null, meridian;
+        
+        while (match.length) {
+          var value = match.shift();
+          var key   = holders.shift();
+          
+          if (key.toLowerCase() == 'b') {
+            month = this.options.i18n[key=='b' ? 'monthNamesShort' : 'monthNames'].indexOf(value);
+          } else if (key.toLowerCase() == 'p') {
+            meridian = value.toLowerCase();
+          } else {
+            value = value.toInt();
+            switch(key) {
+              case 'd': 
+              case 'e': date   = value; break;
+              case 'm': month  = value-1; break;
+              case 'y': 
+              case 'Y': year   = value; break;
+              case 'H': 
+              case 'k': 
+              case 'I': 
+              case 'l': hour   = value; break;
+              case 'M': minute = value; break;
+              case 'S': second = value; break;
+            }
+          }
+        }
+        
+        // converting 1..12am|pm into 0..23 hours marker
+        if (meridian) {
+          hour = hour == 12 ? 0 : hour;
+          hour = (meridian == 'pm' ? hour + 12 : hour);
+        }
+        
+        date = new Date(year, month, date, hour, minute, second);
+      }
+    } else {
+      date = new Date();
+    }
+    
+    return date;
+  },  
+  
+  /**
+   * Formats the current date into a string depend on the current or given format
+   *
+   * @param String optional format
+   * @return String formatted data
+   */
+  format: function(format) {
+    var i18n   = this.options.i18n;
+    var day    = this.date.getDay();
+    var month  = this.date.getMonth();
+    var date   = this.date.getDate();
+    var year   = this.date.getFullYear();
+    var hour   = this.date.getHours();
+    var minute = this.date.getMinutes();
+    var second = this.date.getSeconds();
+    
+    var hour_ampm = (hour == 0 ? 12 : hour < 13 ? hour : hour - 12);
+    
+    var values    = {
+      a: i18n.dayNamesShort[day],
+      A: i18n.dayNames[day],
+      b: i18n.monthNamesShort[month],
+      B: i18n.monthNames[month],
+      d: (date < 10 ? '0' : '') + date,
+      e: ''+date,
+      m: (month < 9 ? '0' : '') + (month+1),
+      y: (''+year).substring(2,4),
+      Y: ''+year,
+      H: (hour < 10 ? '0' : '')+ hour,
+      k: '' + hour,
+      I: (hour > 0 && (hour < 10 || (hour > 12 && hour < 22)) ? '0' : '') + hour_ampm,
+      l: '' + hour_ampm,
+      p: hour < 12 ? 'AM' : 'PM',
+      P: hour < 12 ? 'am' : 'pm',
+      M: (minute < 10 ? '0':'')+minute,
+      S: (second < 10 ? '0':'')+second,
+      '%': '%'
+    };
+    
+    var result = format || this.options.format;
+    for (var key in values) {
+      result = result.replace('%'+key, values[key]);
+    }
+    
+    return result;
+  }
+});
+
+/**
+ * Calendar fields autodiscovery via the rel="calendar" attribute
+ *
+ * Copyright (C) 2009 Nikolay V. Nemshilov aka St.
+ */
+document.onReady(Calendar.rescan);
+
+
+document.write("<style type=\"text/css\">*.right-ui-button{display:inline-block;*display:inline;*zoom:1;height:1em;line-height:1em;padding:.2em .5em;text-align:center;border:1px solid #CCC;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;cursor:pointer;color:#555;background-color:#FFF}*.right-ui-button:hover{color:#222;border-color:#999;background-color:#CCC}*.right-ui-button-disabled,*.right-ui-button-disabled:hover{color:#888;background:#EEE;border-color:#CCC;cursor:default}*.right-ui-buttons{margin-top:.5em}div.right-calendar{position:absolute;height:auto;border:1px solid #BBB;position:relative;padding:.5em;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;cursor:default;background-color:#EEE;-moz-box-shadow:.2em .4em .8em #666;-webkit-box-shadow:.2em .4em .8em #666}div.right-calendar-inline{position:relative;display:inline-block;vertical-align:top;*display:inline;*zoom:1;-moz-box-shadow:none;-webkit-box-shadow:none}div.right-calendar-prev-button,div.right-calendar-next-button,div.right-calendar-prev-year-button,div.right-calendar-next-year-button{position:absolute;float:left;width:1em;padding:.15em .4em}div.right-calendar-next-button{right:.5em}div.right-calendar-prev-year-button{left:2.55em}div.right-calendar-next-year-button{right:2.55em}div.right-calendar-month-caption{text-align:center;height:1.2em;line-height:1.2em}table.right-calendar-greed{border-spacing:0px;border:none;background:none;width:auto}table.right-calendar-greed td{vertical-align:top;border:none;background:none;margin:0;padding:0;padding-right:.4em}table.right-calendar-greed td:last-child{padding:0}div.right-calendar-month table{margin:0;padding:0;border:none;width:auto;margin-top:.2em;border-spacing:1px;border-collapse:separate;border:none;background:none}div.right-calendar-month table th{color:#777;text-align:center;border:none;background:none;padding:0;margin:0}div.right-calendar-month table td,div.right-calendar-month table td:last-child{text-align:right;padding:.1em .3em;background-color:#FFF;border:1px solid #CCC;cursor:pointer;color:#555;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em}div.right-calendar-month table td:hover{background-color:#CCC;border-color:#AAA;color:#000}div.right-calendar-month table td.right-calendar-day-blank{background:transparent;cursor:default;border:none}div.right-calendar-month table td.right-calendar-day-selected{background-color:#BBB;border-color:#AAA;color:#222;font-weight:bold;padding:.1em .2em}div.right-calendar-month table td.right-calendar-day-disabled{color:#888;background:#EEE;border-color:#CCC;cursor:default}div.right-calendar-time{border-top:1px solid #ccc;margin-top:.3em;padding-top:.5em;text-align:center}div.right-calendar-time select{margin:0 .4em}div.right-calendar-buttons div.right-ui-button{width:3.2em}div.right-calendar-done-button{position:absolute;right:.5em}</style>");