spree 0.9.4 → 0.10.0.beta

data/public/javascripts/dashboard.js

@@ -0,0 +1,143 @@
+jQuery(document).ready(function(){  
+	function number_with_delimiter(number, delimiter, separator) {
+	  try {
+	    var delimiter = delimiter || ",";
+	    var separator = separator || ".";
+
+	    var parts = number.toString().split('.');
+	    parts[0] = parts[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g, "$1" + delimiter);
+	    formatted_number = parts.join(separator);
+	
+			if(formatted_number.length>=6 && formatted_number.length<=9){
+				var arr = formatted_number.split(",");
+				return arr[0] + " k";
+			}else if(formatted_number.length==10){
+				var arr = formatted_number.split(",");
+				return arr[0] + " m";
+			}else{
+				return formatted_number
+			}
+	  } catch(e) {
+	    return number
+	  }
+	}
+	
+  function handle_orders_by_day(r){
+		var new_points = eval(r);
+
+		if(new_points[0].length>0){
+			orders_by_day_settings.axes.xaxis.min = new_points[0][0][0].replace(/-/g, "/");
+			orders_by_day_settings.axes.xaxis.max = new_points[0][new_points[0].length -1][0].replace(/-/g, "/");
+		}
+	
+		orders_by_day_settings.axes.yaxis.label = jQuery("#orders_by_day_value :selected").val();
+
+		jQuery("#order_by_day_title").text(orders + " " + jQuery("#orders_by_day_value :selected").val() + " " + by_day + " (" + jQuery("#orders_by_day_reports :selected").text() + ")");
+
+		$('#orders_by_day').empty();
+		$.jqplot('orders_by_day', new_points, orders_by_day_settings);
+
+	}
+	
+	function handle_orders_total(r){
+		var values = eval(r);
+		
+		jQuery('#orders_total').text(number_with_delimiter(values[0].orders_total));
+		jQuery('#orders_line_total').text(number_with_delimiter(values[0].orders_line_total));
+		jQuery('#orders_adjustment_total').text(number_with_delimiter(values[0].orders_adjustment_total));
+		jQuery('#orders_adjustment_total').text(number_with_delimiter(values[0].orders_adjustment_total));
+	}
+
+	var orders_by_day_settings = {
+		title: {
+			textColor: '#476D9B',
+			fontSize: '12pt',
+		}, 
+		grid: {background:'#fff', gridLineColor:'#fff',borderColor: '#476D9B'},
+	  axes:{
+			yaxis:{
+				label:'Order (Count)',
+				labelRenderer: $.jqplot.CanvasAxisLabelRenderer,						
+				autoscale:true, 
+				tickOptions:{
+					formatString:'%d',
+					fontSize: '10pt',
+					textColor: '#476D9B'
+				},
+				min: 1
+			},	
+			xaxis:{	 
+				renderer:$.jqplot.DateAxisRenderer,
+				rendererOptions:{tickRenderer:$.jqplot.CanvasAxisTickRenderer},
+				tickOptions:{
+					formatString:'%b %#d, %y',
+					angle: -30,
+					fontSize: '10pt',
+					textColor: '#476D9B'
+				},
+				min: orders_by_day_points[0][0][0].replace(/-/g, "/"), 
+				max: orders_by_day_points[0][orders_by_day_points[0].length -1][0].replace(/-/g, "/")//,
+				//tickInterval: '1 day'
+			}
+		},
+		series:[{lineWidth:3, color: '#0095DA', fillAndStroke: true, fill: true, fillColor: '#E6F7FF'}],
+		highlighter: {
+			formatString: "Date: %s <br/>Value: %s ",
+			sizeAdjust: 7.5
+		}
+	};
+
+	jQuery.jqplot('orders_by_day', orders_by_day_points, orders_by_day_settings);
+
+	jQuery("div#orders_by_day_options select").change(function(){
+		var report = jQuery("#orders_by_day_reports :selected").val();
+		var value = jQuery("#orders_by_day_value :selected").val();
+	
+		jQuery.ajax({
+	       type: 'GET',
+	       url: 'admin/overview/get_report_data',
+	       data: ({report: 'orders_by_day', name: report, value: value, authenticity_token: AUTH_TOKEN}),
+	       success: handle_orders_by_day
+		});
+		
+		jQuery.ajax({
+	       type: 'GET',
+	       url: 'admin/overview/get_report_data',
+	       data: ({report: 'orders_totals', name: report, authenticity_token: AUTH_TOKEN}),
+	       success: handle_orders_total
+		});
+
+	});
+
+	best_selling_variants = $.jqplot('best_selling_products', [best_selling_variants_points], {
+		grid: {background:'#fff',borderWidth: 0, borderColor: '#fff', shadow: false},
+		seriesDefaults:{
+		  renderer:$.jqplot.PieRenderer, 
+		  rendererOptions:{padding:6,sliceMargin:0}
+		},
+		seriesColors: pie_colors
+	});
+
+
+	top_grossing_variants = $.jqplot('top_grossing_products', [top_grossing_variants_points], {
+		grid: {background:'#fff',borderWidth: 0, borderColor: '#fff', shadow: false},
+		seriesDefaults:{
+		  renderer:$.jqplot.PieRenderer, 
+		  rendererOptions:{padding:6,sliceMargin:0}
+		},
+
+		seriesColors: pie_colors
+	});
+
+	tbest_selling_taxons = $.jqplot('best_selling_taxons', [best_selling_taxons_points], {
+		grid: {background:'#fff',borderWidth: 0, borderColor: '#fff', shadow: false},
+		seriesDefaults:{
+		  renderer:$.jqplot.PieRenderer, 
+		  rendererOptions:{padding:6,sliceMargin:0}
+		},
+
+		seriesColors: pie_colors
+	});
+
+
+});

data/public/javascripts/datepicker.js

