/* =============================================================================
 PLUGINS.JS
 Client: ANZ
 Author: Tim MacKay - Deloitte Digital
 ========================================================================== */


(function(window, document,  $){
    $.fn.setFieldsEnabled = function() {
        return toggle.call(this, false);
    };

    $.fn.setFieldsDisabled = function() {
        return toggle.call(this, true);
    };

    $.escapeSelector = function(str) {
        if (str === null || str === undefined) {
            return '';
        } else {
            return str.replace(/[!"#$%&'()*+,.\/:;<=>?@[\\\]^`{|}~]/g,'\\$&');
        }
    };

    function toggle(disabledValue) {
        return this.each(function() {
            var $container = $(this);

            var fields = $container.find('input,select,textarea').not('":submit, :reset, :image');
            fields.attr('disabled', disabledValue);
        });
    }
})(window, document,  jQuery);

/**
 * http://jquery.thewikies.com/browser/
 */
(function($){$.browserTest=function(a,z){var u='unknown',x='X',m=function(r,h){for(var i=0;i<h.length;i=i+1){r=r.replace(h[i][0],h[i][1]);}return r;},c=function(i,a,b,c){var r={name:m((a.exec(i)||[u,u])[1],b)};r[r.name]=true;r.version=(c.exec(i)||[x,x,x,x])[3];if(r.name.match(/safari/)&&r.version>400){r.version='2.0';}if(r.name==='presto'){r.version=($.browser.version>9.27)?'futhark':'linear_b';}r.versionNumber=parseFloat(r.version,10)||0;r.versionX=(r.version!==x)?(r.version+'').substr(0,1):x;r.className=r.name+r.versionX;return r;};a=(a.match(/Opera|Navigator|Minefield|KHTML|Chrome/)?m(a,[[/(Firefox|MSIE|KHTML,\slike\sGecko|Konqueror)/,''],['Chrome Safari','Chrome'],['KHTML','Konqueror'],['Minefield','Firefox'],['Navigator','Netscape']]):a).toLowerCase();$.browser=$.extend((!z)?$.browser:{},c(a,/(camino|chrome|firefox|netscape|konqueror|lynx|msie|opera|safari)/,[],/(camino|chrome|firefox|netscape|netscape6|opera|version|konqueror|lynx|msie|safari)(\/|\s)([a-z0-9\.\+]*?)(\;|dev|rel|\s|$)/));$.layout=c(a,/(gecko|konqueror|msie|opera|webkit)/,[['konqueror','khtml'],['msie','trident'],['opera','presto']],/(applewebkit|rv|konqueror|msie)(\:|\/|\s)([a-z0-9\.]*?)(\;|\)|\s)/);$.os={name:(/(win|mac|linux|sunos|solaris|iphone|ipad)/.exec(navigator.platform.toLowerCase())||[u])[0].replace('sunos','solaris')};if(!z){$('html').addClass([$.os.name,$.browser.name,$.browser.className,$.layout.name,$.layout.className].join(' '));}};$.browserTest(navigator.userAgent);})(jQuery);

/**
 * jQuery.accessibleTooltip - Accessible Tooltip Plugin.
 * Copyright (c) 2009-2012 Damian Keeghan - dkeeghan@deloitte.com.au
 * Date: 03/08/2012
 * @author Damian Keeghan
 * @version 1.1
 *
 */

(function($){
    //creates an accessibleTooltip from an A tag
    $.fn.accessibleTooltip = function(options){
        var defaults = {
            speed: 250,
            associateWithLabel: true,
            labelText: function(btn){
                return $(btn).data('label');
            },
            helpPrefix: "Help text for",
            leftOffset: 13,
            topOffset: -10,
            preContent: "",
            buttonStyle: "tooltip-btn",
            tooltipStyle: "tooltip",
            isAbbr: false,
            onShow: function(btn, tooltipDiv){
                $(tooltipDiv).animate({opacity: 1}, 0);
                if($.bgiframe){
                    $(tooltipDiv).bgiframe();
                }
            },
            maxWidth: 350
        };

        var options = $.extend(defaults, options);

        return this.each(function(i, el){
            var aTooltip = $(this),
                label = (options.associateWithLabel) ? options.labelText($(aTooltip)) : "",
                helpText = $(aTooltip).attr("title"),
                tooltipID = 'tooltip_'+i;



            if(helpText==""){
                $(aTooltip).remove();
            } else {
                var tooltip;

                if(options.isAbbr){
                    $(aTooltip).removeAttr('title');
                    tooltip = $(aTooltip);
                } else {
                    var buttonLabel = (typeof($(aTooltip).attr('data-tooltip-label')) == 'string') ? $(aTooltip).attr('data-tooltip-label') : options.helpPrefix+" "+label;

                    $(aTooltip).after("<button type=\"button\" class=\""+options.buttonStyle+"\">"+buttonLabel+"</button>");
                    tooltip = $(aTooltip).parent().find("button."+options.buttonStyle);

                    $(aTooltip).remove();
                }

                $(tooltip).data("isClicked", false);

                var tooltipContent = "<div id=\""+tooltipID+"\" class=\""+options.tooltipStyle+"\" style=\"display: none\">";
                tooltipContent += options.preContent;
                tooltipContent += "<div class=\"content\">";
                tooltipContent += (options.associateWithLabel) ? "<h3 style=\"position: absolute; left: -99999px\">Help for "+label+"</h3>" : "";
                tooltipContent += "<p>"+helpText+"</p>";
                tooltipContent += (options.associateWithLabel) ? "<div style=\"position: absolute; left: -99999px\">End help</div>" : "";
                tooltipContent += "</div>";
                tooltipContent += "</div>";

                $(tooltip).after(tooltipContent);

                var tooltipDiv = $(tooltip).parent().find("div."+options.tooltipStyle);

                $(tooltip).off("click").on("click", function(e){
                    e.preventDefault();

                    if($(tooltip).data("isClicked")==false){
                        $(tooltip).data("isClicked", true);
                        setPosition(tooltip, tooltipDiv);

                        if(options.speed==0){
                            $(tooltipDiv).show();
                            options.onShow($(aTooltip), $(tooltipDiv));
                        } else {
                            $(tooltipDiv).fadeIn(options.speed, function(){
                                options.onShow($(aTooltip), $(tooltipDiv));
                            });
                        }
                    } else {
                        if(options.speed==0){
                            $(tooltipDiv).hide();
                            $(tooltip).data("isClicked", false);
                        } else {
                            $(tooltipDiv).fadeOut(options.speed, function(){
                                $(tooltip).data("isClicked", false);
                            });
                        }
                    }

                    $('body').on('click.accessibleTooltip', function(event) {
                        if (!$(event.target).closest('#'+tooltipID).length) {
                            $(tooltip).trigger('click');
                            $('body').off('click.accessibleTooltip');
                        };
                    });

                    return false;
                });

                $(tooltip).on("focus mouseover", function(){
                    if($(tooltip).data("isClicked")==false){
                        setPosition(tooltip, tooltipDiv);

                        if(options.speed==0){
                            $(tooltipDiv).show();
                            options.onShow($(aTooltip), $(tooltipDiv));
                        } else {
                            $(tooltipDiv).stop().fadeIn(options.speed, function(){
                                options.onShow($(aTooltip), $(tooltipDiv));
                                setPosition(tooltip, tooltipDiv);
                            });
                        }
                    }
                });

                $(tooltip).on("blur mouseout", function(){
                    if($(tooltip).data("isClicked")==false){
                        if(options.speed==0){
                            $(tooltipDiv).hide();
                        } else {
                            $(tooltipDiv).stop().fadeOut(options.speed);
                        }
                    }
                });

                $(window).resize(function(){
                    if($(tooltip).data("isClicked")==true){
                        setPosition(tooltip, tooltipDiv);
                    }
                });
            }
        });

        function setPosition(tooltip, tooltipDiv){
            var tooltipDimensions = {
                    top: $(tooltip).position().top,
                    left: $(tooltip).position().left,
                    width: $(tooltip).width(),
                    height: $(tooltip).height()
                },
                tooltipDivHeight = $(tooltipDiv).height(),
                tooltipDivWidth = $(tooltipDiv).width(),
                $tooltipContent = $(tooltipDiv).find('.content')

            // if ie6/7
            if(typeof document.body.style.maxWidth !== 'undefined'){
                var maxWidth = parseInt($tooltipContent.css('max-width'), 10);
                if(maxWidth>0 && $tooltipContent.width() > maxWidth){
                    $tooltipContent.width(maxWidth);
                }
            }

            //var tooltipDivLeftPos = (tooltipDimensions.left + tooltipDimensions.width + options.leftOffset);
            //var tooltipDivTopPos = tooltipDimensions.top + options.topOffset + $(tooltip).parents(".resultsWindow").scrollTop();

            var tooltipDivLeftPos = (tooltipDimensions.left - tooltipDivWidth/2) + options.leftOffset;
            var tooltipDivTopPos = (tooltipDimensions.top ) - tooltipDivHeight + options.topOffset;

            $(tooltipDiv).css({top: tooltipDivTopPos, left: tooltipDivLeftPos});
        }
    };

    $.fn.resetAccessibleTooltip = function(options){
        var defaults = {
            speed: 250,
            tooltipStyle: "tooltip"
        };

        var options = $.extend(defaults, options);

        return this.each(function(){
            var tooltip = $(this);

            var tooltipDiv = $(tooltip).parent().find("div."+options.tooltipStyle);

            if(options.speed==0){
                $(tooltipDiv).hide();
                $(tooltip).data("isClicked", false);
            } else {
                $(tooltipDiv).fadeOut(options.speed, function(){
                    $(tooltip).data("isClicked", false);
                });
            }
        });
    }
})(jQuery);

/**
 * jQuery.simpleSelect - Simple Select Plugin.
 * Copyright (c) 2009-2012 Damian Keeghan - dkeeghan@deloitte.com.au
 * https://github.com/dkeeghan/jQuery-SimpleSelect
 */

(function($){
    $.simpleSelect = function(el, options){
        var base = this;

        base.$el = $(el);
        base.el = el;

        //if the simpleSelect code hasn't already run
        if(typeof(base.$el.data('simpleSelect')) === 'undefined'){

            base.$el.data('simpleSelect', base);

            base.init = function(){
                // extend options
                base.options = $.extend({}, $.simpleSelect.defaultOptions, options);

                base.$el.wrap('<span class="'+base.options.containerClass+'"></span>').before('<span class="'+base.options.labelClass+'"></span>').css('opacity', 0);

                base.$container = base.$el.closest('.'+base.options.containerClass);
                base.$label = base.$container.find('.'+base.options.labelClass);

                if(base.options.slidingDoors){
                    base.$container.children().wrapAll('<span></span>');
                }

                base.$container.addClass(base.$el.attr('class'));

                //bind keyboard/mouse actions
                base.$el.on('change keyup', function(){
                    base.$el.trigger('updateLabel.simpleSelect');
                }).on('focus', function(){
                        base.$container.addClass(base.options.focusClass);
                    }).on('blur', function(){
                        base.$container.removeClass(base.options.focusClass);
                    }).on('updateLabel.simpleSelect', function(){
                        base.$label.text(base.$el.find('option:selected').text());
                    });

                //do initial label update
                base.$el.trigger('updateLabel.simpleSelect');

            }

            //initialise
            base.init();

        }
    }

    //default options
    $.simpleSelect.defaultOptions = {
        containerClass: 'simpleSelect',
        labelClass: 'simpleLabel',
        focusClass: 'focus',
        slidingDoors: true
    };

    $.fn.simpleSelect = function(options){
        return this.each(function(){
            (new $.simpleSelect(this, options));
        });
    };

})(jQuery);

/*
 * jQuery FormShowHide v0.1
 * https://github.com/dkeeghan/jQuery-FormShowHide 
 */

(function($){
    $.formShowHide = function(el, options){
        var base = this;

        base.$el = $(el);
        base.el = el;

        //if the simpleSelect code hasn't already run
        if(typeof(base.$el.data('formShowHide')) === 'undefined'){
            // extend options
            base.options = $.extend({},$.formShowHide.defaultOptions, options);

            //setup base values
            base.$el.data('formShowHide', base);
            base.nodeType = base.el.nodeName.toUpperCase();
            base.inputType = (base.nodeType === 'INPUT') ? base.$el.attr('type').toUpperCase() : '';
            base.showType = '';
            base.showParams = '';

            //initialisation function
            base.init = function(){

                var events = 'change.formShowHide keyup.formShowHide check.formShowHide initCheck.formShowHide';

                if(base.nodeType === 'SELECT'){
                    base.$el.off('.formShowHide').on(events, base.onChange);
                } else if(base.nodeType === 'OPTION'){
                    base.$el.closest('select').off('.formShowHide').on(events, base.onChange);
                } else if(base.nodeType === 'INPUT'){
                    if(base.inputType === 'RADIO'){
                        var name = base.$el.attr('name');
                        $('input[name='+name+']').off('.formShowHide').on(events, base.onChange);
                    } else if(base.inputType === 'CHECKBOX'){
                        base.$el.off('.formShowHide').on(events, base.onChange);
                    } else if(base.inputType === 'TEXT'){
                        base.showType = base.$el.attr(base.options.show_type_attr);
                        base.showParams = base.$el.attr(base.options.show_params_attr);

                        if(base.showType && base.showParams){
                            base.showParams = base.convertStrToArr(base.showParams, true);
                        }

                        base.$el.off('.formShowHide').on(events, base.onChange);
                    }
                }

                //do initial showhide check on page load
                base.$el.trigger('initCheck.formShowHide');
            }

            //convert the id string from the element into a jQuery object
            base.convertStrToArr = function(str, isParam){
                isParam = (typeof(isParam) === 'boolean' && isParam === true);

                str = str.replace(/ +(?= )/g,'');

                if(str === ''){
                    return [];
                }

                var arr = [];

                if(str.indexOf(' ') === -1){
                    arr.push((isParam) ? str : '#'+str);
                } else {
                    var strs = str.split(' ');

                    $(strs).each(function(i, el){
                        arr.push((isParam) ? el : '#'+el);
                    });
                }

                return (isParam) ? arr : $.fn.formShowHide.utils.unique(arr);
            }

            //check if the show/hide attribute is defined
            base.checkShowDefined = function($el){
                var str = $el.attr(base.options.show_attr);
                return (typeof(str) === 'undefined') ? '' : str;
            }

            base.checkHideDefined = function($el){
                var str = $el.attr(base.options.hide_attr);
                return (typeof(str) === 'undefined') ? '' : str;
            }

            //get the IDs to show that are referenced on the element
            base.idsToShow = function(){
                var id = ''

                if(base.nodeType === 'SELECT' || base.nodeType === 'OPTION'){
                    var $select = (base.nodeType === 'OPTION') ? base.$el.parent() : base.$el;

                    //show_attr should be shown if selected only
                    id = base.checkShowDefined($select.find('option:selected'));

                    //hide_attr should be shown if NOT selected only
                    $select.find('option').each(function(i, el){
                        if(!$(el).attr('selected')){
                            id += ' ' + base.checkHideDefined($(el));
                        }
                    });
                } else if(base.nodeType === 'INPUT'){
                    if(base.inputType === 'RADIO'){
                        var name = base.$el.attr('name');
                        $('input[name='+name+']').each(function(i, el){
                            if($(el).attr('checked')){
                                id = base.checkShowDefined($(el));
                            } else {
                                id += ' ' + base.checkHideDefined($(el));
                            }
                        });
                    } else if(base.inputType === 'CHECKBOX'){
                        if(base.$el.attr('checked')){
                            id += ' ' + base.checkShowDefined(base.$el);
                        } else {
                            id += ' ' + base.checkHideDefined($(el));
                        }
                    } else if(base.inputType === 'TEXT'){
                        if(base.showType && base.showParams){
                            if(typeof($.formShowHide.types[base.showType]) === 'function' && base.showParams.length > 0){
                                if($.formShowHide.types[base.showType](base.el, base.showParams)){
                                    id = base.checkShowDefined(base.$el);
                                }
                            }
                        }
                    }
                }

                if(typeof(id) === 'undefined'){
                    //if there aren't any options provided; ignore;
                    return [];
                }

                return base.convertStrToArr($.fn.formShowHide.utils.trim(id));
            }

            //get the IDs that are related to the element, but should not be shown
            base.idsToHide = function(idsToShow){
                var id = '';

                if(base.nodeType === 'SELECT' || base.nodeType === 'OPTION'){
                    var $select = (base.nodeType === 'OPTION') ? base.$el.parent() : base.$el;

                    //hide_attr should be hidden if selected only
                    id = base.checkHideDefined($select.find('option:selected'));

                    //show_attr should be hidden if NOT selected only
                    $select.find('option').each(function(i, el){
                        if(!$(el).attr('selected')){
                            id += ' ' + base.checkShowDefined($(el));
                        }
                    });
                } else if(base.nodeType === 'INPUT'){
                    if(base.inputType === 'RADIO'){
                        var name = base.$el.attr('name');

                        $('input[name='+name+']').each(function(i, el){
                            if(!$(el).attr('checked')){
                                id += ' ' + base.checkShowDefined($(el));
                            } else {
                                id += ' ' + base.checkHideDefined($(el));
                            }
                        });
                    } else if(base.inputType === 'CHECKBOX'){
                        if(!base.$el.attr('checked')){
                            id += ' ' + base.checkShowDefined($(el));
                        } else {
                            id += ' ' + base.checkHideDefined($(el));
                        }
                    } else if(base.inputType === 'TEXT'){
                        if(base.showType && base.showParams){
                            if(typeof($.formShowHide.types[base.showType]) === 'function' && base.showParams.length > 0){
                                if(!$.formShowHide.types[base.showType](base.el, base.showParams)){
                                    id = base.checkShowDefined(base.$el);
                                }
                            }
                        }
                    }
                }

                var idsToHide = base.convertStrToArr($.fn.formShowHide.utils.trim(id));

                if(idsToShow.length === idsToHide.length && idsToShow.length === 1){
                    return idsToHide;
                }

                $(idsToShow).each(function(i, el){
                    for(var i in idsToHide){
                        if(idsToHide[i] === el){
                            idsToHide.splice(i,1);
                            return;
                        }
                    }
                });

                return idsToHide;
            }

            //on change of select element
            base.onChange = function(event){
                var toShow = base.idsToShow(),
                    toHide = base.idsToHide(toShow);

                if(toShow.length === toHide.length && $.fn.formShowHide.utils.compare(toShow, toHide)){
                    //don't show anything
                } else {
                    $(toShow).each(function(i, el){
                        if(!$(el).is(':visible')){
                            if(event.type === 'initCheck'){
                                base.options.initShow(i, el);
                            } else {
                                base.options.show(i, el);
                            }
                        } else {
                            base.options.showAlreadyVisible(i, el);
                        }
                    });

                }

                $(toHide).each(function(i, el){
                    var afterHide = function(){
                        if($(el).hasClass(base.options.reset_class)){
                            //trigger keyup for validation, trigger check.formShowHide to trigger internal showhide functionality
                            $(el).find('input:text').attr('value', '').trigger('keyup');

                            //reset selectboxes
                            $(el).find('option:selected').attr('selected', false).end().find('option:first-child').attr('selected', true).trigger('check.formShowHide').trigger('keyup');

                            //reset radio/checkboxes
                            $(el).find('input:radio, input:checkbox').attr('checked', false).trigger('check.formShowHide').trigger('keyup');
                        }
                    }

                    if(event.type === 'initCheck'){
                        base.options.initHide(i, el, afterHide);
                    } else {
                        base.options.hide(i, el, afterHide);
                    }
                });
            }

            //initialise
            base.init();

        }
    }

    //showHide types
    $.formShowHide.types = {
        lessThan: function(elem, params){
            var param = (typeof(parseInt(params[0], 10)) === 'number') ? parseInt(params[0], 10) : 0,
                val = ($(elem).val() === '') ? 0 : parseInt($(elem).val(), 10);

            return (val < param);
        }
    }

    //default options
    $.formShowHide.defaultOptions = {
        show: function(i, el, callback){
            $(el).show();

            if(typeof(callback) === 'function'){
                callback();
            }
        },
        hide: function(i, el, callback){
            $(el).hide();

            if(typeof(callback) === 'function'){
                callback();
            }
        },
        initShow: function(i, el, callback){
            $(el).show();

            if(typeof(callback) === 'function'){
                callback();
            }
        },
        initHide: function(i, el, callback){
            $(el).hide();

            if(typeof(callback) === 'function'){
                callback();
            }
        },
        showAlreadyVisible: function(i, el){
            $(el).show();
        },
        show_attr: 'data-show-id',
        show_type_attr: 'data-show-type',
        show_params_attr: 'data-show-params',
        hide_attr: 'data-hide-id',
        reset_class: 'formShowHide_reset'
    };

    $.fn.formShowHide = function(options){
        return this.each(function(){
            (new $.formShowHide(this, options));
        });
    };

    $.fn.formShowHide.utils = {
        unique: function(array){
            var i = 0;

            while (i < array.length){
                for (k = array.length; k > i; k--){
                    if (array[k] === array[i]){
                        array.splice(k,1);
                    }
                }

                i++;
            }

            return array;
        },
        trim: function(string){
            return string.replace(/^\s+/, '').replace(/\s+$/, '');
        },
        compare: function(arr1, arr2) {
            if (arr1.length != arr2.length) { return false; }
            var a = arr1.sort(),
                b = arr2.sort();
            for (var i = 0; arr2[i]; i++) {
                if (a[i] !== b[i]) {
                    return false;
                }
            }
            return true;
        }
    }

})(jQuery);

/*! Copyright (c) 2010 Brandon Aaron (http://brandonaaron.net)
 * Licensed under the MIT License (LICENSE.txt).
 *
 * Version 2.1.3-pre
 */

(function($){

    $.fn.bgiframe = ($.browser.msie && /msie 6\.0/i.test(navigator.userAgent) ? function(s) {
        s = $.extend({
            top     : 'auto', // auto == .currentStyle.borderTopWidth
            left    : 'auto', // auto == .currentStyle.borderLeftWidth
            width   : 'auto', // auto == offsetWidth
            height  : 'auto', // auto == offsetHeight
            opacity : true,
            src     : 'javascript:false;'
        }, s);
        var html = '<iframe class="bgiframe"frameborder="0"tabindex="-1"src="'+s.src+'"'+
            'style="display:block;position:absolute;z-index:-1;'+
            (s.opacity !== false?'filter:Alpha(Opacity=\'0\');':'')+
            'top:'+(s.top=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderTopWidth)||0)*-1)+\'px\')':prop(s.top))+';'+
            'left:'+(s.left=='auto'?'expression(((parseInt(this.parentNode.currentStyle.borderLeftWidth)||0)*-1)+\'px\')':prop(s.left))+';'+
            'width:'+(s.width=='auto'?'expression(this.parentNode.offsetWidth+\'px\')':prop(s.width))+';'+
            'height:'+(s.height=='auto'?'expression(this.parentNode.offsetHeight+\'px\')':prop(s.height))+';'+
            '"/>';
        return this.each(function() {
            if ( $(this).children('iframe.bgiframe').length === 0 )
                this.insertBefore( document.createElement(html), this.firstChild );
        });
    } : function() { return this; });

// old alias
    $.fn.bgIframe = $.fn.bgiframe;

    function prop(n) {
        return n && n.constructor === Number ? n + 'px' : n;
    }

})(jQuery);

/*
 * Date prototype extensions. Doesn't depend on any
 * other code. Doens't overwrite existing methods.
 *
 * Adds dayNames, abbrDayNames, monthNames and abbrMonthNames static properties and isLeapYear,
 * isWeekend, isWeekDay, getDaysInMonth, getDayName, getMonthName, getDayOfYear, getWeekOfYear,
 * setDayOfYear, addYears, addMonths, addDays, addHours, addMinutes, addSeconds methods
 *
 * Copyright (c) 2006 Jörn Zaefferer and Brandon Aaron (brandon.aaron@gmail.com || http://brandonaaron.net)
 *
 * Additional methods and properties added by Kelvin Luck: firstDayOfWeek, dateFormat, zeroTime, asString, fromString -
 * I've added my name to these methods so you know who to blame if they are broken!
 * 
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 *
 */

/**
 * An Array of day names starting with Sunday.
 *
 * @example dayNames[0]
 * @result 'Sunday'
 *
 * @name dayNames
 * @type Array
 * @cat Plugins/Methods/Date
 */
Date.dayNames = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];

/**
 * An Array of abbreviated day names starting with Sun.
 *
 * @example abbrDayNames[0]
 * @result 'Sun'
 *
 * @name abbrDayNames
 * @type Array
 * @cat Plugins/Methods/Date
 */
Date.abbrDayNames = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'];

/**
 * An Array of month names starting with Janurary.
 *
 * @example monthNames[0]
 * @result 'January'
 *
 * @name monthNames
 * @type Array
 * @cat Plugins/Methods/Date
 */
Date.monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];

/**
 * An Array of abbreviated month names starting with Jan.
 *
 * @example abbrMonthNames[0]
 * @result 'Jan'
 *
 * @name monthNames
 * @type Array
 * @cat Plugins/Methods/Date
 */
Date.abbrMonthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];

/**
 * The first day of the week for this locale.
 *
 * @name firstDayOfWeek
 * @type Number
 * @cat Plugins/Methods/Date
 * @author Kelvin Luck
 */
Date.firstDayOfWeek = 1;

/**
 * The format that string dates should be represented as (e.g. 'dd/mm/yyyy' for UK, 'mm/dd/yyyy' for US, 'yyyy-mm-dd' for Unicode etc).
 *
 * @name format
 * @type String
 * @cat Plugins/Methods/Date
 * @author Kelvin Luck
 */
Date.format = 'dd/mm/yyyy';
//Date.format = 'mm/dd/yyyy';
//Date.format = 'yyyy-mm-dd';
//Date.format = 'dd mmm yy';

/**
 * The first two numbers in the century to be used when decoding a two digit year. Since a two digit year is ambiguous (and date.setYear
 * only works with numbers < 99 and so doesn't allow you to set years after 2000) we need to use this to disambiguate the two digit year codes.
 *
 * @name format
 * @type String
 * @cat Plugins/Methods/Date
 * @author Kelvin Luck
 */
Date.fullYearStart = '20';