@@ -0,0 +1,1445 @@
+/*
+        DatePicker v4.4 by frequency-decoder.com
+
+        Released under a creative commons Attribution-ShareAlike 2.5 license (http://creativecommons.org/licenses/by-sa/2.5/)
+
+        Please credit frequency-decoder in any derivative work - thanks.
+        
+        You are free:
+
+        * to copy, distribute, display, and perform the work
+        * to make derivative works
+        * to make commercial use of the work
+
+        Under the following conditions:
+
+                by Attribution.
+                --------------
+                You must attribute the work in the manner specified by the author or licensor.
+
+                sa
+                --
+                Share Alike. If you alter, transform, or build upon this work, you may distribute the resulting work only under a license identical to this one.
+
+        * For any reuse or distribution, you must make clear to others the license terms of this work.
+        * Any of these conditions can be waived if you get permission from the copyright holder.
+*/
+var datePickerController;
+
+(function() {
+
+// Detect the browser language
+datePicker.languageinfo = navigator.language ? navigator.language : navigator.userLanguage;
+datePicker.languageinfo = datePicker.languageinfo ? datePicker.languageinfo.toLowerCase().replace(/-[a-z]+$/, "") : 'en';
+
+// Load the appropriate language file
+var scriptFiles = document.getElementsByTagName('head')[0].getElementsByTagName('script');
+var loc = scriptFiles[scriptFiles.length - 1].src.substr(0, scriptFiles[scriptFiles.length - 1].src.lastIndexOf("/")) + "/lang/" + datePicker.languageinfo + ".js";
+
+var script  = document.createElement('script');
+script.type = "text/javascript";
+script.src  = loc;
+script.setAttribute("charset", "utf-8");
+/*@cc_on
+/*@if(@_win32)
+        var bases = document.getElementsByTagName('base');
+        if (bases.length && bases[0].childNodes.length) {
+                bases[0].appendChild(script);
+        } else {
+                document.getElementsByTagName('head')[0].appendChild(script);
+        };
+@else @*/
+document.getElementsByTagName('head')[0].appendChild(script);
+/*@end
+@*/
+script  = null;
+
+// Defaults should the locale file not load
+datePicker.months       = ["January","February","March","April","May","June","July","August","September","October","November","December"];
+datePicker.fullDay      = ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"];
+datePicker.titles       = ["Previous month","Next month","Previous year","Next year", "Today", "Show Calendar"];
+
+datePicker.getDaysPerMonth = function(nMonth, nYear) {
+        nMonth = (nMonth + 12) % 12;
+        return (((0 == (nYear%4)) && ((0 != (nYear%100)) || (0 == (nYear%400)))) && nMonth == 1) ? 29: [31,28,31,30,31,30,31,31,30,31,30,31][nMonth];
+};
+
+function datePicker(options) {
+
+        this.defaults          = {};
+        for(opt in options) { this[opt] = this.defaults[opt] = options[opt]; };
+        
+        this.date              = new Date();
+        this.yearinc           = 1;
+        this.timer             = null;
+        this.pause             = 1000;
+        this.timerSet          = false;
+        this.fadeTimer         = null;
+        this.interval          = new Date();
+        this.firstDayOfWeek    = this.defaults.firstDayOfWeek = this.dayInc = this.monthInc = this.yearInc = this.opacity = this.opacityTo = 0;
+        this.dateSet           = null;
+        this.visible           = false;
+        this.disabledDates     = [];
+        this.enabledDates      = [];
+        this.nbsp              = String.fromCharCode( 160 );
+        var o = this;
+
+        o.events = {
+                onblur:function(e) {
+                        o.removeKeyboardEvents();
+                },
+                onfocus:function(e) {
+                        o.addKeyboardEvents();
+                },
+                onkeydown: function (e) {
+                        o.stopTimer();
+                        if(!o.visible) return false;
+
+                        if(e == null) e = document.parentWindow.event;
+                        var kc = e.keyCode ? e.keyCode : e.charCode;
+
+                        if( kc == 13 ) {
+                                // close (return)
+                                var td = document.getElementById(o.id + "-date-picker-hover");
+                                if(!td || td.className.search(/out-of-range|day-disabled/) != -1) return o.killEvent(e);
+                                o.returnFormattedDate();
+                                o.hide();
+                                return o.killEvent(e);
+                        } else if(kc == 27) {
+                                // close (esc)
+                                o.hide();
+                                return o.killEvent(e);
+                        } else if(kc == 32 || kc == 0) {
+                                // today (space)
+                                o.date =  new Date();
+                                o.updateTable();
+                                return o.killEvent(e);
+                        };
+
+                        // Internet Explorer fires the keydown event faster than the JavaScript engine can
+                        // update the interface. The following attempts to fix this.
+                        /*@cc_on
+                        @if(@_win32)
+                                if(new Date().getTime() - o.interval.getTime() < 100) return o.killEvent(e);
+                                o.interval = new Date();
+                        @end
+                        @*/
+
+                        if ((kc > 49 && kc < 56) || (kc > 97 && kc < 104)) {
+                                if (kc > 96) kc -= (96-48);
+                                kc -= 49;
+                                o.firstDayOfWeek = (o.firstDayOfWeek + kc) % 7;
+                                o.updateTable();
+                                return o.killEvent(e);
+                        };
+
+                        if ( kc < 37 || kc > 40 ) return true;
+
+                        var d = new Date( o.date ).valueOf();
+
+                        if ( kc == 37 ) {
+                                // ctrl + left = previous month
+                                if( e.ctrlKey ) {
+                                        d = new Date( o.date );
+                                        d.setDate( Math.min(d.getDate(), datePicker.getDaysPerMonth(d.getMonth() - 1,d.getFullYear())) );
+                                        d.setMonth( d.getMonth() - 1 );
+                                } else {
+                                        d = new Date( o.date.getFullYear(), o.date.getMonth(), o.date.getDate() - 1 );
+                                };
+                        } else if ( kc == 39 ) {
+                                // ctrl + right = next month
+                                if( e.ctrlKey ) {
+                                        d = new Date( o.date );
+                                        d.setDate( Math.min(d.getDate(), datePicker.getDaysPerMonth(d.getMonth() + 1,d.getFullYear())) );
+                                        d.setMonth( d.getMonth() + 1 );
+                                } else {
+                                        d = new Date( o.date.getFullYear(), o.date.getMonth(), o.date.getDate() + 1 );
+                                };
+                        } else if ( kc == 38 ) {
+                                // ctrl + up = next year
+                                if( e.ctrlKey ) {
+                                        d = new Date( o.date );
+                                        d.setDate( Math.min(d.getDate(), datePicker.getDaysPerMonth(d.getMonth(),d.getFullYear() + 1)) );
+                                        d.setFullYear( d.getFullYear() + 1 );
+                                } else {
+                                        d = new Date( o.date.getFullYear(), o.date.getMonth(), o.date.getDate() - 7 );
+                                };
+                        } else if ( kc == 40 ) {
+                                // ctrl + down = prev year
+                                if( e.ctrlKey ) {
+                                        d = new Date( o.date );
+                                        d.setDate( Math.min(d.getDate(), datePicker.getDaysPerMonth(d.getMonth(),d.getFullYear() - 1)) );
+                                        d.setFullYear( d.getFullYear() - 1 );
+                                } else {
+                                        d = new Date( o.date.getFullYear(), o.date.getMonth(), o.date.getDate() + 7 );
+                                };
+                        };
+
+                        var tmpDate = new Date(d);
+
+                        if(o.outOfRange(tmpDate)) return o.killEvent(e);
+                        
+                        var cacheDate = new Date(o.date);
+                        o.date = tmpDate;
+
+                        if(cacheDate.getFullYear() != o.date.getFullYear() || cacheDate.getMonth() != o.date.getMonth()) o.updateTable();
+                        else {
+                                o.disableTodayButton();
+                                var tds = o.table.getElementsByTagName('td');
+                                var txt;
+                                var start = o.date.getDate() - 6;
+                                if(start < 0) start = 0;
+
+                                for(var i = start, td; td = tds[i]; i++) {
+                                        txt = Number(td.firstChild.nodeValue);
+                                        if(isNaN(txt) || txt != o.date.getDate()) continue;
+                                        o.removeHighlight();
+                                        td.id = o.id + "-date-picker-hover";
+                                        td.className = td.className.replace(/date-picker-hover/g, "") + " date-picker-hover";
+                                };
+                        };
+                        return o.killEvent(e);
+                },
+                gotoToday: function(e) {
+                        o.date = new Date();
+                        o.updateTable();
+                        return o.killEvent(e);
+                },
+                onmousedown: function(e) {
+                        if ( e == null ) e = document.parentWindow.event;
+                        var el = e.target != null ? e.target : e.srcElement;
+
+                        var found = false;
+                        while(el.parentNode) {
+                                if(el.id && (el.id == "fd-"+o.id || el.id == "fd-but-"+o.id)) {
+                                        found = true;
+                                        break;
+                                };
+                                try {
+                                        el = el.parentNode;
+                                } catch(err) {
+                                        break;
+                                };
+                        };
+                        if(found) return true;
+                        o.stopTimer();
+                        datePickerController.hideAll();
+                },
+                onmouseover: function(e) {
+                        o.stopTimer();
+                        var txt = this.firstChild.nodeValue;
+                        if(this.className == "out-of-range" || txt.search(/^[\d]+$/) == -1) return;
+                        
+                        o.removeHighlight();
+                        
+                        this.id = o.id+"-date-picker-hover";
+                        this.className = this.className.replace(/date-picker-hover/g, "") + " date-picker-hover";
+                        
+                        o.date.setDate(this.firstChild.nodeValue);
+                        o.disableTodayButton();
+                },
+                onclick: function(e) {
+                        if(o.opacity != o.opacityTo || this.className.search(/out-of-range|day-disabled/) != -1) return false;
+                        if ( e == null ) e = document.parentWindow.event;
+                        var el = e.target != null ? e.target : e.srcElement;
+                        while ( el.nodeType != 1 ) el = el.parentNode;
+                        var d = new Date( o.date );
+                        var txt = el.firstChild.data;
+                        if(txt.search(/^[\d]+$/) == -1) return;
+                        var n = Number( txt );
+                        if(isNaN(n)) { return true; };
+                        d.setDate( n );
+                        o.date = d;
+                        o.returnFormattedDate();
+                        if(!o.staticPos) o.hide();
+                        o.stopTimer();
+                        return o.killEvent(e);
+                },
+                incDec: function(e) {
+                        if ( e == null ) e = document.parentWindow.event;
+                        var el = e.target != null ? e.target : e.srcElement;
+
+                        if(el && el.className && el.className.search('fd-disabled') != -1) { return false; }
+                        datePickerController.addEvent(document, "mouseup", o.events.clearTimer);
+                        o.timerInc      = 800;
+                        o.dayInc        = arguments[1];
+                        o.yearInc       = arguments[2];
+                        o.monthInc      = arguments[3];
+                        o.timerSet      = true;
+
+                        o.updateTable();
+                        return true;
+                },
+                clearTimer: function(e) {
+                        o.stopTimer();
+                        o.timerInc      = 1000;
+                        o.yearInc       = 0;
+                        o.monthInc      = 0;
+                        o.dayInc        = 0;
+                        datePickerController.removeEvent(document, "mouseup", o.events.clearTimer);
+                }
+        };
+        o.stopTimer = function() {
+                o.timerSet = false;
+                window.clearTimeout(o.timer);
+        };
+        o.removeHighlight = function() {
+                if(document.getElementById(o.id+"-date-picker-hover")) {
+                        document.getElementById(o.id+"-date-picker-hover").className = document.getElementById(o.id+"-date-picker-hover").className.replace("date-picker-hover", "");
+                        document.getElementById(o.id+"-date-picker-hover").id = "";
+                };
+        };
+        o.reset = function() {
+                for(def in o.defaults) { o[def] = o.defaults[def]; };
+        };
+        o.setOpacity = function(op) {
+                o.div.style.opacity = op/100;
+                o.div.style.filter = 'alpha(opacity=' + op + ')';
+                o.opacity = op;
+        };
+        o.fade = function() {
+                window.clearTimeout(o.fadeTimer);
+                o.fadeTimer = null;
+                delete(o.fadeTimer);
+                
+                var diff = Math.round(o.opacity + ((o.opacityTo - o.opacity) / 4));
+
+                o.setOpacity(diff);
+
+                if(Math.abs(o.opacityTo - diff) > 3 && !o.noTransparency) {
+                        o.fadeTimer = window.setTimeout(o.fade, 50);
+                } else {
+                        o.setOpacity(o.opacityTo);
+                        if(o.opacityTo == 0) {
+                                o.div.style.display = "none";
+                                o.visible = false;
+                        } else {
+                                o.visible = true;
+                        };
+                };
+        };
+        o.killEvent = function(e) {
+                e = e || document.parentWindow.event;
+                
+                if(e.stopPropagation) {
+                        e.stopPropagation();
+                        e.preventDefault();
+                };
+                
+                /*@cc_on
+                @if(@_win32)
+                e.cancelBubble = true;
+                e.returnValue = false;
+                @end
+                @*/
+                return false;
+        };
+        o.getElem = function() {
+                return document.getElementById(o.id.replace(/^fd-/, '')) || false;
+        };
+        o.setRangeLow = function(range) {
+                if(String(range).search(/^(\d\d?\d\d)(0[1-9]|1[012])(0[1-9]|[12][0-9]|3[01])$/) == -1) range = '';
+                o.low = o.defaults.low = range;
+                if(o.staticPos) o.updateTable(true);
+        };
+        o.setRangeHigh = function(range) {
+                if(String(range).search(/^(\d\d?\d\d)(0[1-9]|1[012])(0[1-9]|[12][0-9]|3[01])$/) == -1) range = '';
+                o.high = o.defaults.high = range;
+                if(o.staticPos) o.updateTable(true);
+        };
+        o.setDisabledDays = function(dayArray) {
+                o.disableDays = o.defaults.disableDays = dayArray;
+                if(o.staticPos) o.updateTable(true);
+        };
+        o.setDisabledDates = function(dateArray) {
+                var fin = [];
+                for(var i = dateArray.length; i-- ;) {
+                        if(dateArray[i].match(/^(\d\d\d\d|\*\*\*\*)(0[1-9]|1[012]|\*\*)(0[1-9]|[12][0-9]|3[01])$/) != -1) fin[fin.length] = dateArray[i];
+                };
+                if(fin.length) {
+                        o.disabledDates = fin;
+                        o.enabledDates = [];
+                        if(o.staticPos) o.updateTable(true);
+                };
+        };
+        o.setEnabledDates = function(dateArray) {
+                var fin = [];
+                for(var i = dateArray.length; i-- ;) {
+                        if(dateArray[i].match(/^(\d\d\d\d|\*\*\*\*)(0[1-9]|1[012]|\*\*)(0[1-9]|[12][0-9]|3[01]|\*\*)$/) != -1 && dateArray[i] != "********") fin[fin.length] = dateArray[i];
+                };
+                if(fin.length) {
+                        o.disabledDates = [];
+                        o.enabledDates = fin;
+                        if(o.staticPos) o.updateTable(true);
+                };
+        };
+        o.getDisabledDates = function(y, m) {
+                if(o.enabledDates.length) return o.getEnabledDates(y, m);
+                var obj = {};
+                var d = datePicker.getDaysPerMonth(m - 1, y);
+                m = m < 10 ? "0" + String(m) : m;
+                for(var i = o.disabledDates.length; i-- ;) {
+                        var tmp = o.disabledDates[i].replace("****", y).replace("**", m);
+                        if(tmp < Number(String(y)+m+"01") || tmp > Number(y+String(m)+d)) continue;
+                        obj[tmp] = 1;
+                };
+                return obj;
+        };
+        o.getEnabledDates = function(y, m) {
+                var obj = {};
+                var d = datePicker.getDaysPerMonth(m - 1, y);
+                m = m < 10 ? "0" + String(m) : m;
+                var day,tmp,de,me,ye,disabled;
+                for(var dd = 1; dd <= d; dd++) {
+                        day = dd < 10 ? "0" + String(dd) : dd;
+                        disabled = true;
+                        for(var i = o.enabledDates.length; i-- ;) {
+                                tmp = o.enabledDates[i];
+                                ye  = String(o.enabledDates[i]).substr(0,4);
+                                me  = String(o.enabledDates[i]).substr(4,2);
+                                de  = String(o.enabledDates[i]).substr(6,2);
+
+                                if(ye == y && me == m && de == day) {
+                                        disabled = false;
+                                        break;
+                                }
+                                
+                                if(ye == "****" || me == "**" || de == "**") {
+                                        if(ye == "****") tmp = tmp.replace(/^\*\*\*\*/, y);
+                                        if(me == "**")   tmp = tmp = tmp.substr(0,4) + String(m) + tmp.substr(6,2);
+                                        if(de == "**")   tmp = tmp.replace(/\*\*/, day);
+
+                                        if(tmp == String(y + String(m) + day)) {
+                                                disabled = false;
+                                                break;
+                                        };
+                                };
+                        };
+                        if(disabled) obj[String(y + String(m) + day)] = 1;
+                };
+                return obj;
+        };
+        o.setFirstDayOfWeek = function(e) {
+                if ( e == null ) e = document.parentWindow.event;
+                var elem = e.target != null ? e.target : e.srcElement;
+                if(elem.tagName.toLowerCase() != "th") {
+                        while(elem.tagName.toLowerCase() != "th") elem = elem.parentNode;
+                };
+                var cnt = 0;
+                while(elem.previousSibling) {
+                        elem = elem.previousSibling;
+                        if(elem.tagName.toLowerCase() == "th") cnt++;
+                };
+                o.firstDayOfWeek = (o.firstDayOfWeek + cnt) % 7;
+                o.updateTableHeaders();
+                return o.killEvent(e);
+        };
+        o.truePosition = function(element) {
+                var pos = o.cumulativeOffset(element);
+                if(window.opera) { return pos; }
+                var iebody      = (document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body;
+                var dsocleft    = document.all ? iebody.scrollLeft : window.pageXOffset;
+                var dsoctop     = document.all ? iebody.scrollTop  : window.pageYOffset;
+                var posReal     = o.realOffset(element);
+                return [pos[0] - posReal[0] + dsocleft, pos[1] - posReal[1] + dsoctop];
+        };
+        o.realOffset = function(element) {
+                var t = 0, l = 0;
+                do {
+                        t += element.scrollTop  || 0;
+                        l += element.scrollLeft || 0;
+                        element = element.parentNode;
+                } while (element);
+                return [l, t];
+        };
+        o.cumulativeOffset = function(element) {
+                var t = 0, l = 0;
+                do {
+                        t += element.offsetTop  || 0;
+                        l += element.offsetLeft || 0;
+                        element = element.offsetParent;
+                } while (element);
+                return [l, t];
+        };
+        o.resize = function() {
+                if(!o.created || !o.getElem()) return;
+                
+                o.div.style.visibility = "hidden";
+                if(!o.staticPos) { o.div.style.left = o.div.style.top = "0px"; }
+                o.div.style.display = "block";
+                
+                var osh = o.div.offsetHeight;
+                var osw = o.div.offsetWidth;
+                
+                o.div.style.visibility = "visible";
+                o.div.style.display = "none";
+                
+                if(!o.staticPos) {
+                        var elem          = document.getElementById('fd-but-' + o.id);
+                        var pos           = o.truePosition(elem);
+                        var trueBody      = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
+                        var scrollTop     = window.devicePixelRatio || window.opera ? 0 : trueBody.scrollTop;
+                        var scrollLeft    = window.devicePixelRatio || window.opera ? 0 : trueBody.scrollLeft;
+
+                        if(parseInt(trueBody.clientWidth+scrollLeft) < parseInt(osw+pos[0])) {
+                                o.div.style.left = Math.abs(parseInt((trueBody.clientWidth+scrollLeft) - osw)) + "px";
+                        } else {
+                                o.div.style.left  = pos[0] + "px";
+                        };
+
+                        if(parseInt(trueBody.clientHeight+scrollTop) < parseInt(osh+pos[1]+elem.offsetHeight+2)) {
+                                o.div.style.top   = Math.abs(parseInt(pos[1] - (osh + 2))) + "px";
+                        } else {
+                                o.div.style.top   = Math.abs(parseInt(pos[1] + elem.offsetHeight + 2)) + "px";
+                        };
+                };
+                /*@cc_on
+                @if(@_jscript_version <= 5.6)
+                if(o.staticPos) return;
+                o.iePopUp.style.top    = o.div.style.top;
+                o.iePopUp.style.left   = o.div.style.left;
+                o.iePopUp.style.width  = osw + "px";
+                o.iePopUp.style.height = (osh - 2) + "px";
+                @end
+                @*/
+        };
+        o.equaliseDates = function() {
+                var clearDayFound = false;
+                var tmpDate;
+                for(var i = o.low; i <= o.high; i++) {
+                        tmpDate = String(i);
+                        if(!o.disableDays[new Date(tmpDate.substr(0,4), tmpDate.substr(6,2), tmpDate.substr(4,2)).getDay() - 1]) {
+                                clearDayFound = true;
+                                break;
+                        };
+                };
+                if(!clearDayFound) o.disableDays = o.defaults.disableDays = [0,0,0,0,0,0,0];
+        };
+        o.outOfRange = function(tmpDate) {
+                if(!o.low && !o.high) return false;
+
+                var level = false;
+                if(!tmpDate) {
+                        level = true;
+                        tmpDate = o.date;
+                };
+                
+                var d  = (tmpDate.getDate() < 10) ? "0" + tmpDate.getDate() : tmpDate.getDate();
+                var m  = ((tmpDate.getMonth() + 1) < 10) ? "0" + (tmpDate.getMonth() + 1) : tmpDate.getMonth() + 1;
+                var y  = tmpDate.getFullYear();
+                var dt = String(y)+String(m)+String(d);
+
+                if(o.low && parseInt(dt) < parseInt(o.low)) {
+                        if(!level) return true;
+                        o.date = new Date(o.low.substr(0,4), o.low.substr(4,2)-1, o.low.substr(6,2), 5, 0, 0);
+                        return false;
+                };
+                if(o.high && parseInt(dt) > parseInt(o.high)) {
+                        if(!level) return true;
+                        o.date = new Date( o.high.substr(0,4), o.high.substr(4,2)-1, o.high.substr(6,2), 5, 0, 0);
+                };
+                return false;
+        };
+        o.createButton = function() {
+                if(o.staticPos) { return; };
+                
+                var but;
+                
+                if(!document.getElementById("fd-but-" + o.id)) {
+                        var inp = o.getElem();
+                        
+                        but = document.createElement('a');
+                        but.href = "#";
+
+                        var span = document.createElement('span');
+                        span.appendChild(document.createTextNode(String.fromCharCode( 160 )));
+
+                        but.className = "date-picker-control";
+                        but.title = (typeof(fdLocale) == "object" && options.locale && fdLocale.titles.length > 5) ? fdLocale.titles[5] : "";
+
+                        but.id = "fd-but-" + o.id;
+                        but.appendChild(span);
+
+                        if(inp.nextSibling) {
+                                inp.parentNode.insertBefore(but, inp.nextSibling);
+                        } else {
+                                inp.parentNode.appendChild(but);
+                        };
+                } else {
+                        but = document.getElementById("fd-but-" + o.id);
+                };
+
+                but.onclick = but.onpress = function(e) {
+                        e = e || window.event;
+                        var inpId = this.id.replace('fd-but-','');
+                        try { var dp = datePickerController.getDatePicker(inpId); } catch(err) { return false; };
+
+                        if(e.type == "press") {
+                                var kc = e.keyCode != null ? e.keyCode : e.charCode;
+                                if(kc != 13) { return true; };
+                                if(dp.visible) {
+                                        hideAll();
+                                        return false;
+                                };
+                        };
+
+                        if(!dp.visible) {
+                                datePickerController.hideAll(inpId);
+                                dp.show();
+                        } else {
+                                datePickerController.hideAll();
+                        };
+                        return false;
+                };
+                but = null;
+        },
+        o.create = function() {
+                
+                function createTH(details) {
+                        var th = document.createElement('th');
+                        if(details.thClassName) th.className = details.thClassName;
+                        if(details.colspan) {
+                                /*@cc_on
+                                /*@if (@_win32)
+                                th.setAttribute('colSpan',details.colspan);
+                                @else @*/
+                                th.setAttribute('colspan',details.colspan);
+                                /*@end
+                                @*/
+                        };
+                        /*@cc_on
+                        /*@if (@_win32)
+                        th.unselectable = "on";
+                        /*@end@*/
+                        return th;
+                };
+                
+                function createThAndButton(tr, obj) {
+                        for(var i = 0, details; details = obj[i]; i++) {
+                                var th = createTH(details);
+                                tr.appendChild(th);
+                                var but = document.createElement('span');
+                                but.className = details.className;
+                                but.id = o.id + details.id;
+                                but.appendChild(document.createTextNode(details.text));
+                                but.title = details.title || "";
+                                if(details.onmousedown) but.onmousedown = details.onmousedown;
+                                if(details.onclick)     but.onclick     = details.onclick;
+                                if(details.onmouseout)  but.onmouseout  = details.onmouseout;
+                                th.appendChild(but);
+                        };
+                };
+                
+                /*@cc_on
+                @if(@_jscript_version <= 5.6)
+                        if(!document.getElementById("iePopUpHack")) {
+                                o.iePopUp = document.createElement('iframe');
+                                o.iePopUp.src = "javascript:'<html></html>';";
+                                o.iePopUp.setAttribute('className','iehack');
+                                o.iePopUp.scrolling="no";
+                                o.iePopUp.frameBorder="0";
+                                o.iePopUp.name = o.iePopUp.id = "iePopUpHack";
+                                document.body.appendChild(o.iePopUp);
+                        } else {
+                                o.iePopUp = document.getElementById("iePopUpHack");
+                        };
+                @end
+                @*/
+                
+                if(typeof(fdLocale) == "object" && o.locale) {
+                        datePicker.titles  = fdLocale.titles;
+                        datePicker.months  = fdLocale.months;
+                        datePicker.fullDay = fdLocale.fullDay;
+                        // Optional parameters
+                        if(fdLocale.dayAbbr) datePicker.dayAbbr = fdLocale.dayAbbr;
+                        if(fdLocale.firstDayOfWeek) o.firstDayOfWeek = o.defaults.firstDayOfWeek = fdLocale.firstDayOfWeek;
+                };
+                
+                o.div = document.createElement('div');
+                o.div.style.zIndex = 9999;
+                o.div.id = "fd-"+o.id;
+                o.div.className = "datePicker";
+                
+                if(!o.staticPos) {
+                        document.getElementsByTagName('body')[0].appendChild(o.div);
+                } else {
+                        elem = o.getElem();
+                        if(!elem) {
+                                o.div = null;
+                                return;
+                        };
+                        o.div.className += " staticDP";
+                        o.div.setAttribute("tabIndex", "0");
+                        o.div.onfocus = o.events.onfocus;
+                        o.div.onblur  = o.events.onblur;
+                        elem.parentNode.insertBefore(o.div, elem.nextSibling);
+                        if(o.hideInput && elem.type && elem.type == "text") elem.setAttribute("type", "hidden");
+                };
+                
+                //var nbsp = String.fromCharCode( 160 );
+                var tr, row, col, tableHead, tableBody;
+
+                o.table = document.createElement('table');
+                o.div.appendChild( o.table );
+                
+                tableHead = document.createElement('thead');
+                o.table.appendChild( tableHead );
+                
+                tr  = document.createElement('tr');
+                tableHead.appendChild(tr);
+
+                // Title Bar
+                o.titleBar = createTH({thClassName:"date-picker-title", colspan:7});
+                tr.appendChild( o.titleBar );
+                tr = null;
+                
+                var span = document.createElement('span');
+                span.className = "month-display";
+                o.titleBar.appendChild(span);
+
+                span = document.createElement('span');
+                span.className = "year-display";
+                o.titleBar.appendChild(span);
+
+                span = null;
+                
+                tr  = document.createElement('tr');
+                tableHead.appendChild(tr);
+
+                createThAndButton(tr, [{className:"prev-but", id:"-prev-year-but", text:"\u00AB", title:datePicker.titles[2], onmousedown:function(e) { o.events.incDec(e,0,-1,0); }, onmouseout:o.events.clearTimer },{className:"prev-but", id:"-prev-month-but", text:"\u2039", title:datePicker.titles[0], onmousedown:function(e) { o.events.incDec(e,0,0,-1); }, onmouseout:o.events.clearTimer },{colspan:3, className:"today-but", id:"-today-but", text:datePicker.titles.length > 4 ? datePicker.titles[4] : "Today", onclick:o.events.gotoToday},{className:"next-but", id:"-next-month-but", text:"\u203A", title:datePicker.titles[1], onmousedown:function(e) { o.events.incDec(e,0,0,1); }, onmouseout:o.events.clearTimer },{className:"next-but", id:"-next-year-but", text:"\u00BB", title:datePicker.titles[3], onmousedown:function(e) { o.events.incDec(e,0,1,0); }, onmouseout:o.events.clearTimer }]);
+
+                tableBody = document.createElement('tbody');
+                o.table.appendChild( tableBody );
+
+                for(var rows = 0; rows < 7; rows++) {
+                        row = document.createElement('tr');
+
+                        if(rows != 0) tableBody.appendChild(row);
+                        else          tableHead.appendChild(row);
+                        
+                        for(var cols = 0; cols < 7; cols++) {
+                                col = (rows == 0) ? document.createElement('th') : document.createElement('td');
+
+                                row.appendChild(col);
+                                if(rows != 0) {
+                                        col.appendChild(document.createTextNode(o.nbsp));
+                                        col.onmouseover = o.events.onmouseover;
+                                        col.onclick = o.events.onclick;
+                                } else {
+                                        col.className = "date-picker-day-header";
+                                        col.scope = "col";
+                                };
+                                col = null;
+                        };
+                        row = null;
+                };
+
+                // Table headers
+                var but;
+                var ths = o.table.getElementsByTagName('thead')[0].getElementsByTagName('tr')[2].getElementsByTagName('th');
+                for ( var y = 0; y < 7; y++ ) {
+                        if(y > 0) {
+                                but = document.createElement("span");
+                                but.className = "fd-day-header";
+                                but.onclick = ths[y].onclick = o.setFirstDayOfWeek;
+                                but.appendChild(document.createTextNode(o.nbsp));
+                                ths[y].appendChild(but);
+                                but = null;
+                        } else {
+                                ths[y].appendChild(document.createTextNode(o.nbsp));
+                        };
+                };
+                
+                o.ths = o.table.getElementsByTagName('thead')[0].getElementsByTagName('tr')[2].getElementsByTagName('th');
+                o.trs = o.table.getElementsByTagName('tbody')[0].getElementsByTagName('tr');
+                
+                o.updateTableHeaders();
+                
+                tableBody = tableHead = tr = createThAndButton = createTH = null;
+
+                if(o.low && o.high && (o.high - o.low < 7)) { o.equaliseDates(); };
+                
+                o.created = true;
+                
+                if(o.staticPos) {
+                        var yyN = document.getElementById(o.id);
+                        datePickerController.addEvent(yyN, "change", o.changeHandler);
+                        if(o.splitDate) {
+                                var mmN = document.getElementById(o.id+'-mm');
+                                var ddN = document.getElementById(o.id+'-dd');
+                                datePickerController.addEvent(mmN, "change", o.changeHandler);
+                                datePickerController.addEvent(ddN, "change", o.changeHandler);
+                        };
+                        
+                        o.show();
+                } else {
+                        o.createButton();
+                        o.resize();
+                        o.fade();
+                };
+        };
+        o.changeHandler = function() {
+                o.setDateFromInput();
+                o.updateTable();
+        };
+        o.setDateFromInput = function() {
+                function m2c(val) {
+                        return String(val).length < 2 ? "00".substring(0, 2 - String(val).length) + String(val) : val;
+                };
+
+                o.dateSet = null;
+                
+                var elem = o.getElem();
+                if(!elem) return;
+
+                if(!o.splitDate) {
+                        var date = datePickerController.dateFormat(elem.value, o.format.search(/m-d-y/i) != -1);
+                } else {
+                        var mmN = document.getElementById(o.id+'-mm');
+                        var ddN = document.getElementById(o.id+'-dd');
+                        var tm = parseInt(mmN.tagName.toLowerCase() == "input"  ? mmN.value  : mmN.options[mmN.selectedIndex].value, 10);
+                        var td = parseInt(ddN.tagName.toLowerCase() == "input"  ? ddN.value  : ddN.options[ddN.selectedIndex].value, 10);
+                        var ty = parseInt(elem.tagName.toLowerCase() == "input" ? elem.value : elem.options[elem.selectedIndex || 0].value, 10);
+                        var date = datePickerController.dateFormat(tm + "/" + td + "/" + ty, true);
+                };
+
+                var badDate = false;
+                if(!date) {
+                        badDate = true;
+                        date = String(new Date().getFullYear()) + m2c(new Date().getMonth()+1) + m2c(new Date().getDate());
+                };
+
+                var d,m,y;
+                y = Number(date.substr(0, 4));
+                m = Number(date.substr(4, 2)) - 1;
+                d = Number(date.substr(6, 2));
+
+                var dpm = datePicker.getDaysPerMonth(m, y);
+                if(d > dpm) d = dpm;
+
+                if(new Date(y, m, d) == 'Invalid Date' || new Date(y, m, d) == 'NaN') {
+                        badDate = true;
+                        o.date = new Date();
+                        o.date.setHours(5);
+                        return;
+                };
+
+                o.date = new Date(y, m, d);
+                o.date.setHours(5);
+
+                if(!badDate) o.dateSet = new Date(o.date);
+                m2c = null;
+        };
+        o.setSelectIndex = function(elem, indx) {
+                var len = elem.options.length;
+                indx = Number(indx);
+                for(var opt = 0; opt < len; opt++) {
+                        if(elem.options[opt].value == indx) {
+                                elem.selectedIndex = opt;
+                                return;
+                        };
+                };
+        },
+        o.returnFormattedDate = function() {
+
+                var elem = o.getElem();
+                if(!elem) return;
+                
+                var d                   = (o.date.getDate() < 10) ? "0" + o.date.getDate() : o.date.getDate();
+                var m                   = ((o.date.getMonth() + 1) < 10) ? "0" + (o.date.getMonth() + 1) : o.date.getMonth() + 1;
+                var yyyy                = o.date.getFullYear();
+                var disabledDates       = o.getDisabledDates(yyyy, m);
+                var weekDay             = ( o.date.getDay() + 6 ) % 7;
+
+                if(!(o.disableDays[weekDay] || String(yyyy)+m+d in disabledDates)) {
+
+                        if(o.splitDate) {
+                                var ddE = document.getElementById(o.id+"-dd");
+                                var mmE = document.getElementById(o.id+"-mm");
+
+                                if(ddE.tagName.toLowerCase() == "input") { ddE.value = d; }
+                                else { o.setSelectIndex(ddE, d); /*ddE.selectedIndex = d - 1;*/ };
+                                
+                                if(mmE.tagName.toLowerCase() == "input") { mmE.value = m; }
+                                else { o.setSelectIndex(mmE, m); /*mmE.selectedIndex = m - 1;*/ };
+                                
+                                if(elem.tagName.toLowerCase() == "input") elem.value = yyyy;
+                                else {
+                                        o.setSelectIndex(elem, yyyy); /*
+                                        for(var opt = 0; opt < elem.options.length; opt++) {
+                                                if(elem.options[opt].value == yyyy) {
+                                                        elem.selectedIndex = opt;
+                                                        break;
+                                                };
+                                        };
+                                        */
+                                };
+                        } else {
+                                elem.value = o.format.replace('y',yyyy).replace('m',m).replace('d',d).replace(/-/g,o.divider);
+                        };
+                        if(!elem.type || elem.type && elem.type != "hidden"){ elem.focus(); }
+                        if(o.staticPos) {
+                                o.dateSet = new Date( o.date );
+                                o.updateTable();
+                        };
+                        
+                        // Programmatically fire the onchange event
+                        if(document.createEvent) {
+                                var onchangeEvent = document.createEvent('HTMLEvents');
+                                onchangeEvent.initEvent('change', true, false);
+                                elem.dispatchEvent(onchangeEvent);
+                        } else if(document.createEventObject) {
+                                elem.fireEvent('onchange');
+                        };
+                };
+        };
+        o.disableTodayButton = function() {
+                var today = new Date();
+                document.getElementById(o.id + "-today-but").className = document.getElementById(o.id + "-today-but").className.replace("fd-disabled", "");
+                if(o.outOfRange(today) || (o.date.getDate() == today.getDate() && o.date.getMonth() == today.getMonth() && o.date.getFullYear() == today.getFullYear())) {
+                        document.getElementById(o.id + "-today-but").className += " fd-disabled";
+                        document.getElementById(o.id + "-today-but").onclick = null;
+                } else {
+                        document.getElementById(o.id + "-today-but").onclick = o.events.gotoToday;
+                };
+        };
+        o.updateTableHeaders = function() {
+                var d, but;
+                var ths = o.ths;
+                for ( var y = 0; y < 7; y++ ) {
+                        d = (o.firstDayOfWeek + y) % 7;
+                        ths[y].title = datePicker.fullDay[d];
+
+                        if(y > 0) {
+                                but = ths[y].getElementsByTagName("span")[0];
+                                but.removeChild(but.firstChild);
+                                but.appendChild(document.createTextNode(datePicker.dayAbbr ? datePicker.dayAbbr[d] : datePicker.fullDay[d].charAt(0)));
+                                but.title = datePicker.fullDay[d];
+                                but = null;
+                        } else {
+                                ths[y].removeChild(ths[y].firstChild);
+                                ths[y].appendChild(document.createTextNode(datePicker.dayAbbr ? datePicker.dayAbbr[d] : datePicker.fullDay[d].charAt(0)));
+                        };
+                };
+                o.updateTable();
+        };
+
+        o.updateTable = function(noCallback) {
+
+                if(o.timerSet) {
+                        var d = new Date(o.date);
+                        d.setDate( Math.min(d.getDate()+o.dayInc, datePicker.getDaysPerMonth(d.getMonth()+o.monthInc,d.getFullYear()+o.yearInc)) );
+                        d.setMonth( d.getMonth() + o.monthInc );
+                        d.setFullYear( d.getFullYear() + o.yearInc );
+                        o.date = d;
+                };
+                
+                if(!noCallback && "onupdate" in datePickerController && typeof(datePickerController.onupdate) == "function") datePickerController.onupdate(o);
+
+                o.outOfRange();
+                o.disableTodayButton();
+                
+                // Set the tmpDate to the second day of this month (to avoid daylight savings time madness on Windows)
+                var tmpDate = new Date( o.date.getFullYear(), o.date.getMonth(), 2 );
+                tmpDate.setHours(5);
+
+                var tdm = tmpDate.getMonth();
+                var tdy = tmpDate.getFullYear();
+
+                // Do the disableDates for this year and month
+                var disabledDates = o.getDisabledDates(o.date.getFullYear(), o.date.getMonth() + 1);
+
+                var today = new Date();
+
+                // Previous buttons out of range
+                var b = document.getElementById(o.id + "-prev-year-but");
+                b.className = b.className.replace("fd-disabled", "");
+                if(o.outOfRange(new Date((tdy - 1), Number(tdm), datePicker.getDaysPerMonth(Number(tdm), tdy-1)))) {
+                        b.className += " fd-disabled";
+                        if(o.yearInc == -1) o.stopTimer();
+                };
+
+                b = document.getElementById(o.id + "-prev-month-but")
+                b.className = b.className.replace("fd-disabled", "");
+                if(o.outOfRange(new Date(tdy, (Number(tdm) - 1), datePicker.getDaysPerMonth(Number(tdm)-1, tdy)))) {
+                        b.className += " fd-disabled";
+                        if(o.monthInc == -1)  o.stopTimer();
+                };
+
+                // Next buttons out of range
+                b= document.getElementById(o.id + "-next-year-but")
+                b.className = b.className.replace("fd-disabled", "");
+                if(o.outOfRange(new Date((tdy + 1), Number(tdm), 1))) {
+                        b.className += " fd-disabled";
+                        if(o.yearInc == 1)  o.stopTimer();
+                };
+
+                b = document.getElementById(o.id + "-next-month-but")
+                b.className = b.className.replace("fd-disabled", "");
+                if(o.outOfRange(new Date(tdy, Number(tdm) + 1, 1))) {
+                        b.className += " fd-disabled";
+                        if(o.monthInc == 1)  o.stopTimer();
+                };
+
+                b = null;
+                
+                var cd = o.date.getDate();
+                var cm = o.date.getMonth();
+                var cy = o.date.getFullYear();
+                
+                // Title Bar
+                var span = o.titleBar.getElementsByTagName("span");
+                while(span[0].firstChild) span[0].removeChild(span[0].firstChild);
+                while(span[1].firstChild) span[1].removeChild(span[1].firstChild);
+                span[0].appendChild(document.createTextNode(datePicker.months[cm] + o.nbsp));
+                span[1].appendChild(document.createTextNode(cy));
+
+                tmpDate.setDate( 1 );
+                        
+                var dt, cName, td, tds, i;
+                var weekDay = ( tmpDate.getDay() + 6 ) % 7;
+                var firstColIndex = (( (weekDay - o.firstDayOfWeek) + 7 ) % 7) - 1;
+                var dpm = datePicker.getDaysPerMonth(cm, cy);
+
+                var todayD = today.getDate();
+                var todayM = today.getMonth();
+                var todayY = today.getFullYear();
+                
+                var c = "class";
+                /*@cc_on
+                @if(@_win32)
+                c = "className";
+                @end
+                @*/
+
+                var stub = String(tdy) + (String(tdm+1).length < 2 ? "0" + (tdm+1) : tdm+1);
+                
+                for(var row = 0; row < 6; row++) {
+
+                        tds = o.trs[row].getElementsByTagName('td');
+
+                        for(var col = 0; col < 7; col++) {
+                        
+                                td = tds[col];
+                                td.removeChild(td.firstChild);
+
+                                td.setAttribute("id", "");
+                                td.setAttribute("title", "");
+
+                                i = (row * 7) + col;
+                        
+                                if(i > firstColIndex && i <= (firstColIndex + dpm)) {
+                                        dt = i - firstColIndex;
+
+                                        tmpDate.setDate(dt);
+                                        td.appendChild(document.createTextNode(dt));
+                                        
+                                        if(o.outOfRange(tmpDate)) {
+                                                td.setAttribute(c, "out-of-range");
+                                        } else {
+
+                                                cName = [];
+                                                weekDay = ( tmpDate.getDay() + 6 ) % 7;
+
+                                                if(dt == todayD && tdm == todayM && tdy == todayY) {
+                                                        cName.push("date-picker-today");
+                                                };
+
+                                                if(o.dateSet != null && o.dateSet.getDate() == dt && o.dateSet.getMonth() == tdm && o.dateSet.getFullYear() == tdy) {
+                                                        cName.push("date-picker-selected-date");
+                                                };
+                                                
+                                                if(o.disableDays[weekDay] || stub + String(dt < 10 ? "0" + dt : dt) in disabledDates) {
+                                                        cName.push("day-disabled");
+                                                } else if(o.highlightDays[weekDay]) {
+                                                        cName.push("date-picker-highlight");
+                                                };
+                                                
+                                                if(cd == dt) {
+                                                        td.setAttribute("id", o.id + "-date-picker-hover");
+                                                        cName.push("date-picker-hover");
+                                                };
+                                                
+                                                cName.push("dm-" + dt + '-' + (tdm + 1) + " " + " dmy-" + dt + '-' + (tdm + 1) + '-' + tdy);
+                                                td.setAttribute(c, cName.join(' '));
+                                                td.setAttribute("title", datePicker.months[cm] + o.nbsp + dt + "," + o.nbsp + cy);
+                                        };
+                                } else {
+                                        td.appendChild(document.createTextNode(o.nbsp));
+                                        td.setAttribute(c, "date-picker-unused");
+                                };
+                        };
+                };
+
+                if(o.timerSet) {
+                        o.timerInc = 50 + Math.round(((o.timerInc - 50) / 1.8));
+                        o.timer = window.setTimeout(o.updateTable, o.timerInc);
+                };
+        };
+        o.addKeyboardEvents = function() {
+                datePickerController.addEvent(document, "keypress", o.events.onkeydown);
+                /*@cc_on
+                @if(@_win32)
+                datePickerController.removeEvent(document, "keypress", o.events.onkeydown);
+                datePickerController.addEvent(document, "keydown", o.events.onkeydown);
+                @end
+                @*/
+                if(window.devicePixelRatio) {
+                        datePickerController.removeEvent(document, "keypress", o.events.onkeydown);
+                        datePickerController.addEvent(document, "keydown", o.events.onkeydown);
+                };
+        };
+        o.removeKeyboardEvents =function() {
+                datePickerController.removeEvent(document, "keypress", o.events.onkeydown);
+                datePickerController.removeEvent(document, "keydown",  o.events.onkeydown);
+        };
+        o.show = function() {
+                var elem = o.getElem();
+                if(!elem || o.visible || elem.disabled) return;
+
+                o.reset();
+                o.setDateFromInput();
+                o.updateTable();
+                
+                if(!o.staticPos) o.resize();
+                
+                datePickerController.addEvent(o.staticPos ? o.table : document, "mousedown", o.events.onmousedown);
+
+                if(!o.staticPos) { o.addKeyboardEvents(); };
+                
+                o.opacityTo = o.noTransparency ? 99 : 90;
+                o.div.style.display = "block";
+                /*@cc_on
+                @if(@_jscript_version <= 5.6)
+                if(!o.staticPos) o.iePopUp.style.display = "block";
+                @end
+                @*/
+
+                o.fade();
+                o.visible = true;
+        };
+        o.hide = function() {
+                if(!o.visible) return;
+                o.stopTimer();
+                if(o.staticPos) return;
+                
+                datePickerController.removeEvent(document, "mousedown", o.events.onmousedown);
+                datePickerController.removeEvent(document, "mouseup",  o.events.clearTimer);
+                o.removeKeyboardEvents();
+                
+                /*@cc_on
+                @if(@_jscript_version <= 5.6)
+                o.iePopUp.style.display = "none";
+                @end
+                @*/
+                
+                o.opacityTo = 0;
+                o.fade();
+                o.visible = false;
+                var elem = o.getElem();
+                if(!elem.type || elem.type && elem.type != "hidden") { elem.focus(); };
+        };
+        o.destroy = function() {
+                // Cleanup for Internet Explorer
+                datePickerController.removeEvent(o.staticPos ? o.table : document, "mousedown", o.events.onmousedown);
+                datePickerController.removeEvent(document, "mouseup",   o.events.clearTimer);
+                o.removeKeyboardEvents();
+
+                if(o.staticPos) {
+                        var yyN = document.getElementById(o.id);
+                        datePickerController.removeEvent(yyN, "change", o.changeHandler);
+                        if(o.splitDate) {
+                                var mmN = document.getElementById(o.id+'-mm');
+                                var ddN = document.getElementById(o.id+'-dd');
+
+                                datePickerController.removeEvent(mmN, "change", o.changeHandler);
+                                datePickerController.removeEvent(ddN, "change", o.changeHandler);
+                        };
+                        o.div.onfocus = o.div.onblur = null;
+                };
+                
+                var ths = o.table.getElementsByTagName("th");
+                for(var i = 0, th; th = ths[i]; i++) {
+                        th.onmouseover = th.onmouseout = th.onmousedown = th.onclick = null;
+                };
+                
+                var tds = o.table.getElementsByTagName("td");
+                for(var i = 0, td; td = tds[i]; i++) {
+                        td.onmouseover = td.onclick = null;
+                };
+
+                var butts = o.table.getElementsByTagName("span");
+                for(var i = 0, butt; butt = butts[i]; i++) {
+                        butt.onmousedown = butt.onclick = butt.onkeypress = null;
+                };
+                
+                o.ths = o.trs = null;
+                
+                clearTimeout(o.fadeTimer);
+                clearTimeout(o.timer);
+                o.fadeTimer = o.timer = null;
+                
+                /*@cc_on
+                @if(@_jscript_version <= 5.6)
+                o.iePopUp = null;
+                @end
+                @*/
+                
+                if(!o.staticPos && document.getElementById(o.id.replace(/^fd-/, 'fd-but-'))) {
+                        var butt = document.getElementById(o.id.replace(/^fd-/, 'fd-but-'));
+                        butt.onclick = butt.onpress = null;
+                };
+                
+                if(o.div && o.div.parentNode) {
+                        o.div.parentNode.removeChild(o.div);
+                };
+                
+                o.titleBar = o.table = o.div = null;
+                o = null;
+        };
+        o.create();
+};
+
+datePickerController = function() {
+        var datePickers = {};
+        var uniqueId    = 0;
+        
+        var addEvent = function(obj, type, fn) {
+                if( obj.attachEvent ) {
+                        obj["e"+type+fn] = fn;
+                        obj[type+fn] = function(){obj["e"+type+fn]( window.event );};
+                        obj.attachEvent( "on"+type, obj[type+fn] );
+                } else {
+                        obj.addEventListener( type, fn, true );
+                };
+        };
+        var removeEvent = function(obj, type, fn) {
+                try {
+                        if( obj.detachEvent ) {
+                                obj.detachEvent( "on"+type, obj[type+fn] );
+                                obj[type+fn] = null;
+                        } else {
+                                obj.removeEventListener( type, fn, true );
+                        };
+                } catch(err) {};
+        };
+        var hideAll = function(exception) {
+                var dp;
+                for(dp in datePickers) {
+                        if(!datePickers[dp].created || datePickers[dp].staticPos) continue;
+                        if(exception && exception == datePickers[dp].id) { continue; };
+                        if(document.getElementById(datePickers[dp].id))  { datePickers[dp].hide(); };
+                };
+        };
+        var cleanUp = function() {
+                var dp;
+                for(dp in datePickers) {
+                        if(!document.getElementById(datePickers[dp].id)) {
+                                if(!datePickers[dp].created) continue;
+                                datePickers[dp].destroy();
+                                datePickers[dp] = null;
+                                delete datePickers[dp];
+                        };
+                };
+        };
+        var destroy = function() {
+                for(dp in datePickers) {
+                        if(!datePickers[dp].created) continue;
+                        datePickers[dp].destroy();
+                        datePickers[dp] = null;
+                        delete datePickers[dp];
+                };
+                datePickers = null;
+                /*@cc_on
+                @if(@_jscript_version <= 5.6)
+                        if(document.getElementById("iePopUpHack")) {
+                                document.body.removeChild(document.getElementById("iePopUpHack"));
+                        };
+                @end
+                @*/
+                datePicker.script = null;
+                removeEvent(window, 'load', datePickerController.create);
+                removeEvent(window, 'unload', datePickerController.destroy);
+        };
+        var dateFormat = function(dateIn, favourMDY) {
+                var dateTest = [
+                        { regExp:/^(0?[1-9]|[12][0-9]|3[01])([- \/.])(0?[1-9]|1[012])([- \/.])((\d\d)?\d\d)$/, d:1, m:3, y:5 },  // dmy
+                        { regExp:/^(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])([- \/.])((\d\d)?\d\d)$/, d:3, m:1, y:5 },  // mdy
+                        { regExp:/^(\d\d\d\d)([- \/.])(0?[1-9]|1[012])([- \/.])(0?[1-9]|[12][0-9]|3[01])$/,    d:5, m:3, y:1 }   // ymd
+                        ];
+
+                var start;
+                var cnt = 0;
+                while(cnt < 3) {
+                        start = (cnt + (favourMDY ? 4 : 3)) % 3;
+                        if(dateIn.match(dateTest[start].regExp)) {
+                                res = dateIn.match(dateTest[start].regExp);
+                                y = res[dateTest[start].y];
+                                m = res[dateTest[start].m];
+                                d = res[dateTest[start].d];
+                                if(m.length == 1) m = "0" + m;
+                                if(d.length == 1) d = "0" + d;
+                                if(y.length != 4) y = (parseInt(y) < 50) ? '20' + y : '19' + y;
+                                return String(y)+m+d;
+                        };
+                        cnt++;
+                };
+                return 0;
+        };
+        var joinNodeLists = function() {
+                if(!arguments.length) { return []; }
+                var nodeList = [];
+                for (var i = 0; i < arguments.length; i++) {
+                        for (var j = 0, item; item = arguments[i][j]; j++) {
+                                nodeList[nodeList.length] = item;
+                        };
+                };
+                return nodeList;
+        };
+        var addDatePicker = function(inpId, options) {
+                if(!(inpId in datePickers)) {
+                        datePickers[inpId] = new datePicker(options);
+                };
+        };
+        var getDatePicker = function(inpId) {
+                if(!(inpId in datePickers)) { throw "No datePicker has been created for the form element with an id of '" + inpId.toString() + "'"; };
+                return datePickers[inpId];
+        };
+        var grepRangeLimits = function(sel) {
+                var range = [];
+                for(var i = 0; i < sel.options.length; i++) {
+                        if(sel.options[i].value.search(/^\d\d\d\d$/) == -1) { continue; };
+                        if(!range[0] || Number(sel.options[i].value) < range[0]) { range[0] = Number(sel.options[i].value); };
+                        if(!range[1] || Number(sel.options[i].value) > range[1]) { range[1] = Number(sel.options[i].value); };
+                };
+                return range;
+        };
+        var create = function(inp) {
+                if(!(typeof document.createElement != "undefined" && typeof document.documentElement != "undefined" && typeof document.documentElement.offsetWidth == "number")) return;
+
+                var inputs  = (inp && inp.tagName) ? [inp] : joinNodeLists(document.getElementsByTagName('input'), document.getElementsByTagName('select'));
+                var regExp1 = /disable-days-([1-7]){1,6}/g;             // the days to disable
+                var regExp2 = /no-transparency/g;                       // do not use transparency effects
+                var regExp3 = /highlight-days-([1-7]){1,7}/g;           // the days to highlight in red
+                var regExp4 = /range-low-(\d\d\d\d-\d\d-\d\d)/g;        // the lowest selectable date
+                var regExp5 = /range-high-(\d\d\d\d-\d\d-\d\d)/g;       // the highest selectable date
+                var regExp6 = /format-(d-m-y|m-d-y|y-m-d)/g;            // the input/output date format
+                var regExp7 = /divider-(dot|slash|space|dash)/g;        // the character used to divide the date
+                var regExp8 = /no-locale/g;                             // do not attempt to detect the browser language
+                var regExp9 = /no-fade/g;                               // always show the datepicker
+                var regExp10 = /hide-input/g;                           // hide the input
+                
+                for(var i=0, inp; inp = inputs[i]; i++) {
+                        if(inp.className && (inp.className.search(regExp6) != -1 || inp.className.search(/split-date/) != -1) && ((inp.tagName.toLowerCase() == "input" && (inp.type == "text" || inp.type == "hidden")) || inp.tagName.toLowerCase() == "select")) {
+
+                                if(inp.id && document.getElementById('fd-'+inp.id)) { continue; };
+                                
+                                if(!inp.id) { inp.id = "fdDatePicker-" + uniqueId++; };
+                                
+                                var options = {
+                                        id:inp.id,
+                                        low:"",
+                                        high:"",
+                                        divider:"/",
+                                        format:"d-m-y",
+                                        highlightDays:[0,0,0,0,0,1,1],
+                                        disableDays:[0,0,0,0,0,0,0],
+                                        locale:inp.className.search(regExp8) == -1,
+                                        splitDate:0,
+                                        noTransparency:inp.className.search(regExp2) != -1,
+                                        staticPos:inp.className.search(regExp9) != -1,
+                                        hideInput:inp.className.search(regExp10) != -1
+                                };
+
+                                if(!options.staticPos) {
+                                        options.hideInput = false;
+                                } else {
+                                        options.noTransparency = true;
+                                };
+                                
+                                // Split the date into three parts ?
+                                if(inp.className.search(/split-date/) != -1) {
+                                        if(document.getElementById(inp.id+'-dd') && document.getElementById(inp.id+'-mm') && document.getElementById(inp.id+'-dd').tagName.search(/input|select/i) != -1 && document.getElementById(inp.id+'-mm').tagName.search(/input|select/i) != -1) {
+                                                options.splitDate = 1;
+                                        };
+                                };
+                                
+                                // Date format(variations of d-m-y)
+                                if(inp.className.search(regExp6) != -1) {
+                                        options.format = inp.className.match(regExp6)[0].replace('format-','');
+                                };
+                                
+                                // What divider to use, a "/", "-", "." or " "
+                                if(inp.className.search(regExp7) != -1) {
+                                        var dividers = { dot:".", space:" ", dash:"-", slash:"/" };
+                                        options.divider = (inp.className.search(regExp7) != -1 && inp.className.match(regExp7)[0].replace('divider-','') in dividers) ? dividers[inp.className.match(regExp7)[0].replace('divider-','')] : "/";
+                                };
+
+                                // The days to highlight
+                                if(inp.className.search(regExp3) != -1) {
+                                        var tmp = inp.className.match(regExp3)[0].replace(/highlight-days-/, '');
+                                        options.highlightDays = [0,0,0,0,0,0,0];
+                                        for(var j = 0; j < tmp.length; j++) {
+                                                options.highlightDays[tmp.charAt(j) - 1] = 1;
+                                        };
+                                };
+
+                                // The days to disable
+                                if(inp.className.search(regExp1) != -1) {
+                                        var tmp = inp.className.match(regExp1)[0].replace(/disable-days-/, '');
+                                        options.disableDays = [0,0,0,0,0,0,0];
+                                        for(var j = 0; j < tmp.length; j++) {
+                                                options.disableDays[tmp.charAt(j) - 1] = 1;
+                                        };
+                                };
+
+                                // The lower limit
+                                if(inp.className.search(/range-low-today/i) != -1) {
+                                        options.low = datePickerController.dateFormat((new Date().getMonth() + 1) + "/" + new Date().getDate() + "/" + new Date().getFullYear(), true);
+                                } else if(inp.className.search(regExp4) != -1) {
+                                        options.low = datePickerController.dateFormat(inp.className.match(regExp4)[0].replace(/range-low-/, ''), false);
+                                        if(!options.low) {
+                                                options.low = '';
+                                        };
+                                };
+
+                                // The higher limit
+                                if(inp.className.search(/range-high-today/i) != -1 && inp.className.search(/range-low-today/i) == -1) {
+                                        options.high = datePickerController.dateFormat((new Date().getMonth() + 1) + "/" + new Date().getDate() + "/" + new Date().getFullYear(), true);
+                                } else if(inp.className.search(regExp5) != -1) {
+                                        options.high = datePickerController.dateFormat(inp.className.match(regExp5)[0].replace(/range-high-/, ''), false);
+                                        if(!options.high) {
+                                                options.high = '';
+                                        };
+                                };
+
+                                // Always round lower & higher limits if a selectList involved
+                                if(inp.tagName.search(/select/i) != -1) {
+                                        var range = grepRangeLimits(inp);
+                                        options.low  = options.low  ? range[0] + String(options.low).substr(4,4)  : datePickerController.dateFormat(range[0] + "/01/01");
+                                        options.high = options.high ? range[1] + String(options.low).substr(4,4)  : datePickerController.dateFormat(range[1] + "/12/31");
+                                };
+
+                                addDatePicker(inp.id, options);
+                        };
+                };
+        }
+        
+        return {
+                addEvent:addEvent,
+                removeEvent:removeEvent,
+                create:create,
+                destroy:destroy,
+                cleanUp:cleanUp,
+                addDatePicker:addDatePicker,
+                getDatePicker:getDatePicker,
+                dateFormat:dateFormat,
+                datePickers:datePickers,
+                hideAll:hideAll
+        };
+}();
+
+})();
+
+datePickerController.addEvent(window, 'load', datePickerController.create);
+datePickerController.addEvent(window, 'unload', datePickerController.destroy);