(function() {

    /**
     * Adds a given method under the given name
     * to the Date prototype if it doesn't
     * currently exist.
     *
     * @private
     */
    function add(name, method) {
        if( !Date.prototype[name] ) {
            Date.prototype[name] = method;
        }
    };

    /**
     * Checks if the year is a leap year.
     *
     * @example var dtm = new Date("01/12/2008");
     * dtm.isLeapYear();
     * @result true
     *
     * @name isLeapYear
     * @type Boolean
     * @cat Plugins/Methods/Date
     */
    add("isLeapYear", function() {
        var y = this.getFullYear();
        return (y%4==0 && y%100!=0) || y%400==0;
    });

    /**
     * Checks if the day is a weekend day (Sat or Sun).
     *
     * @example var dtm = new Date("01/12/2008");
     * dtm.isWeekend();
     * @result false
     *
     * @name isWeekend
     * @type Boolean
     * @cat Plugins/Methods/Date
     */
    add("isWeekend", function() {
        return this.getDay()==0 || this.getDay()==6;
    });

    /**
     * Check if the day is a day of the week (Mon-Fri)
     *
     * @example var dtm = new Date("01/12/2008");
     * dtm.isWeekDay();
     * @result false
     *
     * @name isWeekDay
     * @type Boolean
     * @cat Plugins/Methods/Date
     */
    add("isWeekDay", function() {
        return !this.isWeekend();
    });

    /**
     * Gets the number of days in the month.
     *
     * @example var dtm = new Date("01/12/2008");
     * dtm.getDaysInMonth();
     * @result 31
     *
     * @name getDaysInMonth
     * @type Number
     * @cat Plugins/Methods/Date
     */
    add("getDaysInMonth", function() {
        return [31,(this.isLeapYear() ? 29:28),31,30,31,30,31,31,30,31,30,31][this.getMonth()];
    });

    /**
     * Gets the name of the day.
     *
     * @example var dtm = new Date("01/12/2008");
     * dtm.getDayName();
     * @result 'Saturday'
     *
     * @example var dtm = new Date("01/12/2008");
     * dtm.getDayName(true);
     * @result 'Sat'
     *
     * @param abbreviated Boolean When set to true the name will be abbreviated.
     * @name getDayName
     * @type String
     * @cat Plugins/Methods/Date
     */
    add("getDayName", function(abbreviated) {
        return abbreviated ? Date.abbrDayNames[this.getDay()] : Date.dayNames[this.getDay()];
    });

    /**
     * Gets the name of the month.
     *
     * @example var dtm = new Date("01/12/2008");
     * dtm.getMonthName();
     * @result 'Janurary'
     *
     * @example var dtm = new Date("01/12/2008");
     * dtm.getMonthName(true);
     * @result 'Jan'
     *
     * @param abbreviated Boolean When set to true the name will be abbreviated.
     * @name getDayName
     * @type String
     * @cat Plugins/Methods/Date
     */
    add("getMonthName", function(abbreviated) {
        return abbreviated ? Date.abbrMonthNames[this.getMonth()] : Date.monthNames[this.getMonth()];
    });

    /**
     * Get the number of the day of the year.
     *
     * @example var dtm = new Date("01/12/2008");
     * dtm.getDayOfYear();
     * @result 11
     *
     * @name getDayOfYear
     * @type Number
     * @cat Plugins/Methods/Date
     */
    add("getDayOfYear", function() {
        var tmpdtm = new Date("1/1/" + this.getFullYear());
        return Math.floor((this.getTime() - tmpdtm.getTime()) / 86400000);
    });

    /**
     * Get the number of the week of the year.
     *
     * @example var dtm = new Date("01/12/2008");
     * dtm.getWeekOfYear();
     * @result 2
     *
     * @name getWeekOfYear
     * @type Number
     * @cat Plugins/Methods/Date
     */
    add("getWeekOfYear", function() {
        return Math.ceil(this.getDayOfYear() / 7);
    });

    /**
     * Set the day of the year.
     *
     * @example var dtm = new Date("01/12/2008");
     * dtm.setDayOfYear(1);
     * dtm.toString();
     * @result 'Tue Jan 01 2008 00:00:00'
     *
     * @name setDayOfYear
     * @type Date
     * @cat Plugins/Methods/Date
     */
    add("setDayOfYear", function(day) {
        this.setMonth(0);
        this.setDate(day);
        return this;
    });

    /**
     * Add a number of years to the date object.
     *
     * @example var dtm = new Date("01/12/2008");
     * dtm.addYears(1);
     * dtm.toString();
     * @result 'Mon Jan 12 2009 00:00:00'
     *
     * @name addYears
     * @type Date
     * @cat Plugins/Methods/Date
     */
    add("addYears", function(num) {
        this.setFullYear(this.getFullYear() + num);
        return this;
    });

    /**
     * Add a number of months to the date object.
     *
     * @example var dtm = new Date("01/12/2008");
     * dtm.addMonths(1);
     * dtm.toString();
     * @result 'Tue Feb 12 2008 00:00:00'
     *
     * @name addMonths
     * @type Date
     * @cat Plugins/Methods/Date
     */
    add("addMonths", function(num) {
        var tmpdtm = this.getDate();

        this.setMonth(this.getMonth() + num);

        if (tmpdtm > this.getDate())
            this.addDays(-this.getDate());

        return this;
    });

    /**
     * Add a number of days to the date object.
     *
     * @example var dtm = new Date("01/12/2008");
     * dtm.addDays(1);
     * dtm.toString();
     * @result 'Sun Jan 13 2008 00:00:00'
     *
     * @name addDays
     * @type Date
     * @cat Plugins/Methods/Date
     */
    add("addDays", function(num) {
        //this.setDate(this.getDate() + num);
        this.setTime(this.getTime() + (num*86400000) );
        return this;
    });

    /**
     * Add a number of hours to the date object.
     *
     * @example var dtm = new Date("01/12/2008");
     * dtm.addHours(24);
     * dtm.toString();
     * @result 'Sun Jan 13 2008 00:00:00'
     *
     * @name addHours
     * @type Date
     * @cat Plugins/Methods/Date
     */
    add("addHours", function(num) {
        this.setHours(this.getHours() + num);
        return this;
    });

    /**
     * Add a number of minutes to the date object.
     *
     * @example var dtm = new Date("01/12/2008");
     * dtm.addMinutes(60);
     * dtm.toString();
     * @result 'Sat Jan 12 2008 01:00:00'
     *
     * @name addMinutes
     * @type Date
     * @cat Plugins/Methods/Date
     */
    add("addMinutes", function(num) {
        this.setMinutes(this.getMinutes() + num);
        return this;
    });

    /**
     * Add a number of seconds to the date object.
     *
     * @example var dtm = new Date("01/12/2008");
     * dtm.addSeconds(60);
     * dtm.toString();
     * @result 'Sat Jan 12 2008 00:01:00'
     *
     * @name addSeconds
     * @type Date
     * @cat Plugins/Methods/Date
     */
    add("addSeconds", function(num) {
        this.setSeconds(this.getSeconds() + num);
        return this;
    });

    /**
     * Sets the time component of this Date to zero for cleaner, easier comparison of dates where time is not relevant.
     *
     * @example var dtm = new Date();
     * dtm.zeroTime();
     * dtm.toString();
     * @result 'Sat Jan 12 2008 00:01:00'
     *
     * @name zeroTime
     * @type Date
     * @cat Plugins/Methods/Date
     * @author Kelvin Luck
     */
    add("zeroTime", function() {
        this.setMilliseconds(0);
        this.setSeconds(0);
        this.setMinutes(0);
        this.setHours(0);
        return this;
    });

    /**
     * Returns a string representation of the date object according to Date.format.
     * (Date.toString may be used in other places so I purposefully didn't overwrite it)
     *
     * @example var dtm = new Date("01/12/2008");
     * dtm.asString();
     * @result '12/01/2008' // (where Date.format == 'dd/mm/yyyy'
     *
     * @name asString
     * @type Date
     * @cat Plugins/Methods/Date
     * @author Kelvin Luck
     */
    add("asString", function(format) {
        var r = format || Date.format;
        return r
            .split('yyyy').join(this.getFullYear())
            .split('yy').join((this.getFullYear() + '').substring(2))
            .split('dd').join(_zeroPad(this.getDate()))
            .split('d').join(this.getDate())
            .split('DD').join(this.getDayName(false))
            .split('D').join(this.getDayName(true))
            .split('mmmm').join(this.getMonthName(false))
            .split('mmm').join(this.getMonthName(true))
            .split('mm').join(_zeroPad(this.getMonth()+1))
            .split('hh').join(_zeroPad(this.getHours()))
            .split('min').join(_zeroPad(this.getMinutes()))
            .split('ss').join(_zeroPad(this.getSeconds()));
    });

    /**
     * Returns a new date object created from the passed String according to Date.format or false if the attempt to do this results in an invalid date object
     * (We can't simple use Date.parse as it's not aware of locale and I chose not to overwrite it incase it's functionality is being relied on elsewhere)
     *
     * @example var dtm = Date.fromString("12/01/2008");
     * dtm.toString();
     * @result 'Sat Jan 12 2008 00:00:00' // (where Date.format == 'dd/mm/yyyy'
     *
     * @name fromString
     * @type Date
     * @cat Plugins/Methods/Date
     * @author Kelvin Luck
     */
    Date.fromString = function(s, format)
    {
        var f = format || Date.format,
            d = new Date('01/01/1977'),
            mLength = 0,
            iM, iD, iY,
            i, mStr;

        iM = f.indexOf('mmmm');
        if (iM > -1) {
            for (i=0; i<Date.monthNames.length; i++) {
                mStr = s.substr(iM, Date.monthNames[i].length);
                if (Date.monthNames[i] == mStr) {
                    mLength = Date.monthNames[i].length - 4;
                    break;
                }
            }
            d.setMonth(i);
        } else {
            iM = f.indexOf('mmm');
            if (iM > -1) {
                mStr = s.substr(iM, 3);
                for (i=0; i<Date.abbrMonthNames.length; i++) {
                    if (Date.abbrMonthNames[i] == mStr) break;
                }
                d.setMonth(i);
            } else {
                d.setMonth(Number(s.substr(f.indexOf('mm'), 2)) - 1);
            }
        }

        iY = f.indexOf('yyyy');

        if (iY > -1) {
            if (iM < iY)
            {
                iY += mLength;
            }
            d.setFullYear(Number(s.substr(iY, 4)));
        } else {
            if (iM < iY)
            {
                iY += mLength;
            }
            // TODO - this doesn't work very well - are there any rules for what is meant by a two digit year?
            d.setFullYear(Number(Date.fullYearStart + s.substr(f.indexOf('yy'), 2)));
        }
        iD = f.indexOf('dd');
        if (iM < iD)
        {
            iD += mLength;
        }
        d.setDate(Number(s.substr(iD, 2)));
        if (isNaN(d.getTime())) {
            return false;
        }
        return d;
    };

    // utility method
    var _zeroPad = function(num) {
        var s = '0'+num;
        return s.substring(s.length-2)
        //return ('0'+num).substring(-2); // doesn't work on IE :(
    };

})();

/**
 * Copyright (c) 2008 Kelvin Luck (http://www.kelvinluck.com/)
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 * .
 * $Id$
 **/

(function($){

    $.fn.extend({
        /**
         * Render a calendar table into any matched elements.
         *
         * @param Object s (optional) Customize your calendars.
         * @option Number month The month to render (NOTE that months are zero based). Default is today's month.
         * @option Number year The year to render. Default is today's year.
         * @option Function renderCallback A reference to a function that is called as each cell is rendered and which can add classes and event listeners to the created nodes. Default is no callback.
         * @option Number showHeader Whether or not to show the header row, possible values are: $.dpConst.SHOW_HEADER_NONE (no header), $.dpConst.SHOW_HEADER_SHORT (first letter of each day) and $.dpConst.SHOW_HEADER_LONG (full name of each day). Default is $.dpConst.SHOW_HEADER_SHORT.
         * @option String hoverClass The class to attach to each cell when you hover over it (to allow you to use hover effects in IE6 which doesn't support the :hover pseudo-class on elements other than links). Default is dp-hover. Pass false if you don't want a hover class.
         * @type jQuery
         * @name renderCalendar
         * @cat plugins/datePicker
         * @author Kelvin Luck (http://www.kelvinluck.com/)
         *
         * @example $('#calendar-me').renderCalendar({month:0, year:2007});
         * @desc Renders a calendar displaying January 2007 into the element with an id of calendar-me.
         *
         * @example
         * var testCallback = function($td, thisDate, month, year)
         * {
         * if ($td.is('.current-month') && thisDate.getDay() == 4) {
         *		var d = thisDate.getDate();
         *		$td.on(
         *			'click',
         *			function()
         *			{
         *				alert('You clicked on ' + d + '/' + (Number(month)+1) + '/' + year);
         *			}
         *		).addClass('thursday');
         *	} else if (thisDate.getDay() == 5) {
         *		$td.html('Friday the ' + $td.html() + 'th');
         *	}
         * }
         * $('#calendar-me').renderCalendar({month:0, year:2007, renderCallback:testCallback});
         *
         * @desc Renders a calendar displaying January 2007 into the element with an id of calendar-me. Every Thursday in the current month has a class of "thursday" applied to it, is clickable and shows an alert when clicked. Every Friday on the calendar has the number inside replaced with text.
         **/
        renderCalendar  :   function(s)
        {
            var dc = function(a)
            {
                return document.createElement(a);
            };

            s = $.extend({}, $.fn.datePicker.defaults, s);

            if (s.showHeader != $.dpConst.SHOW_HEADER_NONE) {
                var headRow = $(dc('tr'));
                for (var i=Date.firstDayOfWeek; i<Date.firstDayOfWeek+7; i++) {
                    var weekday = i%7;
                    var day = Date.dayNames[weekday];
                    headRow.append(
                        jQuery(dc('th')).attr({'scope':'col', 'abbr':day, 'title':day, 'class':(weekday == 0 || weekday == 6 ? 'weekend' : 'weekday')}).html(s.showHeader == $.dpConst.SHOW_HEADER_SHORT ? day.substr(0, 1) : day)
                    );
                }
            };

            var calendarTable = $(dc('table'))
                .attr(
                {
                    'cellspacing':2
                }
            )
                .addClass('jCalendar')
                .append(
                (s.showHeader != $.dpConst.SHOW_HEADER_NONE ?
                    $(dc('thead'))
                        .append(headRow)
                    :
                    dc('thead')
                    )
            );
            var tbody = $(dc('tbody'));

            var today = (new Date()).zeroTime();
            today.setHours(12);

            var month = s.month == undefined ? today.getMonth() : s.month;
            var year = s.year || today.getFullYear();

            var currentDate = (new Date(year, month, 1, 12, 0, 0));


            var firstDayOffset = Date.firstDayOfWeek - currentDate.getDay() + 1;
            if (firstDayOffset > 1) firstDayOffset -= 7;
            var weeksToDraw = Math.ceil(( (-1*firstDayOffset+1) + currentDate.getDaysInMonth() ) /7);
            currentDate.addDays(firstDayOffset-1);

            var doHover = function(firstDayInBounds)
            {
                return function()
                {
                    if (s.hoverClass) {
                        var $this = $(this);
                        if (!s.selectWeek) {
                            $this.addClass(s.hoverClass);
                        } else if (firstDayInBounds && !$this.is('.disabled')) {
                            $this.parent().addClass('activeWeekHover');
                        }
                    }
                }
            };
            var unHover = function()
            {
                if (s.hoverClass) {
                    var $this = $(this);
                    $this.removeClass(s.hoverClass);
                    $this.parent().removeClass('activeWeekHover');
                }
            };

            var w = 0;
            while (w++<weeksToDraw) {
                var r = jQuery(dc('tr'));
                var firstDayInBounds = s.dpController ? currentDate > s.dpController.startDate : false;
                for (var i=0; i<7; i++) {
                    var thisMonth = currentDate.getMonth() == month;
                    var d = $(dc('td'))
                            .text(currentDate.getDate() + '')
                            .addClass((thisMonth ? 'current-month ' : 'other-month ') +
                            (currentDate.isWeekend() ? 'weekend ' : 'weekday ') +
                            (thisMonth && currentDate.getTime() == today.getTime() ? 'today ' : '')
                        )
                            .data('datePickerDate', currentDate.asString())
                            .hover(doHover(firstDayInBounds), unHover)
                        ;
                    r.append(d);
                    if (s.renderCallback) {
                        s.renderCallback(d, currentDate, month, year);
                    }
                    // addDays(1) fails in some locales due to daylight savings. See issue 39.
                    //currentDate.addDays(1);
                    // set the time to midday to avoid any weird timezone issues??
                    currentDate = new Date(currentDate.getFullYear(), currentDate.getMonth(), currentDate.getDate()+1, 12, 0, 0);
                }
                tbody.append(r);
            }
            calendarTable.append(tbody);

            return this.each(
                function()
                {
                    $(this).empty().append(calendarTable);
                }
            );
        },
        /**
         * Create a datePicker associated with each of the matched elements.
         *
         * The matched element will receive a few custom events with the following signatures:
         *
         * dateSelected(event, date, $td, status)
         * Triggered when a date is selected. event is a reference to the event, date is the Date selected, $td is a jquery object wrapped around the TD that was clicked on and status is whether the date was selected (true) or deselected (false)
         *
         * dpClosed(event, selected)
         * Triggered when the date picker is closed. event is a reference to the event and selected is an Array containing Date objects.
         *
         * dpMonthChanged(event, displayedMonth, displayedYear)
         * Triggered when the month of the popped up calendar is changed. event is a reference to the event, displayedMonth is the number of the month now displayed (zero based) and displayedYear is the year of the month.
         *
         * dpDisplayed(event, $datePickerDiv)
         * Triggered when the date picker is created. $datePickerDiv is the div containing the date picker. Use this event to add custom content/ listeners to the popped up date picker.
         *
         * @param Object s (optional) Customize your date pickers.
         * @option Number month The month to render when the date picker is opened (NOTE that months are zero based). Default is today's month.
         * @option Number year The year to render when the date picker is opened. Default is today's year.
         * @option String|Date startDate The first date date can be selected.
         * @option String|Date endDate The last date that can be selected.
         * @option Boolean inline Whether to create the datePicker as inline (e.g. always on the page) or as a model popup. Default is false (== modal popup)
         * @option Boolean createButton Whether to create a .dp-choose-date anchor directly after the matched element which when clicked will trigger the showing of the date picker. Default is true.
         * @option Boolean showYearNavigation Whether to display buttons which allow the user to navigate through the months a year at a time. Default is true.
         * @option Boolean closeOnSelect Whether to close the date picker when a date is selected. Default is true.
         * @option Boolean displayClose Whether to create a "Close" button within the date picker popup. Default is false.
         * @option Boolean selectMultiple Whether a user should be able to select multiple dates with this date picker. Default is false.
         * @option Number numSelectable The maximum number of dates that can be selected where selectMultiple is true. Default is a very high number.
         * @option Boolean clickInput If the matched element is an input type="text" and this option is true then clicking on the input will cause the date picker to appear.
         * @option Boolean rememberViewedMonth Whether the datePicker should remember the last viewed month and open on it. If false then the date picker will always open with the month for the first selected date visible.
         * @option Boolean selectWeek Whether to select a complete week at a time...
         * @option Number verticalPosition The vertical alignment of the popped up date picker to the matched element. One of $.dpConst.POS_TOP and $.dpConst.POS_BOTTOM. Default is $.dpConst.POS_TOP.
         * @option Number horizontalPosition The horizontal alignment of the popped up date picker to the matched element. One of $.dpConst.POS_LEFT and $.dpConst.POS_RIGHT.
         * @option Number verticalOffset The number of pixels offset from the defined verticalPosition of this date picker that it should pop up in. Default in 0.
         * @option Number horizontalOffset The number of pixels offset from the defined horizontalPosition of this date picker that it should pop up in. Default in 0.
         * @option (Function|Array) renderCallback A reference to a function (or an array of separate functions) that is called as each cell is rendered and which can add classes and event listeners to the created nodes. Each callback function will receive four arguments; a jquery object wrapping the created TD, a Date object containing the date this TD represents, a number giving the currently rendered month and a number giving the currently rendered year. Default is no callback.
         * @option String hoverClass The class to attach to each cell when you hover over it (to allow you to use hover effects in IE6 which doesn't support the :hover pseudo-class on elements other than links). Default is dp-hover. Pass false if you don't want a hover class.
         * @option String autoFocusNextInput Whether focus should be passed onto the next input in the form (true) or remain on this input (false) when a date is selected and the calendar closes
         * @type jQuery
         * @name datePicker
         * @cat plugins/datePicker
         * @author Kelvin Luck (http://www.kelvinluck.com/)
         *
         * @example $('input.date-picker').datePicker();
         * @desc Creates a date picker button next to all matched input elements. When the button is clicked on the value of the selected date will be placed in the corresponding input (formatted according to Date.format).
         *
         * @example demo/index.html
         * @desc See the projects homepage for many more complex examples...
         **/
        datePicker : function(s)
        {
            if (!$.event._dpCache) $.event._dpCache = [];

            // initialise the date picker controller with the relevant settings...
            s = $.extend({}, $.fn.datePicker.defaults, s);

            return this.each(
                function()
                {
                    var $this = $(this);
                    var alreadyExists = true;

                    if (!this._dpId) {
                        this._dpId = $.guid++;
                        $.event._dpCache[this._dpId] = new DatePicker(this);
                        alreadyExists = false;
                    }

                    if (s.inline) {
                        s.createButton = false;
                        s.displayClose = false;
                        s.closeOnSelect = false;
                        $this.empty();
                    }

                    var controller = $.event._dpCache[this._dpId];

                    controller.init(s);

                    if (!alreadyExists && s.createButton) {
                        // create it!
                        controller.button = $('<a href="#" class="dp-choose-date" title="' + $.dpText.TEXT_CHOOSE_DATE + '">' + $.dpText.TEXT_CHOOSE_DATE + '</a>')
                            .on(
                            'click',
                            function()
                            {
                                $this.dpDisplay(this);
                                this.blur();
                                return false;
                            }
                        );
                        $this.after(controller.button);
                    }

                    if (!alreadyExists && $this.is(':text')) {
                        $this
                            .on(
                            'dateSelected',
                            function(e, selectedDate, $td)
                            {
                                this.value = selectedDate.asString();
                            }
                        ).on(
                            'change',
                            function()
                            {
                                if (this.value == '') {
                                    controller.clearSelected();
                                } else {
                                    var d = Date.fromString(this.value);
                                    if (d) {
                                        controller.setSelected(d, true, true);
                                    }
                                }
                            }
                        );
                        if (s.clickInput) {
                            $this.on(
                                'click',
                                function()
                                {
                                    // The change event doesn't happen until the input loses focus so we need to manually trigger it...
                                    $this.trigger('change');
                                    $this.dpDisplay();
                                }
                            );
                        }
                        var d = Date.fromString(this.value);
                        if (this.value != '' && d) {
                            controller.setSelected(d, true, true);
                        }
                    }

                    $this.addClass('dp-applied');

                }
            )
        },
        /**
         * Disables or enables this date picker
         *
         * @param Boolean s Whether to disable (true) or enable (false) this datePicker
         * @type jQuery
         * @name dpSetDisabled
         * @cat plugins/datePicker
         * @author Kelvin Luck (http://www.kelvinluck.com/)
         *
         * @example $('.date-picker').datePicker();
         * $('.date-picker').dpSetDisabled(true);
         * @desc Prevents this date picker from displaying and adds a class of dp-disabled to it (and it's associated button if it has one) for styling purposes. If the matched element is an input field then it will also set the disabled attribute to stop people directly editing the field.
         **/
        dpSetDisabled : function(s)
        {
            return _w.call(this, 'setDisabled', s);
        },
        /**
         * Updates the first selectable date for any date pickers on any matched elements.
         *
         * @param String|Date d A Date object or string representing the first selectable date (formatted according to Date.format).
         * @type jQuery
         * @name dpSetStartDate
         * @cat plugins/datePicker
         * @author Kelvin Luck (http://www.kelvinluck.com/)
         *
         * @example $('.date-picker').datePicker();
         * $('.date-picker').dpSetStartDate('01/01/2000');
         * @desc Creates a date picker associated with all elements with a class of "date-picker" then sets the first selectable date for each of these to the first day of the millenium.
         **/
        dpSetStartDate : function(d)
        {
            return _w.call(this, 'setStartDate', d);
        },
        /**
         * Updates the last selectable date for any date pickers on any matched elements.
         *
         * @param String|Date d A Date object or string representing the last selectable date (formatted according to Date.format).
         * @type jQuery
         * @name dpSetEndDate
         * @cat plugins/datePicker
         * @author Kelvin Luck (http://www.kelvinluck.com/)
         *
         * @example $('.date-picker').datePicker();
         * $('.date-picker').dpSetEndDate('01/01/2010');
         * @desc Creates a date picker associated with all elements with a class of "date-picker" then sets the last selectable date for each of these to the first Janurary 2010.
         **/
        dpSetEndDate : function(d)
        {
            return _w.call(this, 'setEndDate', d);
        },
        /**
         * Gets a list of Dates currently selected by this datePicker. This will be an empty array if no dates are currently selected or NULL if there is no datePicker associated with the matched element.
         *
         * @type Array
         * @name dpGetSelected
         * @cat plugins/datePicker
         * @author Kelvin Luck (http://www.kelvinluck.com/)
         *
         * @example $('.date-picker').datePicker();
         * alert($('.date-picker').dpGetSelected());
         * @desc Will alert an empty array (as nothing is selected yet)
         **/
        dpGetSelected : function()
        {
            var c = _getController(this[0]);
            if (c) {
                return c.getSelected();
            }
            return null;
        },
        /**
         * Selects or deselects a date on any matched element's date pickers. Deselcting is only useful on date pickers where selectMultiple==true. Selecting will only work if the passed date is within the startDate and endDate boundries for a given date picker.
         *
         * @param String|Date d A Date object or string representing the date you want to select (formatted according to Date.format).
         * @param Boolean v Whether you want to select (true) or deselect (false) this date. Optional - default = true.
         * @param Boolean m Whether you want the date picker to open up on the month of this date when it is next opened. Optional - default = true.
         * @param Boolean e Whether you want the date picker to dispatch events related to this change of selection. Optional - default = true.
         * @type jQuery
         * @name dpSetSelected
         * @cat plugins/datePicker
         * @author Kelvin Luck (http://www.kelvinluck.com/)
         *
         * @example $('.date-picker').datePicker();
         * $('.date-picker').dpSetSelected('01/01/2010');
         * @desc Creates a date picker associated with all elements with a class of "date-picker" then sets the selected date on these date pickers to the first Janurary 2010. When the date picker is next opened it will display Janurary 2010.
         **/
        dpSetSelected : function(d, v, m, e)
        {
            if (v == undefined) v=true;
            if (m == undefined) m=true;
            if (e == undefined) e=true;
            return _w.call(this, 'setSelected', Date.fromString(d), v, m, e);
        },
        /**
         * Sets the month that will be displayed when the date picker is next opened. If the passed month is before startDate then the month containing startDate will be displayed instead. If the passed month is after endDate then the month containing the endDate will be displayed instead.
         *
         * @param Number m The month you want the date picker to display. Optional - defaults to the currently displayed month.
         * @param Number y The year you want the date picker to display. Optional - defaults to the currently displayed year.
         * @type jQuery
         * @name dpSetDisplayedMonth
         * @cat plugins/datePicker
         * @author Kelvin Luck (http://www.kelvinluck.com/)
         *
         * @example $('.date-picker').datePicker();
         * $('.date-picker').dpSetDisplayedMonth(10, 2008);
         * @desc Creates a date picker associated with all elements with a class of "date-picker" then sets the selected date on these date pickers to the first Janurary 2010. When the date picker is next opened it will display Janurary 2010.
         **/
        dpSetDisplayedMonth : function(m, y)
        {
            return _w.call(this, 'setDisplayedMonth', Number(m), Number(y), true);
        },
        /**
         * Displays the date picker associated with the matched elements. Since only one date picker can be displayed at once then the date picker associated with the last matched element will be the one that is displayed.
         *
         * @param HTMLElement e An element that you want the date picker to pop up relative in position to. Optional - default behaviour is to pop up next to the element associated with this date picker.
         * @type jQuery
         * @name dpDisplay
         * @cat plugins/datePicker
         * @author Kelvin Luck (http://www.kelvinluck.com/)
         *
         * @example $('#date-picker').datePicker();
         * $('#date-picker').dpDisplay();
         * @desc Creates a date picker associated with the element with an id of date-picker and then causes it to pop up.
         **/
        dpDisplay : function(e)
        {
            return _w.call(this, 'display', e);
        },
        /**
         * Sets a function or array of functions that is called when each TD of the date picker popup is rendered to the page
         *
         * @param (Function|Array) a A function or an array of functions that are called when each td is rendered. Each function will receive four arguments; a jquery object wrapping the created TD, a Date object containing the date this TD represents, a number giving the currently rendered month and a number giving the currently rendered year.
         * @type jQuery
         * @name dpSetRenderCallback
         * @cat plugins/datePicker
         * @author Kelvin Luck (http://www.kelvinluck.com/)
         *
         * @example $('#date-picker').datePicker();
         * $('#date-picker').dpSetRenderCallback(function($td, thisDate, month, year)
         * {
         * 	// do stuff as each td is rendered dependant on the date in the td and the displayed month and year
         * });
         * @desc Creates a date picker associated with the element with an id of date-picker and then creates a function which is called as each td is rendered when this date picker is displayed.
         **/
        dpSetRenderCallback : function(a)
        {
            return _w.call(this, 'setRenderCallback', a);
        },
        /**
         * Sets the position that the datePicker will pop up (relative to it's associated element)
         *
         * @param Number v The vertical alignment of the created date picker to it's associated element. Possible values are $.dpConst.POS_TOP and $.dpConst.POS_BOTTOM
         * @param Number h The horizontal alignment of the created date picker to it's associated element. Possible values are $.dpConst.POS_LEFT and $.dpConst.POS_RIGHT
         * @type jQuery
         * @name dpSetPosition
         * @cat plugins/datePicker
         * @author Kelvin Luck (http://www.kelvinluck.com/)
         *
         * @example $('#date-picker').datePicker();
         * $('#date-picker').dpSetPosition($.dpConst.POS_BOTTOM, $.dpConst.POS_RIGHT);
         * @desc Creates a date picker associated with the element with an id of date-picker and makes it so that when this date picker pops up it will be bottom and right aligned to the #date-picker element.
         **/
        dpSetPosition : function(v, h)
        {
            return _w.call(this, 'setPosition', v, h);
        },
        /**
         * Sets the offset that the popped up date picker will have from it's default position relative to it's associated element (as set by dpSetPosition)
         *
         * @param Number v The vertical offset of the created date picker.
         * @param Number h The horizontal offset of the created date picker.
         * @type jQuery
         * @name dpSetOffset
         * @cat plugins/datePicker
         * @author Kelvin Luck (http://www.kelvinluck.com/)
         *
         * @example $('#date-picker').datePicker();
         * $('#date-picker').dpSetOffset(-20, 200);
         * @desc Creates a date picker associated with the element with an id of date-picker and makes it so that when this date picker pops up it will be 20 pixels above and 200 pixels to the right of it's default position.
         **/
        dpSetOffset : function(v, h)
        {
            return _w.call(this, 'setOffset', v, h);
        },
        /**
         * Closes the open date picker associated with this element.
         *
         * @type jQuery
         * @name dpClose
         * @cat plugins/datePicker
         * @author Kelvin Luck (http://www.kelvinluck.com/)
         *
         * @example $('.date-pick')
         *		.datePicker()
         *		.on(
         *			'focus',
         *			function()
         *			{
         *				$(this).dpDisplay();
         *			}
         *		).on(
         *			'blur',
         *			function()
         *			{
         *				$(this).dpClose();
         *			}
         *		);
         **/
        dpClose : function()
        {
            return _w.call(this, '_closeCalendar', false, this[0]);
        },
        /**
         * Rerenders the date picker's current month (for use with inline calendars and renderCallbacks).
         *
         * @type jQuery
         * @name dpRerenderCalendar
         * @cat plugins/datePicker
         * @author Kelvin Luck (http://www.kelvinluck.com/)
         *
         **/
        dpRerenderCalendar : function()
        {
            return _w.call(this, '_rerenderCalendar');
        },
        // private function called on unload to clean up any expandos etc and prevent memory links...
        _dpDestroy : function()
        {
            // TODO - implement this?
        }
    });

    // private internal function to cut down on the amount of code needed where we forward
    // dp* methods on the jQuery object on to the relevant DatePicker controllers...
    var _w = function(f, a1, a2, a3, a4)
    {
        return this.each(
            function()
            {
                var c = _getController(this);
                if (c) {
                    c[f](a1, a2, a3, a4);
                }
            }
        );
    };

    function DatePicker(ele)
    {
        this.ele = ele;

        // initial values...
        this.displayedMonth		=	null;
        this.displayedYear		=	null;
        this.startDate			=	null;
        this.endDate			=	null;
        this.showYearNavigation	=	null;
        this.closeOnSelect		=	null;
        this.displayClose		=	null;
        this.rememberViewedMonth=	null;
        this.selectMultiple		=	null;
        this.numSelectable		=	null;
        this.numSelected		=	null;
        this.verticalPosition	=	null;
        this.horizontalPosition	=	null;
        this.verticalOffset		=	null;
        this.horizontalOffset	=	null;
        this.button				=	null;
        this.renderCallback		=	[];
        this.selectedDates		=	{};
        this.inline				=	null;
        this.context			=	'#dp-popup';
        this.settings			=	{};
    };
    $.extend(
        DatePicker.prototype,
        {
            init : function(s)
            {
                this.setStartDate(s.startDate);
                this.setEndDate(s.endDate);
                this.setDisplayedMonth(Number(s.month), Number(s.year));
                this.setRenderCallback(s.renderCallback);
                this.showYearNavigation = s.showYearNavigation;
                this.closeOnSelect = s.closeOnSelect;
                this.displayClose = s.displayClose;
                this.rememberViewedMonth =	s.rememberViewedMonth;
                this.selectMultiple = s.selectMultiple;
                this.numSelectable = s.selectMultiple ? s.numSelectable : 1;
                this.numSelected = 0;
                this.verticalPosition = s.verticalPosition;
                this.horizontalPosition = s.horizontalPosition;
                this.hoverClass = s.hoverClass;
                this.setOffset(s.verticalOffset, s.horizontalOffset);
                this.inline = s.inline;
                this.settings = s;
                if (this.inline) {
                    this.context = this.ele;
                    this.display();
                }
            },
            setStartDate : function(d)
            {
                if (d) {
                    if (d instanceof Date) {
                        this.startDate = d;
                    } else {
                        this.startDate = Date.fromString(d);
                    }
                }
                if (!this.startDate) {
                    this.startDate = (new Date()).zeroTime();
                }
                this.setDisplayedMonth(this.displayedMonth, this.displayedYear);
            },
            setEndDate : function(d)
            {
                if (d) {
                    if (d instanceof Date) {
                        this.endDate = d;
                    } else {
                        this.endDate = Date.fromString(d);
                    }
                }
                if (!this.endDate) {
                    this.endDate = (new Date('12/31/2999')); // using the JS Date.parse function which expects mm/dd/yyyy
                }
                if (this.endDate.getTime() < this.startDate.getTime()) {
                    this.endDate = this.startDate;
                }
                this.setDisplayedMonth(this.displayedMonth, this.displayedYear);
            },
            setPosition : function(v, h)
            {
                this.verticalPosition = v;
                this.horizontalPosition = h;
            },
            setOffset : function(v, h)
            {
                this.verticalOffset = parseInt(v) || 0;
                this.horizontalOffset = parseInt(h) || 0;
            },
            setDisabled : function(s)
            {
                $e = $(this.ele);
                $e[s ? 'addClass' : 'removeClass']('dp-disabled');
                if (this.button) {
                    $but = $(this.button);
                    $but[s ? 'addClass' : 'removeClass']('dp-disabled');
                    $but.attr('title', s ? '' : $.dpText.TEXT_CHOOSE_DATE);
                }
                if ($e.is(':text')) {
                    $e.attr('disabled', s ? 'disabled' : '');
                }
            },
            setDisplayedMonth : function(m, y, rerender)
            {
                if (this.startDate == undefined || this.endDate == undefined) {
                    return;
                }
                var s = new Date(this.startDate.getTime());
                s.setDate(1);
                var e = new Date(this.endDate.getTime());
                e.setDate(1);

                var t;
                if ((!m && !y) || (isNaN(m) && isNaN(y))) {
                    // no month or year passed - default to current month
                    t = new Date().zeroTime();
                    t.setDate(1);
                } else if (isNaN(m)) {
                    // just year passed in - presume we want the displayedMonth
                    t = new Date(y, this.displayedMonth, 1);
                } else if (isNaN(y)) {
                    // just month passed in - presume we want the displayedYear
                    t = new Date(this.displayedYear, m, 1);
                } else {
                    // year and month passed in - that's the date we want!
                    t = new Date(y, m, 1)
                }
                // check if the desired date is within the range of our defined startDate and endDate
                if (t.getTime() < s.getTime()) {
                    t = s;
                } else if (t.getTime() > e.getTime()) {
                    t = e;
                }
                var oldMonth = this.displayedMonth;
                var oldYear = this.displayedYear;
                this.displayedMonth = t.getMonth();
                this.displayedYear = t.getFullYear();

                if (rerender && (this.displayedMonth != oldMonth || this.displayedYear != oldYear))
                {
                    this._rerenderCalendar();
                    $(this.ele).trigger('dpMonthChanged', [this.displayedMonth, this.displayedYear]);
                }
            },
            setSelected : function(d, v, moveToMonth, dispatchEvents)
            {
                if (d < this.startDate || d.zeroTime() > this.endDate.zeroTime()) {
                    // Don't allow people to select dates outside range...
                    return;
                }
                var s = this.settings;
                if (s.selectWeek)
                {
                    d = d.addDays(- (d.getDay() - Date.firstDayOfWeek + 7) % 7);
                    if (d < this.startDate) // The first day of this week is before the start date so is unselectable...
                    {
                        return;
                    }
                }
                if (v == this.isSelected(d)) // this date is already un/selected
                {
                    return;
                }
                if (this.selectMultiple == false) {
                    this.clearSelected();
                } else if (v && this.numSelected == this.numSelectable) {
                    // can't select any more dates...
                    return;
                }
                if (moveToMonth && (this.displayedMonth != d.getMonth() || this.displayedYear != d.getFullYear())) {
                    this.setDisplayedMonth(d.getMonth(), d.getFullYear(), true);
                }
                this.selectedDates[d.asString()] = v;
                this.numSelected += v ? 1 : -1;
                var selectorString = 'td.' + (d.getMonth() == this.displayedMonth ? 'current-month' : 'other-month');
                var $td;
                $(selectorString, this.context).each(
                    function()
                    {
                        if ($(this).data('datePickerDate') == d.asString()) {
                            $td = $(this);
                            if (s.selectWeek)
                            {
                                $td.parent()[v ? 'addClass' : 'removeClass']('selectedWeek');
                            }
                            $td[v ? 'addClass' : 'removeClass']('selected');
                        }
                    }
                );
                $('td', this.context).not('.selected')[this.selectMultiple &&  this.numSelected == this.numSelectable ? 'addClass' : 'removeClass']('unselectable');

                if (dispatchEvents)
                {
                    var s = this.isSelected(d);
                    $e = $(this.ele);
                    var dClone = Date.fromString(d.asString());
                    $e.trigger('dateSelected', [dClone, $td, s]);
                    $e.trigger('change');
                }
            },
            isSelected : function(d)
            {
                return this.selectedDates[d.asString()];
            },
            getSelected : function()
            {
                var r = [];
                for(var s in this.selectedDates) {
                    if (this.selectedDates[s] == true) {
                        r.push(Date.fromString(s));
                    }
                }
                return r;
            },
            clearSelected : function()
            {
                this.selectedDates = {};
                this.numSelected = 0;
                $('td.selected', this.context).removeClass('selected').parent().removeClass('selectedWeek');
            },
            display : function(eleAlignTo)
            {
                if ($(this.ele).is('.dp-disabled')) return;

                eleAlignTo = eleAlignTo || this.ele;
                var c = this;
                var $ele = $(eleAlignTo);
                var eleOffset = $ele.offset();

                var $createIn;
                var attrs;
                var attrsCalendarHolder;
                var cssRules;

                if (c.inline) {
                    $createIn = $(this.ele);
                    attrs = {
                        'id'		:	'calendar-' + this.ele._dpId,
                        'class'	:	'dp-popup dp-popup-inline'
                    };

                    $('.dp-popup', $createIn).remove();
                    cssRules = {
                    };
                } else {
                    $createIn = $('body');
                    attrs = {
                        'id'		:	'dp-popup',
                        'class'	:	'dp-popup'
                    };
                    cssRules = {
                        'top'	:	eleOffset.top + c.verticalOffset,
                        'left'	:	eleOffset.left + c.horizontalOffset
                    };

                    var _checkMouse = function(e)
                    {
                        var el = e.target;
                        var cal = $('#dp-popup')[0];

                        while (true){
                            if (el == cal) {
                                return true;
                            } else if (el == document) {
                                c._closeCalendar();
                                return false;
                            } else {
                                el = $(el).parent()[0];
                            }
                        }
                    };
                    this._checkMouse = _checkMouse;

                    c._closeCalendar(true);
                    $(document).on(
                        'keydown.datepicker',
                        function(event)
                        {
                            if (event.keyCode == 27) {
                                c._closeCalendar();
                            }
                        }
                    );
                }

                if (!c.rememberViewedMonth)
                {
                    var selectedDate = this.getSelected()[0];
                    if (selectedDate) {
                        selectedDate = new Date(selectedDate);
                        this.setDisplayedMonth(selectedDate.getMonth(), selectedDate.getFullYear(), false);
                    }
                }

                $createIn
                    .append(
                    $('<div></div>')
                        .attr(attrs)
                        .css(cssRules)
                        .append(
//								$('<a href="#" class="selecteee">aaa</a>'),
                        $('<h2></h2>'),
                        $('<div class="dp-nav-prev"></div>')
                            .append(
                            $('<a class="dp-nav-prev-year" href="#" title="' + $.dpText.TEXT_PREV_YEAR + '">&lt;&lt;</a>')
                                .on(
                                'click',
                                function()
                                {
                                    return c._displayNewMonth.call(c, this, 0, -1);
                                }
                            ),
                            $('<a class="dp-nav-prev-month" href="#" title="' + $.dpText.TEXT_PREV_MONTH + '">&lt;</a>')
                                .on(
                                'click',
                                function()
                                {
                                    return c._displayNewMonth.call(c, this, -1, 0);
                                }
                            )
                        ),
                        $('<div class="dp-nav-next"></div>')
                            .append(
                            $('<a class="dp-nav-next-year" href="#" title="' + $.dpText.TEXT_NEXT_YEAR + '">&gt;&gt;</a>')
                                .on(
                                'click',
                                function()
                                {
                                    return c._displayNewMonth.call(c, this, 0, 1);
                                }
                            ),
                            $('<a class="dp-nav-next-month" href="#" title="' + $.dpText.TEXT_NEXT_MONTH + '">&gt;</a>')
                                .on(
                                'click',
                                function()
                                {
                                    return c._displayNewMonth.call(c, this, 1, 0);
                                }
                            )
                        ),
                        $('<div class="dp-calendar"></div>')
                    )
                        .bgIframe()
                );

                var $pop = this.inline ? $('.dp-popup', this.context) : $('#dp-popup');

                if (this.showYearNavigation == false) {
                    $('.dp-nav-prev-year, .dp-nav-next-year', c.context).css('display', 'none');
                }
                if (this.displayClose) {
                    $pop.append(
                        $('<a href="#" id="dp-close">' + $.dpText.TEXT_CLOSE + '</a>')
                            .on(
                            'click',
                            function()
                            {
                                c._closeCalendar();
                                return false;
                            }
                        )
                    );
                }
                c._renderCalendar();

                $(this.ele).trigger('dpDisplayed', $pop);

                if (!c.inline) {
                    if (this.verticalPosition == $.dpConst.POS_BOTTOM) {
                        $pop.css('top', eleOffset.top + $ele.height() - $pop.height() + c.verticalOffset);
                    }
                    if (this.horizontalPosition == $.dpConst.POS_RIGHT) {
                        $pop.css('left', eleOffset.left + $ele.width() - $pop.width() + c.horizontalOffset);
                    }
//					$('.selectee', this.context).focus();
                    $(document).on('mousedown.datepicker', this._checkMouse);
                }

            },
            setRenderCallback : function(a)
            {
                if (a == null) return;
                if (a && typeof(a) == 'function') {
                    a = [a];
                }
                this.renderCallback = this.renderCallback.concat(a);
            },
            cellRender : function ($td, thisDate, month, year) {
                var c = this.dpController;
                var d = new Date(thisDate.getTime());

                // add our click handlers to deal with it when the days are clicked...

                $td.on(
                    'click',
                    function()
                    {
                        var $this = $(this);
                        if (!$this.is('.disabled')) {
                            c.setSelected(d, !$this.is('.selected') || !c.selectMultiple, false, true);
                            if (c.closeOnSelect) {
                                // Focus the next input in the form…
                                if (c.settings.autoFocusNextInput) {
                                    var ele = c.ele;
                                    var found = false;
                                    $(':input', ele.form).each(
                                        function()
                                        {
                                            if (found) {
                                                $(this).focus();
                                                return false;
                                            }
                                            if (this == ele) {
                                                found = true;
                                            }
                                        }
                                    );
                                } else {
                                    try {
                                        c.ele.focus();
                                    } catch (e) {}
                                }
                                c._closeCalendar();
                            }
                        }
                    }
                );
                if (c.isSelected(d)) {
                    $td.addClass('selected');
                    if (c.settings.selectWeek)
                    {
                        $td.parent().addClass('selectedWeek');
                    }
                } else  if (c.selectMultiple && c.numSelected == c.numSelectable) {
                    $td.addClass('unselectable');
                }

            },
            _applyRenderCallbacks : function()
            {
                var c = this;
                $('td', this.context).each(
                    function()
                    {
                        for (var i=0; i<c.renderCallback.length; i++) {
                            $td = $(this);
                            c.renderCallback[i].apply(this, [$td, Date.fromString($td.data('datePickerDate')), c.displayedMonth, c.displayedYear]);
                        }
                    }
                );
                return;
            },
            // ele is the clicked button - only proceed if it doesn't have the class disabled...
            // m and y are -1, 0 or 1 depending which direction we want to go in...
            _displayNewMonth : function(ele, m, y)
            {
                if (!$(ele).is('.disabled')) {
                    this.setDisplayedMonth(this.displayedMonth + m, this.displayedYear + y, true);
                }
                ele.blur();
                return false;
            },
            _rerenderCalendar : function()
            {
                this._clearCalendar();
                this._renderCalendar();
            },
            _renderCalendar : function()
            {
                // set the title...
                $('h2', this.context).html((new Date(this.displayedYear, this.displayedMonth, 1)).asString($.dpText.HEADER_FORMAT));

                // render the calendar...
                $('.dp-calendar', this.context).renderCalendar(
                    $.extend(
                        {},
                        this.settings,
                        {
                            month			: this.displayedMonth,
                            year			: this.displayedYear,
                            renderCallback	: this.cellRender,
                            dpController	: this,
                            hoverClass		: this.hoverClass
                        })
                );

                // update the status of the control buttons and disable dates before startDate or after endDate...
                // TODO: When should the year buttons be disabled? When you can't go forward a whole year from where you are or is that annoying?
                if (this.displayedYear == this.startDate.getFullYear() && this.displayedMonth == this.startDate.getMonth()) {
                    $('.dp-nav-prev-year', this.context).addClass('disabled');
                    $('.dp-nav-prev-month', this.context).addClass('disabled');
                    $('.dp-calendar td.other-month', this.context).each(
                        function()
                        {
                            var $this = $(this);
                            if (Number($this.text()) > 20) {
                                $this.addClass('disabled');
                            }
                        }
                    );
                    var d = this.startDate.getDate();
                    $('.dp-calendar td.current-month', this.context).each(
                        function()
                        {
                            var $this = $(this);
                            if (Number($this.text()) < d) {
                                $this.addClass('disabled');
                            }
                        }
                    );
                } else {
                    $('.dp-nav-prev-year', this.context).removeClass('disabled');
                    $('.dp-nav-prev-month', this.context).removeClass('disabled');
                    var d = this.startDate.getDate();
                    if (d > 20) {
                        // check if the startDate is last month as we might need to add some disabled classes...
                        var st = this.startDate.getTime();
                        var sd = new Date(st);
                        sd.addMonths(1);
                        if (this.displayedYear == sd.getFullYear() && this.displayedMonth == sd.getMonth()) {
                            $('.dp-calendar td.other-month', this.context).each(
                                function()
                                {
                                    var $this = $(this);
                                    if (Date.fromString($this.data('datePickerDate')).getTime() < st) {
                                        $this.addClass('disabled');
                                    }
                                }
                            );
                        }
                    }
                }
                if (this.displayedYear == this.endDate.getFullYear() && this.displayedMonth == this.endDate.getMonth()) {
                    $('.dp-nav-next-year', this.context).addClass('disabled');
                    $('.dp-nav-next-month', this.context).addClass('disabled');
                    $('.dp-calendar td.other-month', this.context).each(
                        function()
                        {
                            var $this = $(this);
                            if (Number($this.text()) < 14) {
                                $this.addClass('disabled');
                            }
                        }
                    );
                    var d = this.endDate.getDate();
                    $('.dp-calendar td.current-month', this.context).each(
                        function()
                        {
                            var $this = $(this);
                            if (Number($this.text()) > d) {
                                $this.addClass('disabled');
                            }
                        }
                    );
                } else {
                    $('.dp-nav-next-year', this.context).removeClass('disabled');
                    $('.dp-nav-next-month', this.context).removeClass('disabled');
                    var d = this.endDate.getDate();
                    if (d < 13) {
                        // check if the endDate is next month as we might need to add some disabled classes...
                        var ed = new Date(this.endDate.getTime());
                        ed.addMonths(-1);
                        if (this.displayedYear == ed.getFullYear() && this.displayedMonth == ed.getMonth()) {
                            $('.dp-calendar td.other-month', this.context).each(
                                function()
                                {
                                    var $this = $(this);
                                    var cellDay = Number($this.text());
                                    if (cellDay < 13 && cellDay > d) {
                                        $this.addClass('disabled');
                                    }
                                }
                            );
                        }
                    }
                }
                this._applyRenderCallbacks();
            },
            _closeCalendar : function(programatic, ele)
            {
                if (!ele || ele == this.ele)
                {
                    $(document).off('mousedown.datepicker');
                    $(document).off('keydown.datepicker');
                    this._clearCalendar();
                    $('#dp-popup a').off();
                    $('#dp-popup').empty().remove();
                    if (!programatic) {
                        $(this.ele).trigger('dpClosed', [this.getSelected()]);
                    }
                }
            },
            // empties the current dp-calendar div and makes sure that all events are unbound
            // and expandos removed to avoid memory leaks...
            _clearCalendar : function()
            {
                // TODO.
                $('.dp-calendar td', this.context).off();
                $('.dp-calendar', this.context).empty();
            }
        }
    );

    // static constants
    $.dpConst = {
        SHOW_HEADER_NONE	:	0,
        SHOW_HEADER_SHORT	:	1,
        SHOW_HEADER_LONG	:	2,
        POS_TOP				:	0,
        POS_BOTTOM			:	1,
        POS_LEFT			:	0,
        POS_RIGHT			:	1,
        DP_INTERNAL_FOCUS	:	'dpInternalFocusTrigger'
    };
    // localisable text
    $.dpText = {
        TEXT_PREV_YEAR		:	'Previous year',
        TEXT_PREV_MONTH		:	'Previous month',
        TEXT_NEXT_YEAR		:	'Next year',
        TEXT_NEXT_MONTH		:	'Next month',
        TEXT_CLOSE			:	'Close',
        TEXT_CHOOSE_DATE	:	'Choose date',
        HEADER_FORMAT		:	'mmmm yyyy'
    };
    // version
    $.dpVersion = '$Id$';

    $.fn.datePicker.defaults = {
        month				: undefined,
        year				: undefined,
        showHeader			: $.dpConst.SHOW_HEADER_SHORT,
        startDate			: undefined,
        endDate				: undefined,
        inline				: false,
        renderCallback		: null,
        createButton		: true,
        showYearNavigation	: true,
        closeOnSelect		: true,
        displayClose		: false,
        selectMultiple		: false,
        numSelectable		: Number.MAX_VALUE,
        clickInput			: false,
        rememberViewedMonth	: true,
        selectWeek			: false,
        verticalPosition	: $.dpConst.POS_TOP,
        horizontalPosition	: $.dpConst.POS_LEFT,
        verticalOffset		: 0,
        horizontalOffset	: 0,
        hoverClass			: 'dp-hover',
        autoFocusNextInput  : false
    };

    function _getController(ele)
    {
        if (ele._dpId) return $.event._dpCache[ele._dpId];
        return false;
    };

    // make it so that no error is thrown if bgIframe plugin isn't included (allows you to use conditional
    // comments to only include bgIframe where it is needed in IE without breaking this plugin).
    if ($.fn.bgIframe == undefined) {
        $.fn.bgIframe = function() {return this; };
    };


    // clean-up
    $(window)
        .on('unload', function() {
            var els = $.event._dpCache || [];
            for (var i in els) {
                $(els[i].ele)._dpDestroy();
            }
        });


})(jQuery);

/*! http://mths.be/placeholder v2.0.7 by @mathias */
;(function(f,h,$){var a='placeholder' in h.createElement('input'),d='placeholder' in h.createElement('textarea'),i=$.fn,c=$.valHooks,k,j;if(a&&d){j=i.placeholder=function(){return this};j.input=j.textarea=true}else{j=i.placeholder=function(){var l=this;l.filter((a?'textarea':':input')+'[placeholder]').not('.placeholder').bind({'focus.placeholder':b,'blur.placeholder':e}).data('placeholder-enabled',true).trigger('blur.placeholder');return l};j.input=a;j.textarea=d;k={get:function(m){var l=$(m);return l.data('placeholder-enabled')&&l.hasClass('placeholder')?'':m.value},set:function(m,n){var l=$(m);if(!l.data('placeholder-enabled')){return m.value=n}if(n==''){m.value=n;if(m!=h.activeElement){e.call(m)}}else{if(l.hasClass('placeholder')){b.call(m,true,n)||(m.value=n)}else{m.value=n}}return l}};a||(c.input=k);d||(c.textarea=k);$(function(){$(h).delegate('form','submit.placeholder',function(){var l=$('.placeholder',this).each(b);setTimeout(function(){l.each(e)},10)})});$(f).bind('beforeunload.placeholder',function(){$('.placeholder').each(function(){this.value=''})})}function g(m){var l={},n=/^jQuery\d+$/;$.each(m.attributes,function(p,o){if(o.specified&&!n.test(o.name)){l[o.name]=o.value}});return l}function b(m,n){var l=this,o=$(l);if(l.value==o.attr('placeholder')&&o.hasClass('placeholder')){if(o.data('placeholder-password')){o=o.hide().next().show().attr('id',o.removeAttr('id').data('placeholder-id'));if(m===true){return o[0].value=n}o.focus()}else{l.value='';o.removeClass('placeholder');l==h.activeElement&&l.select()}}}function e(){var q,l=this,p=$(l),m=p,o=this.id;if(l.value==''){if(l.type=='password'){if(!p.data('placeholder-textinput')){try{q=p.clone().attr({type:'text'})}catch(n){q=$('<input>').attr($.extend(g(this),{type:'text'}))}q.removeAttr('name').data({'placeholder-password':true,'placeholder-id':o}).bind('focus.placeholder',b);p.data({'placeholder-textinput':q,'placeholder-id':o}).before(q)}p=p.removeAttr('id').hide().prev().attr('id',o).show()}p.addClass('placeholder');p[0].value=p.attr('placeholder')}else{p.removeClass('placeholder')}}}(this,document,jQuery));

/**
 * Dragdealer JS v0.9.5
 * http://code.ovidiu.ch/dragdealer-js
 *
 * Copyright (c) 2010, Ovidiu Chereches
 * MIT License
 * http://legal.ovidiu.ch/licenses/MIT
 */

/* Cursor */

var Cursor =
{
    x: 0, y: 0,
    init: function()
    {
        this.setEvent('mouse');
        this.setEvent('touch');
    },
    setEvent: function(type)
    {
        var moveHandler = document['on' + type + 'move'] || function(){};
        document['on' + type + 'move'] = function(e)
        {
            moveHandler(e);
            Cursor.refresh(e);
        }
    },
    refresh: function(e)
    {
        if(!e)
        {
            e = window.event;
        }
        if(e.type == 'mousemove')
        {
            this.set(e);
        }
        else if(e.touches)
        {
            this.set(e.touches[0]);
        }
    },
    set: function(e)
    {
        if(e.pageX || e.pageY)
        {
            this.x = e.pageX;
            this.y = e.pageY;
        }
        else if(e.clientX || e.clientY)
        {
            this.x = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
            this.y = e.clientY + document.body.scrollTop + document.documentElement.scrollTop;
        }
    }
};
Cursor.init();

/* Position */

var Position =
{
    get: function(obj)
    {
        var curleft = curtop = 0;
        if(obj.offsetParent)
        {
            do
            {
                curleft += obj.offsetLeft;
                curtop += obj.offsetTop;
            }
            while((obj = obj.offsetParent));
        }
        return [curleft, curtop];
    }
};

/* Dragdealer */

var Dragdealer = function(wrapper, options)
{
    if(typeof(wrapper) == 'string')
    {
        wrapper = document.getElementById(wrapper);
    }
    if(!wrapper)
    {
        return;
    }
    var handle = wrapper.getElementsByTagName('div')[0];
    if(!handle || handle.className.search(/(^|\s)handle(\s|$)/) == -1)
    {
        return;
    }
    this.init(wrapper, handle, options || {});
    this.setup();
};
Dragdealer.prototype =
{
    init: function(wrapper, handle, options)
    {
        this.wrapper = wrapper;
        this.handle = handle;
        this.options = options;

        this.disabled = this.getOption('disabled', false);
        this.horizontal = this.getOption('horizontal', true);
        this.vertical = this.getOption('vertical', false);
        this.slide = this.getOption('slide', true);
        this.steps = this.getOption('steps', 0);
        this.snap = this.getOption('snap', false);
        this.loose = this.getOption('loose', false);
        this.speed = this.getOption('speed', 10) / 100;
        this.xPrecision = this.getOption('xPrecision', 0);
        this.yPrecision = this.getOption('yPrecision', 0);

        this.callback = options.callback || null;
        this.animationCallback = options.animationCallback || null;

        this.bounds = {
            left: options.left || 0, right: -(options.right || 0),
            top: options.top || 0, bottom: -(options.bottom || 0),
            x0: 0, x1: 0, xRange: 0,
            y0: 0, y1: 0, yRange: 0
        };
        this.value = {
            prev: [-1, -1],
            current: [options.x || 0, options.y || 0],
            target: [options.x || 0, options.y || 0]
        };
        this.offset = {
            wrapper: [0, 0],
            mouse: [0, 0],
            prev: [-999999, -999999],
            current: [0, 0],
            target: [0, 0]
        };
        this.change = [0, 0];

        this.activity = false;
        this.dragging = false;
        this.tapping = false;
    },
    getOption: function(name, defaultValue)
    {
        return this.options[name] !== undefined ? this.options[name] : defaultValue;
    },
    setup: function()
    {
        this.setWrapperOffset();
        this.setBoundsPadding();
        this.setBounds();
        this.setSteps();

        this.addListeners();
    },
    setWrapperOffset: function()
    {
        this.offset.wrapper = Position.get(this.wrapper);
    },
    setBoundsPadding: function()
    {
        if(!this.bounds.left && !this.bounds.right)
        {
            this.bounds.left = Position.get(this.handle)[0] - this.offset.wrapper[0];
            this.bounds.right = -this.bounds.left;
        }
        if(!this.bounds.top && !this.bounds.bottom)
        {
            this.bounds.top = Position.get(this.handle)[1] - this.offset.wrapper[1];
            this.bounds.bottom = -this.bounds.top;
        }
    },
    setBounds: function()
    {
        this.bounds.x0 = this.bounds.left;
        this.bounds.x1 = this.wrapper.offsetWidth + this.bounds.right;
        this.bounds.xRange = (this.bounds.x1 - this.bounds.x0) - this.handle.offsetWidth;

        this.bounds.y0 = this.bounds.top;
        this.bounds.y1 = this.wrapper.offsetHeight + this.bounds.bottom;
        this.bounds.yRange = (this.bounds.y1 - this.bounds.y0) - this.handle.offsetHeight;

        this.bounds.xStep = 1 / (this.xPrecision || Math.max(this.wrapper.offsetWidth, this.handle.offsetWidth));
        this.bounds.yStep = 1 / (this.yPrecision || Math.max(this.wrapper.offsetHeight, this.handle.offsetHeight));
    },
    setSteps: function()
    {
        if(this.steps > 1)
        {
            this.stepRatios = [];
            for(var i = 0; i <= this.steps - 1; i++)
            {
                this.stepRatios[i] = i / (this.steps - 1);
            }
        }
    },
    addListeners: function()
    {
        var self = this;

        this.wrapper.onselectstart = function()
        {
            return false;
        }
        this.handle.onmousedown = this.handle.ontouchstart = function(e)
        {
            self.handleDownHandler(e);
        };
        this.wrapper.onmousedown = this.wrapper.ontouchstart = function(e)
        {
            self.wrapperDownHandler(e);
        };
        var mouseUpHandler = document.onmouseup || function(){};
        document.onmouseup = function(e)
        {
            mouseUpHandler(e);
            self.documentUpHandler(e);
        };
        var touchEndHandler = document.ontouchend || function(){};
        document.ontouchend = function(e)
        {
            touchEndHandler(e);
            self.documentUpHandler(e);
        };
        var resizeHandler = window.onresize || function(){};
        window.onresize = function(e)
        {
            resizeHandler(e);
            self.documentResizeHandler(e);
        };
        this.wrapper.onmousemove = function(e)
        {
            self.activity = true;
        }
        this.wrapper.onclick = function(e)
        {
            return !self.activity;
        }

        this.interval = setInterval(function(){ self.animate() }, 25);
        self.animate(false, true);
    },
    handleDownHandler: function(e)
    {
        this.activity = false;
        Cursor.refresh(e);

        this.preventDefaults(e, true);
        this.startDrag();
        this.cancelEvent(e);
    },
    wrapperDownHandler: function(e)
    {
        Cursor.refresh(e);

        this.preventDefaults(e, true);
        this.startTap();
    },
    documentUpHandler: function(e)
    {
        this.stopDrag();
        this.stopTap();
        //this.cancelEvent(e);
    },
    documentResizeHandler: function(e)
    {
        this.setWrapperOffset();
        this.setBounds();

        this.update();
    },
    enable: function()
    {
        this.disabled = false;
        this.handle.className = this.handle.className.replace(/\s?disabled/g, '');
    },
    disable: function()
    {
        this.disabled = true;
        this.handle.className += ' disabled';
    },
    setStep: function(x, y, snap)
    {
        this.setValue(
            this.steps && x > 1 ? (x - 1) / (this.steps - 1) : 0,
            this.steps && y > 1 ? (y - 1) / (this.steps - 1) : 0,
            snap
        );
    },
    setValue: function(x, y, snap)
    {
        this.setTargetValue([x, y || 0]);
        if(snap)
        {
            this.groupCopy(this.value.current, this.value.target);
        }
    },
    startTap: function(target)
    {
        if(this.disabled)
        {
            return;
        }
        this.tapping = true;

        if(target === undefined)
        {
            target = [
                Cursor.x - this.offset.wrapper[0] - (this.handle.offsetWidth / 2),
                Cursor.y - this.offset.wrapper[1] - (this.handle.offsetHeight / 2)
            ];
        }
        this.setTargetOffset(target);
    },
    stopTap: function()
    {
        if(this.disabled || !this.tapping)
        {
            return;
        }
        this.tapping = false;

        this.setTargetValue(this.value.current);
        this.result();
    },
    startDrag: function()
    {
        if(this.disabled)
        {
            return;
        }
        this.offset.mouse = [
            Cursor.x - Position.get(this.handle)[0],
            Cursor.y - Position.get(this.handle)[1]
        ];

        this.dragging = true;
    },
    stopDrag: function()
    {
        if(this.disabled || !this.dragging)
        {
            return;
        }
        this.dragging = false;

        var target = this.groupClone(this.value.current);
        if(this.slide)
        {
            var ratioChange = this.change;
            target[0] += ratioChange[0] * 4;
            target[1] += ratioChange[1] * 4;
        }
        this.setTargetValue(target);
        this.result();
    },
    feedback: function()
    {
        var value = this.value.current;
        if(this.snap && this.steps > 1)
        {
            value = this.getClosestSteps(value);
        }
        if(!this.groupCompare(value, this.value.prev))
        {
            if(typeof(this.animationCallback) == 'function')
            {
                this.animationCallback(value[0], value[1]);
            }
            this.groupCopy(this.value.prev, value);
        }
    },
    result: function()
    {
        if(typeof(this.callback) == 'function')
        {
            this.callback(this.value.target[0], this.value.target[1]);
        }
    },
    animate: function(direct, first)
    {
        if(direct && !this.dragging)
        {
            return;
        }
        if(this.dragging)
        {
            var prevTarget = this.groupClone(this.value.target);

            var offset = [
                Cursor.x - this.offset.wrapper[0] - this.offset.mouse[0],
                Cursor.y - this.offset.wrapper[1] - this.offset.mouse[1]
            ];
            this.setTargetOffset(offset, this.loose);

            this.change = [
                this.value.target[0] - prevTarget[0],
                this.value.target[1] - prevTarget[1]
            ];
        }
        if(this.dragging || first)
        {
            this.groupCopy(this.value.current, this.value.target);
        }
        if(this.dragging || this.glide() || first)
        {
            this.update();
            this.feedback();
        }
    },
    glide: function()
    {
        var diff = [
            this.value.target[0] - this.value.current[0],
            this.value.target[1] - this.value.current[1]
        ];
        if(!diff[0] && !diff[1])
        {
            return false;
        }
        if(Math.abs(diff[0]) > this.bounds.xStep || Math.abs(diff[1]) > this.bounds.yStep)
        {
            this.value.current[0] += diff[0] * this.speed;
            this.value.current[1] += diff[1] * this.speed;
        }
        else
        {
            this.groupCopy(this.value.current, this.value.target);
        }
        return true;
    },
    update: function()
    {
        if(!this.snap)
        {
            this.offset.current = this.getOffsetsByRatios(this.value.current);
        }
        else
        {
            this.offset.current = this.getOffsetsByRatios(
                this.getClosestSteps(this.value.current)
            );
        }
        this.show();
    },
    show: function()
    {
        if(!this.groupCompare(this.offset.current, this.offset.prev))
        {
            if(this.horizontal)
            {
                this.handle.style.left = String(this.offset.current[0]) + 'px';
            }
            if(this.vertical)
            {
                this.handle.style.top = String(this.offset.current[1]) + 'px';
            }
            this.groupCopy(this.offset.prev, this.offset.current);
        }
    },
    setTargetValue: function(value, loose)
    {
        var target = loose ? this.getLooseValue(value) : this.getProperValue(value);

        this.groupCopy(this.value.target, target);
        this.offset.target = this.getOffsetsByRatios(target);
    },
    setTargetOffset: function(offset, loose)
    {
        var value = this.getRatiosByOffsets(offset);
        var target = loose ? this.getLooseValue(value) : this.getProperValue(value);

        this.groupCopy(this.value.target, target);
        this.offset.target = this.getOffsetsByRatios(target);
    },
    getLooseValue: function(value)
    {
        var proper = this.getProperValue(value);
        return [
            proper[0] + ((value[0] - proper[0]) / 4),
            proper[1] + ((value[1] - proper[1]) / 4)
        ];
    },
    getProperValue: function(value)
    {
        var proper = this.groupClone(value);

        proper[0] = Math.max(proper[0], 0);
        proper[1] = Math.max(proper[1], 0);
        proper[0] = Math.min(proper[0], 1);
        proper[1] = Math.min(proper[1], 1);

        if((!this.dragging && !this.tapping) || this.snap)
        {
            if(this.steps > 1)
            {
                proper = this.getClosestSteps(proper);
            }
        }
        return proper;
    },
    getRatiosByOffsets: function(group)
    {
        return [
            this.getRatioByOffset(group[0], this.bounds.xRange, this.bounds.x0),
            this.getRatioByOffset(group[1], this.bounds.yRange, this.bounds.y0)
        ];
    },
    getRatioByOffset: function(offset, range, padding)
    {
        return range ? (offset - padding) / range : 0;
    },
    getOffsetsByRatios: function(group)
    {
        return [
            this.getOffsetByRatio(group[0], this.bounds.xRange, this.bounds.x0),
            this.getOffsetByRatio(group[1], this.bounds.yRange, this.bounds.y0)
        ];
    },
    getOffsetByRatio: function(ratio, range, padding)
    {
        return Math.round(ratio * range) + padding;
    },
    getClosestSteps: function(group)
    {
        return [
            this.getClosestStep(group[0]),
            this.getClosestStep(group[1])
        ];
    },
    getClosestStep: function(value)
    {
        var k = 0;
        var min = 1;
        for(var i = 0; i <= this.steps - 1; i++)
        {
            if(Math.abs(this.stepRatios[i] - value) < min)
            {
                min = Math.abs(this.stepRatios[i] - value);
                k = i;
            }
        }
        return this.stepRatios[k];
    },
    groupCompare: function(a, b)
    {
        return a[0] == b[0] && a[1] == b[1];
    },
    groupCopy: function(a, b)
    {
        a[0] = b[0];
        a[1] = b[1];
    },
    groupClone: function(a)
    {
        return [a[0], a[1]];
    },
    preventDefaults: function(e, selection)
    {
        if(!e)
        {
            e = window.event;
        }
        if(e.preventDefault)
        {
            e.preventDefault();
        }
        e.returnValue = false;

        if(selection && document.selection)
        {
            document.selection.empty();
        }
    },
    cancelEvent: function(e)
    {
        if(!e)
        {
            e = window.event;
        }
        if(e.stopPropagation)
        {
            e.stopPropagation();
        }
        e.cancelBubble = true;
    }
};

/*
 * Swipe 1.0
 *
 * Brad Birdsall, Prime
 * Copyright 2011, Licensed GPL & MIT
 *
 */

;window.Swipe = function(element, options) {

    // return immediately if element doesn't exist
    if (!element) return null;

    var _this = this;

    // retreive options
    this.options = options || {};
    this.index = this.options.startSlide || 0;
    this.speed = this.options.speed || 300;
    this.callback = this.options.callback || function() {};
    this.delay = this.options.auto || 0;

    // reference dom elements
    this.container = element;
    this.element = this.container.children[0]; // the slide pane

    // static css
    this.container.style.overflow = 'hidden';
    this.element.style.listStyle = 'none';
    this.element.style.margin = 0;

    // trigger slider initialization
    this.setup();

    // begin auto slideshow
    this.begin();

    // add event listeners
    if (this.element.addEventListener) {
        this.element.addEventListener('touchstart', this, false);
        this.element.addEventListener('touchmove', this, false);
        this.element.addEventListener('touchend', this, false);
        this.element.addEventListener('touchcancel', this, false);
        this.element.addEventListener('webkitTransitionEnd', this, false);
        this.element.addEventListener('msTransitionEnd', this, false);
        this.element.addEventListener('oTransitionEnd', this, false);
        this.element.addEventListener('transitionend', this, false);
        window.addEventListener('resize', this, false);
    }

};

Swipe.prototype = {

    setup: function() {

        // get and measure amt of slides
        this.slides = this.element.children;
        this.length = this.slides.length;

        // return immediately if their are less than two slides
        if (this.length < 2) return null;

        // determine width of each slide
        this.width = Math.ceil(("getBoundingClientRect" in this.container) ? this.container.getBoundingClientRect().width : this.container.offsetWidth);

        // Fix width for Android WebView (i.e. PhoneGap) 
        if (this.width === 0 && typeof window.getComputedStyle === 'function') {
            this.width = window.getComputedStyle(this.container, null).width.replace('px','');
        }

        // return immediately if measurement fails
        if (!this.width) return null;

        // hide slider element but keep positioning during setup
        var origVisibility = this.container.style.visibility;
        this.container.style.visibility = 'hidden';

        // dynamic css
        this.element.style.width = Math.ceil(this.slides.length * this.width) + 'px';
        var index = this.slides.length;
        while (index--) {
            var el = this.slides[index];
            el.style.width = this.width + 'px';
            el.style.display = 'table-cell';
            el.style.verticalAlign = 'top';
        }

        // set start position and force translate to remove initial flickering
        this.slide(this.index, 0);

        // restore the visibility of the slider element
        this.container.style.visibility = origVisibility;

    },

    slide: function(index, duration) {

        var style = this.element.style;

        // fallback to default speed
        if (duration == undefined) {
            duration = this.speed;
        }

        // set duration speed (0 represents 1-to-1 scrolling)
        style.webkitTransitionDuration = style.MozTransitionDuration = style.msTransitionDuration = style.OTransitionDuration = style.transitionDuration = duration + 'ms';

        // translate to given index position
        style.MozTransform = style.webkitTransform = 'translate3d(' + -(index * this.width) + 'px,0,0)';
        style.msTransform = style.OTransform = 'translateX(' + -(index * this.width) + 'px)';

        // set new index to allow for expression arguments
        this.index = index;

    },

    getPos: function() {

        // return current index position
        return this.index;

    },

    prev: function(delay) {

        // cancel next scheduled automatic transition, if any
        this.delay = delay || 0;
        clearTimeout(this.interval);

        if (this.index) this.slide(this.index-1, this.speed); // if not at first slide
        else this.slide(this.length - 1, this.speed); //if first slide return to end

    },

    next: function(delay) {

        // cancel next scheduled automatic transition, if any
        this.delay = delay || 0;
        clearTimeout(this.interval);

        if (this.index < this.length - 1) this.slide(this.index+1, this.speed); // if not last slide
        else this.slide(0, this.speed); //if last slide return to start

    },

    begin: function() {

        var _this = this;

        this.interval = (this.delay)
            ? setTimeout(function() {
            _this.next(_this.delay);
        }, this.delay)
            : 0;

    },

    stop: function() {
        this.delay = 0;
        clearTimeout(this.interval);
    },

    resume: function() {
        this.delay = this.options.auto || 0;
        this.begin();
    },

    handleEvent: function(e) {
        switch (e.type) {
            case 'touchstart': this.onTouchStart(e); break;
            case 'touchmove': this.onTouchMove(e); break;
            case 'touchcancel' :
            case 'touchend': this.onTouchEnd(e); break;
            case 'webkitTransitionEnd':
            case 'msTransitionEnd':
            case 'oTransitionEnd':
            case 'transitionend': this.transitionEnd(e); break;
            case 'resize': this.setup(); break;
        }
    },

    transitionEnd: function(e) {

        if (this.delay) this.begin();

        this.callback(e, this.index, this.slides[this.index]);

    },

    onTouchStart: function(e) {

        this.start = {

            // get touch coordinates for delta calculations in onTouchMove
            pageX: e.touches[0].pageX,
            pageY: e.touches[0].pageY,

            // set initial timestamp of touch sequence
            time: Number( new Date() )

        };

        // used for testing first onTouchMove event
        this.isScrolling = undefined;

        // reset deltaX
        this.deltaX = 0;

        // set transition time to 0 for 1-to-1 touch movement
        this.element.style.MozTransitionDuration = this.element.style.webkitTransitionDuration = 0;

        e.stopPropagation();
    },

    onTouchMove: function(e) {

        // ensure swiping with one touch and not pinching
        if(e.touches.length > 1 || e.scale && e.scale !== 1) return;

        this.deltaX = e.touches[0].pageX - this.start.pageX;

        // determine if scrolling test has run - one time test
        if ( typeof this.isScrolling == 'undefined') {
            this.isScrolling = !!( this.isScrolling || Math.abs(this.deltaX) < Math.abs(e.touches[0].pageY - this.start.pageY) );
        }

        // if user is not trying to scroll vertically
        if (!this.isScrolling) {

            // prevent native scrolling 
            e.preventDefault();

            // cancel slideshow
            clearTimeout(this.interval);

            // increase resistance if first or last slide
            this.deltaX =
                this.deltaX /
                    ( (!this.index && this.deltaX > 0               // if first slide and sliding left
                        || this.index == this.length - 1              // or if last slide and sliding right
                        && this.deltaX < 0                            // and if sliding at all
                        ) ?
                        ( Math.abs(this.deltaX) / this.width + 1 )      // determine resistance level
                        : 1 );                                          // no resistance if false

            // translate immediately 1-to-1
            this.element.style.MozTransform = this.element.style.webkitTransform = 'translate3d(' + (this.deltaX - this.index * this.width) + 'px,0,0)';

            e.stopPropagation();
        }

    },

    onTouchEnd: function(e) {

        // determine if slide attempt triggers next/prev slide
        var isValidSlide =
                Number(new Date()) - this.start.time < 250      // if slide duration is less than 250ms
                    && Math.abs(this.deltaX) > 20                   // and if slide amt is greater than 20px
                    || Math.abs(this.deltaX) > this.width/2,        // or if slide amt is greater than half the width

        // determine if slide attempt is past start and end
            isPastBounds =
                !this.index && this.deltaX > 0                          // if first slide and slide amt is greater than 0
                    || this.index == this.length - 1 && this.deltaX < 0;    // or if last slide and slide amt is less than 0

        // if not scrolling vertically
        if (!this.isScrolling) {

            // call slide function with slide end value based on isValidSlide and isPastBounds tests
            this.slide( this.index + ( isValidSlide && !isPastBounds ? (this.deltaX < 0 ? 1 : -1) : 0 ), this.speed );

        }

        e.stopPropagation();
    }

};


/*
 * jQuery Tooltip plugin 1.3
 *
 * http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
 * http://docs.jquery.com/Plugins/Tooltip
 *

 *
 * $Id: jquery.tooltip.js 5741 2008-06-21 15:22:16Z joern.zaefferer $
 * 
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */






;(function($) {




    // the tooltip element
    var helper = {},
    // the current tooltipped element
        current,
    // the title of the current element, used for restoring
        title,
    // timeout id for delayed tooltips
        tID,
    // IE 5.5 or 6
        IE = $.browser.msie && /MSIE\s(5\.5|6\.)/.test(navigator.userAgent),
    // flag for mouse tracking
        track = false;
    //track: false;
    $.tooltip = {
        blocked: false,
        defaults: {
            delay: 100,
            fade: false,
            showURL: true,
            extraClass: "",
            top: -65,
            left: 2,


            id: "tooltip"
            //	track = false;

        },
        block: function() {
            $.tooltip.blocked = !$.tooltip.blocked;
        }
    };

    $.fn.extend({
        tooltip: function(settings) {
            settings = $.extend({}, $.tooltip.defaults, settings);
            createHelper(settings);
            return this.each(function() {
                $.data(this, "tooltip", settings);
                this.tOpacity = helper.parent.css("opacity");
                // copy tooltip into its own expando and remove the title
                this.tooltipText = this.title;
                $(this).removeAttr("title");
                // also remove alt attribute to prevent default tooltip in IE
                this.alt = "";

            })
                .mouseover(save)
                .mouseout(hide)
                .click(save);
        },
        fixPNG: IE ? function() {
            return this.each(function () {
                var image = $(this).css('backgroundImage');
                if (image.match(/^url\(["']?(.*\.png)["']?\)$/i)) {
                    image = RegExp.$1;
                    $(this).css({
                        'backgroundImage': 'none',
                        'filter': "progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='" + image + "')"
                    }).each(function () {
                            var position = $(this).css('position');
                            if (position != 'absolute' && position != 'relative')
                                $(this).css('position', 'relative');
                        });
                }
            });
        } : function() { return this; },
        unfixPNG: IE ? function() {
            return this.each(function () {
                $(this).css({'filter': '', backgroundImage: ''});
            });
        } : function() { return this; },
        hideWhenEmpty: function() {
            return this.each(function() {
                $(this)[ $(this).html() ? "show" : "hide" ]();
            });
        },
        url: function() {
            return this.attr('href') || this.attr('src');
        }
    });

    function createHelper(settings) {




        // there can be only one tooltip helper
        if( helper.parent )
            return;
        // create the helper, h3 for title, div for url
        helper.parent = $('<div id="' + settings.id + '"><h3></h3><div class="body"></div><div class="url"></div><div id="arrow-down" class=""></div></div>')






            // add to document
            .appendTo(document.body)



            // hide it at first
            .hide();

        // apply bgiframe if available
        if ( $.fn.bgiframe )
            helper.parent.bgiframe();

        // save references to title and url elements
        helper.title = $('h3', helper.parent);
        helper.body = $('div.body', helper.parent);
        helper.url = $('div.url', helper.parent);
    }

    function settings(element) {
        return $.data(element, "tooltip");
    }

    // main event handler to start showing tooltips
    function handle(event) {
        // show helper, either with timeout or on instant
        if( settings(this).delay )
            tID = setTimeout(show, settings(this).delay);
        else
            show();

        // if selected, update the helper position when the mouse moves
        track = !!settings(this).track;

        $(document.body).bind('mousemove', update);

        // update at least once
        update(event);


    }

    // save elements title before the tooltip is displayed
    function save() {

        // if this is the current source, or it has no title (occurs with click event), stop
        if ( $.tooltip.blocked || this == current || (!this.tooltipText && !settings(this).bodyHandler) )
            return;

        // save current
        current = this;
        title = this.tooltipText;

        if ( settings(this).bodyHandler ) {
            helper.title.hide();
            var bodyContent = settings(this).bodyHandler.call(this);
            if (bodyContent.nodeType || bodyContent.jquery) {
                helper.body.empty().append(bodyContent)
            } else {
                helper.body.html( bodyContent );
            }
            helper.body.show();
        } else if ( settings(this).showBody ) {
            var parts = title.split(settings(this).showBody);
            helper.title.html(parts.shift()).show();
            helper.body.empty();
            for(var i = 0, part; (part = parts[i]); i++) {
                if(i > 0)
                    helper.body.append("<br/>");
                helper.body.append(part);
            }
            helper.body.hideWhenEmpty();
        } else {
            helper.title.html(title).show();
            helper.body.hide();
        }

        // if element has href or src, add and show it, otherwise hide it
        if( settings(this).showURL && $(this).url() )
            helper.url.html( $(this).url().replace('http://', '') ).show();
        else
            helper.url.hide();

        // add an optional class for this tip
        helper.parent.addClass(settings(this).extraClass);
        //alert("show settings"+helper.parent.attr('class'));

        // if (settings.extraClass == 'viewport-right normalTip'){



        // $("#arrow-down").removeClass('arrowError');
        // $("#arrow-down").addClass('arrow-grey');
        // }else
        // if (settings.extraClass == 'viewport-right errorTip'){
        // $("#arrow-down").removeClass('arrow-grey');
        // $("#arrow-down").addClass('arrowError');
        // }


        //var $this = $(this);

        if (helper.parent.hasClass('viewport-right errorTip')) {


            $("#arrow-down").removeClass('arrow-grey');
            $("#arrow-down").addClass('arrowError');
            //  $this.find('div.service-list:eq(3)').addClass('fourth');
        } else {
            // $this.find('div.service-list:eq(2)').addClass('third');


            $("#arrow-down").removeClass('arrowError');
            $("#arrow-down").addClass('arrow-grey');
        }
//});




        // fix PNG background for IE
        if (settings(this).fixPNG )
            helper.parent.fixPNG();

        handle.apply(this, arguments);
    }

    // delete timeout and show helper

    function show() {


        tID = null;
        if ((!IE || !$.fn.bgiframe) && settings(current).fade) {
            if (helper.parent.is(":animated"))
                helper.parent.stop().show().fadeTo(settings(current).fade, current.tOpacity);
            else
                helper.parent.is(':visible') ? helper.parent.fadeTo(settings(current).fade, current.tOpacity) : helper.parent.fadeIn(settings(current).fade);
        } else {
            helper.parent.show();
        }
        update();
    }

    /**
     * callback for mousemove
     * updates the helper position
     * removes itself when no current element
     */
    function update(event)	{


        if($.tooltip.blocked)
            return;

        if (event && event.target.tagName == "OPTION") {
            return;
        }

        // stop updating when tracking is disabled and the tooltip is visible
        if ( !track && helper.parent.is(":visible")) {
            $(document.body).unbind('mousemove', update)
        }

        // if no current element is available, remove this listener
        if( current == null ) {
            $(document.body).unbind('mousemove', update);
            return;
        }

        // remove position helper classes
        helper.parent.removeClass("viewport-right").removeClass("viewport-bottom");

        var left = helper.parent[0].offsetLeft;
        var top = helper.parent[0].offsetTop;
        if (event) {
            //position the helper 15 pixel to bottom right, starting from mouse position

            left = event.pageX + settings(current).left;
            //left = settings(current).left + 10;

            //top = event.pageY + settings(current).top;


            top = event.pageY - 70;   //this is close

            //top = 15;
            //top = helper.parent[0]+15;
            //top= settings(current).top;

            var right='auto';
            if (settings(current).positionLeft) {
                right = $(window).width() - left;
                left = 'auto';


            }


            helper.parent.css({
                left: left,
                right: right,
                top: top
            });
        }

        var v = viewport(),
            h = helper.parent[0];
        // check horizontal position
        if (v.x + v.cx < h.offsetLeft + h.offsetWidth) {
            //left -= h.offsetWidth + 0+ settings(current).left;

            left = 30;

            helper.parent.css({left: left + 'px'}).addClass("viewport-right");
        }
        // check vertical position
        if (v.y + v.cy < h.offsetTop + h.offsetHeight) {


            //	top -= h.offsetHeight + 0+ settings(current).top;

            top=h +  10;

            helper.parent.css({top: top + 'px'}).addClass("viewport-bottom");
        }
    }

    function viewport() {
        return {
            x: $(window).scrollLeft(),
            y: $(window).scrollTop(),
            cx: $(window).width(),
            cy: $(window).height()
        };
    }


    // hide helper and restore added classes and the title
    function hide(event) {
        if($.tooltip.blocked)
            return;
        // clear timeout if possible
        if(tID)
            clearTimeout(tID);
        // no more current element
        current = null;


        var tsettings = settings(this);
        function complete() {
            helper.parent.removeClass( tsettings.extraClass ).hide().css("opacity", "");



            if (helper.parent.hasClass('viewport-right errorTip')) {


                $("#arrow-down").removeClass('arrow-grey');
                $("#arrow-down").addClass('arrowError');

            } else {

                $("#arrow-down").removeClass('arrowError');
                $("#arrow-down").addClass('arrow-grey');
            }

        }

        if ((!IE || !$.fn.bgiframe) && tsettings.fade) {
            if (helper.parent.is(':animated'))
                helper.parent.stop().fadeTo(tsettings.fade, 0, complete);
            else
                helper.parent.stop().fadeOut(tsettings.fade, complete);
        } else
            complete();

        if( settings(this).fixPNG )
            helper.parent.unfixPNG();
    }

})(jQuery);