jquery-week-calendar 0.1

data/LICENSE

@@ -0,0 +1,20 @@
+Copyright (c) 2012 Adam Fortuna
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,17 @@
+Wrapper for the jQuery-Week-Calendar Javascrip library.
+
+https://github.com/themouette/jquery-week-calendar
+
+Just add to your gemfile:
+
+ gem 'jquery-week-calendar'
+
+And include in your application.js:
+
+ //= require jquery-week-calendar
+ 
+Optionall include in your application.css
+
+ *= require jquery-week-calendar
+
+You'll probably want to also use jquery-ui with it for a quick skin. For this I used the 'jquery-ui-themes' gem to get setup, but you can also use the Google hosted version of course.

data/lib/jquery-week-calendar.rb

@@ -0,0 +1,11 @@
+require 'rails'
+
+module JqueryWeekCalendar
+  module Rails
+    if ::Rails.version < "3.1"
+      require 'jquery-week-calendar/railtie'
+    else
+      require 'jquery-week-calendar/engine'
+    end
+  end
+end

data/lib/jquery-week-calendar/engine.rb

@@ -0,0 +1,8 @@
+require 'rails'
+
+module JqueryWeekCalendar
+  module Rails
+    class Engine < ::Rails::Engine
+    end
+  end
+end

data/lib/jquery-week-calendar/generators.rb

@@ -0,0 +1,24 @@
+require 'rails/generators'
+
+module JqueryWeekCalendar
+  class Install < ::Rails::Generators::Base
+    JAVASCRIPTS = File.expand_path('../../../vendor/assets/javascripts', __FILE__)
+    STYLESHEETS = File.expand_path('../../../vendor/assets/stylesheets', __FILE__)
+
+    def self.source_root
+      @source_root ||= JAVASCRIPTS
+    end
+
+    def copy_calendar
+      Dir[File.join(JAVASCRIPTS, '*.js')].each do |file|
+        file = File.split(file).last
+        copy_file file, "public/javascripts/#{file}"
+      end
+
+      Dir[File.join(STYLESHEETS, '*.css')].each do |file|
+        file = File.split(file).last
+        copy_file file, "public/stylesheets/#{file}"
+      end
+    end
+  end
+end

data/lib/jquery-week-calendar/railtie.rb

@@ -0,0 +1,11 @@
+require 'rails'
+
+module JqueryWeekCalendar
+  module Rails
+    class Railtie < ::Rails::Railtie
+      generators do
+        require 'jquery-week-calendar/generators'
+      end
+    end
+  end
+end

data/vendor/assets/javascripts/jquery-week-calendar.js

@@ -0,0 +1,3011 @@
+/**
+ * @version: 1.0 Alpha-1
+ * @author: Coolite Inc. http://www.coolite.com/
+ * @date: 2008-05-13
+ * @copyright: Copyright (c) 2006-2008, Coolite Inc. (http://www.coolite.com/). All rights reserved.
+ * @license: Licensed under The MIT License. See license.txt and http://www.datejs.com/license/. 
+ * @website: http://www.datejs.com/
+ */
+Date.CultureInfo={name:"en-US",englishName:"English (United States)",nativeName:"English (United States)",dayNames:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],abbreviatedDayNames:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],shortestDayNames:["Su","Mo","Tu","We","Th","Fr","Sa"],firstLetterDayNames:["S","M","T","W","T","F","S"],monthNames:["January","February","March","April","May","June","July","August","September","October","November","December"],abbreviatedMonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],amDesignator:"AM",pmDesignator:"PM",firstDayOfWeek:0,twoDigitYearMax:2029,dateElementOrder:"mdy",formatPatterns:{shortDate:"M/d/yyyy",longDate:"dddd, MMMM dd, yyyy",shortTime:"h:mm tt",longTime:"h:mm:ss tt",fullDateTime:"dddd, MMMM dd, yyyy h:mm:ss tt",sortableDateTime:"yyyy-MM-ddTHH:mm:ss",universalSortableDateTime:"yyyy-MM-dd HH:mm:ssZ",rfc1123:"ddd, dd MMM yyyy HH:mm:ss GMT",monthDay:"MMMM dd",yearMonth:"MMMM, yyyy"},regexPatterns:{jan:/^jan(uary)?/i,feb:/^feb(ruary)?/i,mar:/^mar(ch)?/i,apr:/^apr(il)?/i,may:/^may/i,jun:/^jun(e)?/i,jul:/^jul(y)?/i,aug:/^aug(ust)?/i,sep:/^sep(t(ember)?)?/i,oct:/^oct(ober)?/i,nov:/^nov(ember)?/i,dec:/^dec(ember)?/i,sun:/^su(n(day)?)?/i,mon:/^mo(n(day)?)?/i,tue:/^tu(e(s(day)?)?)?/i,wed:/^we(d(nesday)?)?/i,thu:/^th(u(r(s(day)?)?)?)?/i,fri:/^fr(i(day)?)?/i,sat:/^sa(t(urday)?)?/i,future:/^next/i,past:/^last|past|prev(ious)?/i,add:/^(\+|aft(er)?|from|hence)/i,subtract:/^(\-|bef(ore)?|ago)/i,yesterday:/^yes(terday)?/i,today:/^t(od(ay)?)?/i,tomorrow:/^tom(orrow)?/i,now:/^n(ow)?/i,millisecond:/^ms|milli(second)?s?/i,second:/^sec(ond)?s?/i,minute:/^mn|min(ute)?s?/i,hour:/^h(our)?s?/i,week:/^w(eek)?s?/i,month:/^m(onth)?s?/i,day:/^d(ay)?s?/i,year:/^y(ear)?s?/i,shortMeridian:/^(a|p)/i,longMeridian:/^(a\.?m?\.?|p\.?m?\.?)/i,timezone:/^((e(s|d)t|c(s|d)t|m(s|d)t|p(s|d)t)|((gmt)?\s*(\+|\-)\s*\d\d\d\d?)|gmt|utc)/i,ordinalSuffix:/^\s*(st|nd|rd|th)/i,timeContext:/^\s*(\:|a(?!u|p)|p)/i},timezones:[{name:"UTC",offset:"-000"},{name:"GMT",offset:"-000"},{name:"EST",offset:"-0500"},{name:"EDT",offset:"-0400"},{name:"CST",offset:"-0600"},{name:"CDT",offset:"-0500"},{name:"MST",offset:"-0700"},{name:"MDT",offset:"-0600"},{name:"PST",offset:"-0800"},{name:"PDT",offset:"-0700"}]};
+(function(){var $D=Date,$P=$D.prototype,$C=$D.CultureInfo,p=function(s,l){if(!l){l=2;}
+return("000"+s).slice(l*-1);};$P.clearTime=function(){this.setHours(0);this.setMinutes(0);this.setSeconds(0);this.setMilliseconds(0);return this;};$P.setTimeToNow=function(){var n=new Date();this.setHours(n.getHours());this.setMinutes(n.getMinutes());this.setSeconds(n.getSeconds());this.setMilliseconds(n.getMilliseconds());return this;};$D.today=function(){return new Date().clearTime();};$D.compare=function(date1,date2){if(isNaN(date1)||isNaN(date2)){throw new Error(date1+" - "+date2);}else if(date1 instanceof Date&&date2 instanceof Date){return(date1<date2)?-1:(date1>date2)?1:0;}else{throw new TypeError(date1+" - "+date2);}};$D.equals=function(date1,date2){return(date1.compareTo(date2)===0);};$D.getDayNumberFromName=function(name){var n=$C.dayNames,m=$C.abbreviatedDayNames,o=$C.shortestDayNames,s=name.toLowerCase();for(var i=0;i<n.length;i++){if(n[i].toLowerCase()==s||m[i].toLowerCase()==s||o[i].toLowerCase()==s){return i;}}
+return-1;};$D.getMonthNumberFromName=function(name){var n=$C.monthNames,m=$C.abbreviatedMonthNames,s=name.toLowerCase();for(var i=0;i<n.length;i++){if(n[i].toLowerCase()==s||m[i].toLowerCase()==s){return i;}}
+return-1;};$D.isLeapYear=function(year){return((year%4===0&&year%100!==0)||year%400===0);};$D.getDaysInMonth=function(year,month){return[31,($D.isLeapYear(year)?29:28),31,30,31,30,31,31,30,31,30,31][month];};$D.getTimezoneAbbreviation=function(offset){var z=$C.timezones,p;for(var i=0;i<z.length;i++){if(z[i].offset===offset){return z[i].name;}}
+return null;};$D.getTimezoneOffset=function(name){var z=$C.timezones,p;for(var i=0;i<z.length;i++){if(z[i].name===name.toUpperCase()){return z[i].offset;}}
+return null;};$P.clone=function(){return new Date(this.getTime());};$P.compareTo=function(date){return Date.compare(this,date);};$P.equals=function(date){return Date.equals(this,date||new Date());};$P.between=function(start,end){return this.getTime()>=start.getTime()&&this.getTime()<=end.getTime();};$P.isAfter=function(date){return this.compareTo(date||new Date())===1;};$P.isBefore=function(date){return(this.compareTo(date||new Date())===-1);};$P.isToday=function(){return this.isSameDay(new Date());};$P.isSameDay=function(date){return this.clone().clearTime().equals(date.clone().clearTime());};$P.addMilliseconds=function(value){this.setMilliseconds(this.getMilliseconds()+value);return this;};$P.addSeconds=function(value){return this.addMilliseconds(value*1000);};$P.addMinutes=function(value){return this.addMilliseconds(value*60000);};$P.addHours=function(value){return this.addMilliseconds(value*3600000);};$P.addDays=function(value){this.setDate(this.getDate()+value);return this;};$P.addWeeks=function(value){return this.addDays(value*7);};$P.addMonths=function(value){var n=this.getDate();this.setDate(1);this.setMonth(this.getMonth()+value);this.setDate(Math.min(n,$D.getDaysInMonth(this.getFullYear(),this.getMonth())));return this;};$P.addYears=function(value){return this.addMonths(value*12);};$P.add=function(config){if(typeof config=="number"){this._orient=config;return this;}
+var x=config;if(x.milliseconds){this.addMilliseconds(x.milliseconds);}
+if(x.seconds){this.addSeconds(x.seconds);}
+if(x.minutes){this.addMinutes(x.minutes);}
+if(x.hours){this.addHours(x.hours);}
+if(x.weeks){this.addWeeks(x.weeks);}
+if(x.months){this.addMonths(x.months);}
+if(x.years){this.addYears(x.years);}
+if(x.days){this.addDays(x.days);}
+return this;};var $y,$m,$d;$P.getWeek=function(){var a,b,c,d,e,f,g,n,s,w;$y=(!$y)?this.getFullYear():$y;$m=(!$m)?this.getMonth()+1:$m;$d=(!$d)?this.getDate():$d;if($m<=2){a=$y-1;b=(a/4|0)-(a/100|0)+(a/400|0);c=((a-1)/4|0)-((a-1)/100|0)+((a-1)/400|0);s=b-c;e=0;f=$d-1+(31*($m-1));}else{a=$y;b=(a/4|0)-(a/100|0)+(a/400|0);c=((a-1)/4|0)-((a-1)/100|0)+((a-1)/400|0);s=b-c;e=s+1;f=$d+((153*($m-3)+2)/5)+58+s;}
+g=(a+b)%7;d=(f+g-e)%7;n=(f+3-d)|0;if(n<0){w=53-((g-s)/5|0);}else if(n>364+s){w=1;}else{w=(n/7|0)+1;}
+$y=$m=$d=null;return w;};$P.getISOWeek=function(){$y=this.getUTCFullYear();$m=this.getUTCMonth()+1;$d=this.getUTCDate();return p(this.getWeek());};$P.setWeek=function(n){return this.moveToDayOfWeek(1).addWeeks(n-this.getWeek());};$D._validate=function(n,min,max,name){if(typeof n=="undefined"){return false;}else if(typeof n!="number"){throw new TypeError(n+" is not a Number.");}else if(n<min||n>max){throw new RangeError(n+" is not a valid value for "+name+".");}
+return true;};$D.validateMillisecond=function(value){return $D._validate(value,0,999,"millisecond");};$D.validateSecond=function(value){return $D._validate(value,0,59,"second");};$D.validateMinute=function(value){return $D._validate(value,0,59,"minute");};$D.validateHour=function(value){return $D._validate(value,0,23,"hour");};$D.validateDay=function(value,year,month){return $D._validate(value,1,$D.getDaysInMonth(year,month),"day");};$D.validateMonth=function(value){return $D._validate(value,0,11,"month");};$D.validateYear=function(value){return $D._validate(value,0,9999,"year");};$P.set=function(config){if($D.validateMillisecond(config.millisecond)){this.addMilliseconds(config.millisecond-this.getMilliseconds());}
+if($D.validateSecond(config.second)){this.addSeconds(config.second-this.getSeconds());}
+if($D.validateMinute(config.minute)){this.addMinutes(config.minute-this.getMinutes());}
+if($D.validateHour(config.hour)){this.addHours(config.hour-this.getHours());}
+if($D.validateMonth(config.month)){this.addMonths(config.month-this.getMonth());}
+if($D.validateYear(config.year)){this.addYears(config.year-this.getFullYear());}
+if($D.validateDay(config.day,this.getFullYear(),this.getMonth())){this.addDays(config.day-this.getDate());}
+if(config.timezone){this.setTimezone(config.timezone);}
+if(config.timezoneOffset){this.setTimezoneOffset(config.timezoneOffset);}
+if(config.week&&$D._validate(config.week,0,53,"week")){this.setWeek(config.week);}
+return this;};$P.moveToFirstDayOfMonth=function(){return this.set({day:1});};$P.moveToLastDayOfMonth=function(){return this.set({day:$D.getDaysInMonth(this.getFullYear(),this.getMonth())});};$P.moveToNthOccurrence=function(dayOfWeek,occurrence){var shift=0;if(occurrence>0){shift=occurrence-1;}
+else if(occurrence===-1){this.moveToLastDayOfMonth();if(this.getDay()!==dayOfWeek){this.moveToDayOfWeek(dayOfWeek,-1);}
+return this;}
+return this.moveToFirstDayOfMonth().addDays(-1).moveToDayOfWeek(dayOfWeek,+1).addWeeks(shift);};$P.moveToDayOfWeek=function(dayOfWeek,orient){var diff=(dayOfWeek-this.getDay()+7*(orient||+1))%7;return this.addDays((diff===0)?diff+=7*(orient||+1):diff);};$P.moveToMonth=function(month,orient){var diff=(month-this.getMonth()+12*(orient||+1))%12;return this.addMonths((diff===0)?diff+=12*(orient||+1):diff);};$P.getOrdinalNumber=function(){return Math.ceil((this.clone().clearTime()-new Date(this.getFullYear(),0,1))/86400000)+1;};$P.getTimezone=function(){return $D.getTimezoneAbbreviation(this.getUTCOffset());};$P.setTimezoneOffset=function(offset){var here=this.getTimezoneOffset(),there=Number(offset)*-6/10;return this.addMinutes(there-here);};$P.setTimezone=function(offset){return this.setTimezoneOffset($D.getTimezoneOffset(offset));};$P.hasDaylightSavingTime=function(){return(Date.today().set({month:0,day:1}).getTimezoneOffset()!==Date.today().set({month:6,day:1}).getTimezoneOffset());};$P.isDaylightSavingTime=function(){return(this.hasDaylightSavingTime()&&new Date().getTimezoneOffset()===Date.today().set({month:6,day:1}).getTimezoneOffset());};$P.getUTCOffset=function(){var n=this.getTimezoneOffset()*-10/6,r;if(n<0){r=(n-10000).toString();return r.charAt(0)+r.substr(2);}else{r=(n+10000).toString();return"+"+r.substr(1);}};$P.getElapsed=function(date){return(date||new Date())-this;};if(!$P.toISOString){$P.toISOString=function(){function f(n){return n<10?'0'+n:n;}
+return'"'+this.getUTCFullYear()+'-'+
+f(this.getUTCMonth()+1)+'-'+
+f(this.getUTCDate())+'T'+
+f(this.getUTCHours())+':'+
+f(this.getUTCMinutes())+':'+
+f(this.getUTCSeconds())+'Z"';};}
+$P._toString=$P.toString;$P.toString=function(format){var x=this;if(format&&format.length==1){var c=$C.formatPatterns;x.t=x.toString;switch(format){case"d":return x.t(c.shortDate);case"D":return x.t(c.longDate);case"F":return x.t(c.fullDateTime);case"m":return x.t(c.monthDay);case"r":return x.t(c.rfc1123);case"s":return x.t(c.sortableDateTime);case"t":return x.t(c.shortTime);case"T":return x.t(c.longTime);case"u":return x.t(c.universalSortableDateTime);case"y":return x.t(c.yearMonth);}}
+var ord=function(n){switch(n*1){case 1:case 21:case 31:return"st";case 2:case 22:return"nd";case 3:case 23:return"rd";default:return"th";}};return format?format.replace(/(\\)?(dd?d?d?|MM?M?M?|yy?y?y?|hh?|HH?|mm?|ss?|tt?|S)/g,function(m){if(m.charAt(0)==="\\"){return m.replace("\\","");}
+x.h=x.getHours;switch(m){case"hh":return p(x.h()<13?(x.h()===0?12:x.h()):(x.h()-12));case"h":return x.h()<13?(x.h()===0?12:x.h()):(x.h()-12);case"HH":return p(x.h());case"H":return x.h();case"mm":return p(x.getMinutes());case"m":return x.getMinutes();case"ss":return p(x.getSeconds());case"s":return x.getSeconds();case"yyyy":return p(x.getFullYear(),4);case"yy":return p(x.getFullYear());case"dddd":return $C.dayNames[x.getDay()];case"ddd":return $C.abbreviatedDayNames[x.getDay()];case"dd":return p(x.getDate());case"d":return x.getDate();case"MMMM":return $C.monthNames[x.getMonth()];case"MMM":return $C.abbreviatedMonthNames[x.getMonth()];case"MM":return p((x.getMonth()+1));case"M":return x.getMonth()+1;case"t":return x.h()<12?$C.amDesignator.substring(0,1):$C.pmDesignator.substring(0,1);case"tt":return x.h()<12?$C.amDesignator:$C.pmDesignator;case"S":return ord(x.getDate());default:return m;}}):this._toString();};}());
+(function(){var $D=Date,$P=$D.prototype,$C=$D.CultureInfo,$N=Number.prototype;$P._orient=+1;$P._nth=null;$P._is=false;$P._same=false;$P._isSecond=false;$N._dateElement="day";$P.next=function(){this._orient=+1;return this;};$D.next=function(){return $D.today().next();};$P.last=$P.prev=$P.previous=function(){this._orient=-1;return this;};$D.last=$D.prev=$D.previous=function(){return $D.today().last();};$P.is=function(){this._is=true;return this;};$P.same=function(){this._same=true;this._isSecond=false;return this;};$P.today=function(){return this.same().day();};$P.weekday=function(){if(this._is){this._is=false;return(!this.is().sat()&&!this.is().sun());}
+return false;};$P.at=function(time){return(typeof time==="string")?$D.parse(this.toString("d")+" "+time):this.set(time);};$N.fromNow=$N.after=function(date){var c={};c[this._dateElement]=this;return((!date)?new Date():date.clone()).add(c);};$N.ago=$N.before=function(date){var c={};c[this._dateElement]=this*-1;return((!date)?new Date():date.clone()).add(c);};var dx=("sunday monday tuesday wednesday thursday friday saturday").split(/\s/),mx=("january february march april may june july august september october november december").split(/\s/),px=("Millisecond Second Minute Hour Day Week Month Year").split(/\s/),pxf=("Milliseconds Seconds Minutes Hours Date Week Month FullYear").split(/\s/),nth=("final first second third fourth fifth").split(/\s/),de;$P.toObject=function(){var o={};for(var i=0;i<px.length;i++){o[px[i].toLowerCase()]=this["get"+pxf[i]]();}
+return o;};$D.fromObject=function(config){config.week=null;return Date.today().set(config);};var df=function(n){return function(){if(this._is){this._is=false;return this.getDay()==n;}
+if(this._nth!==null){if(this._isSecond){this.addSeconds(this._orient*-1);}
+this._isSecond=false;var ntemp=this._nth;this._nth=null;var temp=this.clone().moveToLastDayOfMonth();this.moveToNthOccurrence(n,ntemp);if(this>temp){throw new RangeError($D.getDayName(n)+" does not occur "+ntemp+" times in the month of "+$D.getMonthName(temp.getMonth())+" "+temp.getFullYear()+".");}
+return this;}
+return this.moveToDayOfWeek(n,this._orient);};};var sdf=function(n){return function(){var t=$D.today(),shift=n-t.getDay();if(n===0&&$C.firstDayOfWeek===1&&t.getDay()!==0){shift=shift+7;}
+return t.addDays(shift);};};for(var i=0;i<dx.length;i++){$D[dx[i].toUpperCase()]=$D[dx[i].toUpperCase().substring(0,3)]=i;$D[dx[i]]=$D[dx[i].substring(0,3)]=sdf(i);$P[dx[i]]=$P[dx[i].substring(0,3)]=df(i);}
+var mf=function(n){return function(){if(this._is){this._is=false;return this.getMonth()===n;}
+return this.moveToMonth(n,this._orient);};};var smf=function(n){return function(){return $D.today().set({month:n,day:1});};};for(var j=0;j<mx.length;j++){$D[mx[j].toUpperCase()]=$D[mx[j].toUpperCase().substring(0,3)]=j;$D[mx[j]]=$D[mx[j].substring(0,3)]=smf(j);$P[mx[j]]=$P[mx[j].substring(0,3)]=mf(j);}
+var ef=function(j){return function(){if(this._isSecond){this._isSecond=false;return this;}
+if(this._same){this._same=this._is=false;var o1=this.toObject(),o2=(arguments[0]||new Date()).toObject(),v="",k=j.toLowerCase();for(var m=(px.length-1);m>-1;m--){v=px[m].toLowerCase();if(o1[v]!=o2[v]){return false;}
+if(k==v){break;}}
+return true;}
+if(j.substring(j.length-1)!="s"){j+="s";}
+return this["add"+j](this._orient);};};var nf=function(n){return function(){this._dateElement=n;return this;};};for(var k=0;k<px.length;k++){de=px[k].toLowerCase();$P[de]=$P[de+"s"]=ef(px[k]);$N[de]=$N[de+"s"]=nf(de);}
+$P._ss=ef("Second");var nthfn=function(n){return function(dayOfWeek){if(this._same){return this._ss(arguments[0]);}
+if(dayOfWeek||dayOfWeek===0){return this.moveToNthOccurrence(dayOfWeek,n);}
+this._nth=n;if(n===2&&(dayOfWeek===undefined||dayOfWeek===null)){this._isSecond=true;return this.addSeconds(this._orient);}
+return this;};};for(var l=0;l<nth.length;l++){$P[nth[l]]=(l===0)?nthfn(-1):nthfn(l);}}());
+(function(){Date.Parsing={Exception:function(s){this.message="Parse error at '"+s.substring(0,10)+" ...'";}};var $P=Date.Parsing;var _=$P.Operators={rtoken:function(r){return function(s){var mx=s.match(r);if(mx){return([mx[0],s.substring(mx[0].length)]);}else{throw new $P.Exception(s);}};},token:function(s){return function(s){return _.rtoken(new RegExp("^\s*"+s+"\s*"))(s);};},stoken:function(s){return _.rtoken(new RegExp("^"+s));},until:function(p){return function(s){var qx=[],rx=null;while(s.length){try{rx=p.call(this,s);}catch(e){qx.push(rx[0]);s=rx[1];continue;}
+break;}
+return[qx,s];};},many:function(p){return function(s){var rx=[],r=null;while(s.length){try{r=p.call(this,s);}catch(e){return[rx,s];}
+rx.push(r[0]);s=r[1];}
+return[rx,s];};},optional:function(p){return function(s){var r=null;try{r=p.call(this,s);}catch(e){return[null,s];}
+return[r[0],r[1]];};},not:function(p){return function(s){try{p.call(this,s);}catch(e){return[null,s];}
+throw new $P.Exception(s);};},ignore:function(p){return p?function(s){var r=null;r=p.call(this,s);return[null,r[1]];}:null;},product:function(){var px=arguments[0],qx=Array.prototype.slice.call(arguments,1),rx=[];for(var i=0;i<px.length;i++){rx.push(_.each(px[i],qx));}
+return rx;},cache:function(rule){var cache={},r=null;return function(s){try{r=cache[s]=(cache[s]||rule.call(this,s));}catch(e){r=cache[s]=e;}
+if(r instanceof $P.Exception){throw r;}else{return r;}};},any:function(){var px=arguments;return function(s){var r=null;for(var i=0;i<px.length;i++){if(px[i]==null){continue;}
+try{r=(px[i].call(this,s));}catch(e){r=null;}
+if(r){return r;}}
+throw new $P.Exception(s);};},each:function(){var px=arguments;return function(s){var rx=[],r=null;for(var i=0;i<px.length;i++){if(px[i]==null){continue;}
+try{r=(px[i].call(this,s));}catch(e){throw new $P.Exception(s);}
+rx.push(r[0]);s=r[1];}
+return[rx,s];};},all:function(){var px=arguments,_=_;return _.each(_.optional(px));},sequence:function(px,d,c){d=d||_.rtoken(/^\s*/);c=c||null;if(px.length==1){return px[0];}
+return function(s){var r=null,q=null;var rx=[];for(var i=0;i<px.length;i++){try{r=px[i].call(this,s);}catch(e){break;}
+rx.push(r[0]);try{q=d.call(this,r[1]);}catch(ex){q=null;break;}
+s=q[1];}
+if(!r){throw new $P.Exception(s);}
+if(q){throw new $P.Exception(q[1]);}
+if(c){try{r=c.call(this,r[1]);}catch(ey){throw new $P.Exception(r[1]);}}
+return[rx,(r?r[1]:s)];};},between:function(d1,p,d2){d2=d2||d1;var _fn=_.each(_.ignore(d1),p,_.ignore(d2));return function(s){var rx=_fn.call(this,s);return[[rx[0][0],r[0][2]],rx[1]];};},list:function(p,d,c){d=d||_.rtoken(/^\s*/);c=c||null;return(p instanceof Array?_.each(_.product(p.slice(0,-1),_.ignore(d)),p.slice(-1),_.ignore(c)):_.each(_.many(_.each(p,_.ignore(d))),px,_.ignore(c)));},set:function(px,d,c){d=d||_.rtoken(/^\s*/);c=c||null;return function(s){var r=null,p=null,q=null,rx=null,best=[[],s],last=false;for(var i=0;i<px.length;i++){q=null;p=null;r=null;last=(px.length==1);try{r=px[i].call(this,s);}catch(e){continue;}
+rx=[[r[0]],r[1]];if(r[1].length>0&&!last){try{q=d.call(this,r[1]);}catch(ex){last=true;}}else{last=true;}
+if(!last&&q[1].length===0){last=true;}
+if(!last){var qx=[];for(var j=0;j<px.length;j++){if(i!=j){qx.push(px[j]);}}
+p=_.set(qx,d).call(this,q[1]);if(p[0].length>0){rx[0]=rx[0].concat(p[0]);rx[1]=p[1];}}
+if(rx[1].length<best[1].length){best=rx;}
+if(best[1].length===0){break;}}
+if(best[0].length===0){return best;}
+if(c){try{q=c.call(this,best[1]);}catch(ey){throw new $P.Exception(best[1]);}
+best[1]=q[1];}
+return best;};},forward:function(gr,fname){return function(s){return gr[fname].call(this,s);};},replace:function(rule,repl){return function(s){var r=rule.call(this,s);return[repl,r[1]];};},process:function(rule,fn){return function(s){var r=rule.call(this,s);return[fn.call(this,r[0]),r[1]];};},min:function(min,rule){return function(s){var rx=rule.call(this,s);if(rx[0].length<min){throw new $P.Exception(s);}
+return rx;};}};var _generator=function(op){return function(){var args=null,rx=[];if(arguments.length>1){args=Array.prototype.slice.call(arguments);}else if(arguments[0]instanceof Array){args=arguments[0];}
+if(args){for(var i=0,px=args.shift();i<px.length;i++){args.unshift(px[i]);rx.push(op.apply(null,args));args.shift();return rx;}}else{return op.apply(null,arguments);}};};var gx="optional not ignore cache".split(/\s/);for(var i=0;i<gx.length;i++){_[gx[i]]=_generator(_[gx[i]]);}
+var _vector=function(op){return function(){if(arguments[0]instanceof Array){return op.apply(null,arguments[0]);}else{return op.apply(null,arguments);}};};var vx="each any all".split(/\s/);for(var j=0;j<vx.length;j++){_[vx[j]]=_vector(_[vx[j]]);}}());(function(){var $D=Date,$P=$D.prototype,$C=$D.CultureInfo;var flattenAndCompact=function(ax){var rx=[];for(var i=0;i<ax.length;i++){if(ax[i]instanceof Array){rx=rx.concat(flattenAndCompact(ax[i]));}else{if(ax[i]){rx.push(ax[i]);}}}
+return rx;};$D.Grammar={};$D.Translator={hour:function(s){return function(){this.hour=Number(s);};},minute:function(s){return function(){this.minute=Number(s);};},second:function(s){return function(){this.second=Number(s);};},meridian:function(s){return function(){this.meridian=s.slice(0,1).toLowerCase();};},timezone:function(s){return function(){var n=s.replace(/[^\d\+\-]/g,"");if(n.length){this.timezoneOffset=Number(n);}else{this.timezone=s.toLowerCase();}};},day:function(x){var s=x[0];return function(){this.day=Number(s.match(/\d+/)[0]);};},month:function(s){return function(){this.month=(s.length==3)?"jan feb mar apr may jun jul aug sep oct nov dec".indexOf(s)/4:Number(s)-1;};},year:function(s){return function(){var n=Number(s);this.year=((s.length>2)?n:(n+(((n+2000)<$C.twoDigitYearMax)?2000:1900)));};},rday:function(s){return function(){switch(s){case"yesterday":this.days=-1;break;case"tomorrow":this.days=1;break;case"today":this.days=0;break;case"now":this.days=0;this.now=true;break;}};},finishExact:function(x){x=(x instanceof Array)?x:[x];for(var i=0;i<x.length;i++){if(x[i]){x[i].call(this);}}
+var now=new Date();if((this.hour||this.minute)&&(!this.month&&!this.year&&!this.day)){this.day=now.getDate();}
+if(!this.year){this.year=now.getFullYear();}
+if(!this.month&&this.month!==0){this.month=now.getMonth();}
+if(!this.day){this.day=1;}
+if(!this.hour){this.hour=0;}
+if(!this.minute){this.minute=0;}
+if(!this.second){this.second=0;}
+if(this.meridian&&this.hour){if(this.meridian=="p"&&this.hour<12){this.hour=this.hour+12;}else if(this.meridian=="a"&&this.hour==12){this.hour=0;}}
+if(this.day>$D.getDaysInMonth(this.year,this.month)){throw new RangeError(this.day+" is not a valid value for days.");}
+var r=new Date(this.year,this.month,this.day,this.hour,this.minute,this.second);if(this.timezone){r.set({timezone:this.timezone});}else if(this.timezoneOffset){r.set({timezoneOffset:this.timezoneOffset});}
+return r;},finish:function(x){x=(x instanceof Array)?flattenAndCompact(x):[x];if(x.length===0){return null;}
+for(var i=0;i<x.length;i++){if(typeof x[i]=="function"){x[i].call(this);}}
+var today=$D.today();if(this.now&&!this.unit&&!this.operator){return new Date();}else if(this.now){today=new Date();}
+var expression=!!(this.days&&this.days!==null||this.orient||this.operator);var gap,mod,orient;orient=((this.orient=="past"||this.operator=="subtract")?-1:1);if(!this.now&&"hour minute second".indexOf(this.unit)!=-1){today.setTimeToNow();}
+if(this.month||this.month===0){if("year day hour minute second".indexOf(this.unit)!=-1){this.value=this.month+1;this.month=null;expression=true;}}
+if(!expression&&this.weekday&&!this.day&&!this.days){var temp=Date[this.weekday]();this.day=temp.getDate();if(!this.month){this.month=temp.getMonth();}
+this.year=temp.getFullYear();}
+if(expression&&this.weekday&&this.unit!="month"){this.unit="day";gap=($D.getDayNumberFromName(this.weekday)-today.getDay());mod=7;this.days=gap?((gap+(orient*mod))%mod):(orient*mod);}
+if(this.month&&this.unit=="day"&&this.operator){this.value=(this.month+1);this.month=null;}
+if(this.value!=null&&this.month!=null&&this.year!=null){this.day=this.value*1;}
+if(this.month&&!this.day&&this.value){today.set({day:this.value*1});if(!expression){this.day=this.value*1;}}
+if(!this.month&&this.value&&this.unit=="month"&&!this.now){this.month=this.value;expression=true;}
+if(expression&&(this.month||this.month===0)&&this.unit!="year"){this.unit="month";gap=(this.month-today.getMonth());mod=12;this.months=gap?((gap+(orient*mod))%mod):(orient*mod);this.month=null;}
+if(!this.unit){this.unit="day";}
+if(!this.value&&this.operator&&this.operator!==null&&this[this.unit+"s"]&&this[this.unit+"s"]!==null){this[this.unit+"s"]=this[this.unit+"s"]+((this.operator=="add")?1:-1)+(this.value||0)*orient;}else if(this[this.unit+"s"]==null||this.operator!=null){if(!this.value){this.value=1;}
+this[this.unit+"s"]=this.value*orient;}
+if(this.meridian&&this.hour){if(this.meridian=="p"&&this.hour<12){this.hour=this.hour+12;}else if(this.meridian=="a"&&this.hour==12){this.hour=0;}}
+if(this.weekday&&!this.day&&!this.days){var temp=Date[this.weekday]();this.day=temp.getDate();if(temp.getMonth()!==today.getMonth()){this.month=temp.getMonth();}}
+if((this.month||this.month===0)&&!this.day){this.day=1;}
+if(!this.orient&&!this.operator&&this.unit=="week"&&this.value&&!this.day&&!this.month){return Date.today().setWeek(this.value);}
+if(expression&&this.timezone&&this.day&&this.days){this.day=this.days;}
+return(expression)?today.add(this):today.set(this);}};var _=$D.Parsing.Operators,g=$D.Grammar,t=$D.Translator,_fn;g.datePartDelimiter=_.rtoken(/^([\s\-\.\,\/\x27]+)/);g.timePartDelimiter=_.stoken(":");g.whiteSpace=_.rtoken(/^\s*/);g.generalDelimiter=_.rtoken(/^(([\s\,]|at|@|on)+)/);var _C={};g.ctoken=function(keys){var fn=_C[keys];if(!fn){var c=$C.regexPatterns;var kx=keys.split(/\s+/),px=[];for(var i=0;i<kx.length;i++){px.push(_.replace(_.rtoken(c[kx[i]]),kx[i]));}
+fn=_C[keys]=_.any.apply(null,px);}
+return fn;};g.ctoken2=function(key){return _.rtoken($C.regexPatterns[key]);};g.h=_.cache(_.process(_.rtoken(/^(0[0-9]|1[0-2]|[1-9])/),t.hour));g.hh=_.cache(_.process(_.rtoken(/^(0[0-9]|1[0-2])/),t.hour));g.H=_.cache(_.process(_.rtoken(/^([0-1][0-9]|2[0-3]|[0-9])/),t.hour));g.HH=_.cache(_.process(_.rtoken(/^([0-1][0-9]|2[0-3])/),t.hour));g.m=_.cache(_.process(_.rtoken(/^([0-5][0-9]|[0-9])/),t.minute));g.mm=_.cache(_.process(_.rtoken(/^[0-5][0-9]/),t.minute));g.s=_.cache(_.process(_.rtoken(/^([0-5][0-9]|[0-9])/),t.second));g.ss=_.cache(_.process(_.rtoken(/^[0-5][0-9]/),t.second));g.hms=_.cache(_.sequence([g.H,g.m,g.s],g.timePartDelimiter));g.t=_.cache(_.process(g.ctoken2("shortMeridian"),t.meridian));g.tt=_.cache(_.process(g.ctoken2("longMeridian"),t.meridian));g.z=_.cache(_.process(_.rtoken(/^((\+|\-)\s*\d\d\d\d)|((\+|\-)\d\d\:?\d\d)/),t.timezone));g.zz=_.cache(_.process(_.rtoken(/^((\+|\-)\s*\d\d\d\d)|((\+|\-)\d\d\:?\d\d)/),t.timezone));g.zzz=_.cache(_.process(g.ctoken2("timezone"),t.timezone));g.timeSuffix=_.each(_.ignore(g.whiteSpace),_.set([g.tt,g.zzz]));g.time=_.each(_.optional(_.ignore(_.stoken("T"))),g.hms,g.timeSuffix);g.d=_.cache(_.process(_.each(_.rtoken(/^([0-2]\d|3[0-1]|\d)/),_.optional(g.ctoken2("ordinalSuffix"))),t.day));g.dd=_.cache(_.process(_.each(_.rtoken(/^([0-2]\d|3[0-1])/),_.optional(g.ctoken2("ordinalSuffix"))),t.day));g.ddd=g.dddd=_.cache(_.process(g.ctoken("sun mon tue wed thu fri sat"),function(s){return function(){this.weekday=s;};}));g.M=_.cache(_.process(_.rtoken(/^(1[0-2]|0\d|\d)/),t.month));g.MM=_.cache(_.process(_.rtoken(/^(1[0-2]|0\d)/),t.month));g.MMM=g.MMMM=_.cache(_.process(g.ctoken("jan feb mar apr may jun jul aug sep oct nov dec"),t.month));g.y=_.cache(_.process(_.rtoken(/^(\d\d?)/),t.year));g.yy=_.cache(_.process(_.rtoken(/^(\d\d)/),t.year));g.yyy=_.cache(_.process(_.rtoken(/^(\d\d?\d?\d?)/),t.year));g.yyyy=_.cache(_.process(_.rtoken(/^(\d\d\d\d)/),t.year));_fn=function(){return _.each(_.any.apply(null,arguments),_.not(g.ctoken2("timeContext")));};g.day=_fn(g.d,g.dd);g.month=_fn(g.M,g.MMM);g.year=_fn(g.yyyy,g.yy);g.orientation=_.process(g.ctoken("past future"),function(s){return function(){this.orient=s;};});g.operator=_.process(g.ctoken("add subtract"),function(s){return function(){this.operator=s;};});g.rday=_.process(g.ctoken("yesterday tomorrow today now"),t.rday);g.unit=_.process(g.ctoken("second minute hour day week month year"),function(s){return function(){this.unit=s;};});g.value=_.process(_.rtoken(/^\d\d?(st|nd|rd|th)?/),function(s){return function(){this.value=s.replace(/\D/g,"");};});g.expression=_.set([g.rday,g.operator,g.value,g.unit,g.orientation,g.ddd,g.MMM]);_fn=function(){return _.set(arguments,g.datePartDelimiter);};g.mdy=_fn(g.ddd,g.month,g.day,g.year);g.ymd=_fn(g.ddd,g.year,g.month,g.day);g.dmy=_fn(g.ddd,g.day,g.month,g.year);g.date=function(s){return((g[$C.dateElementOrder]||g.mdy).call(this,s));};g.format=_.process(_.many(_.any(_.process(_.rtoken(/^(dd?d?d?|MM?M?M?|yy?y?y?|hh?|HH?|mm?|ss?|tt?|zz?z?)/),function(fmt){if(g[fmt]){return g[fmt];}else{throw $D.Parsing.Exception(fmt);}}),_.process(_.rtoken(/^[^dMyhHmstz]+/),function(s){return _.ignore(_.stoken(s));}))),function(rules){return _.process(_.each.apply(null,rules),t.finishExact);});var _F={};var _get=function(f){return _F[f]=(_F[f]||g.format(f)[0]);};g.formats=function(fx){if(fx instanceof Array){var rx=[];for(var i=0;i<fx.length;i++){rx.push(_get(fx[i]));}
+return _.any.apply(null,rx);}else{return _get(fx);}};g._formats=g.formats(["\"yyyy-MM-ddTHH:mm:ssZ\"","yyyy-MM-ddTHH:mm:ssZ","yyyy-MM-ddTHH:mm:ssz","yyyy-MM-ddTHH:mm:ss","yyyy-MM-ddTHH:mmZ","yyyy-MM-ddTHH:mmz","yyyy-MM-ddTHH:mm","ddd, MMM dd, yyyy H:mm:ss tt","ddd MMM d yyyy HH:mm:ss zzz","MMddyyyy","ddMMyyyy","Mddyyyy","ddMyyyy","Mdyyyy","dMyyyy","yyyy","Mdyy","dMyy","d"]);g._start=_.process(_.set([g.date,g.time,g.expression],g.generalDelimiter,g.whiteSpace),t.finish);g.start=function(s){try{var r=g._formats.call({},s);if(r[1].length===0){return r;}}catch(e){}
+return g._start.call({},s);};$D._parse=$D.parse;$D.parse=function(s){var r=null;if(!s){return null;}
+if(s instanceof Date){return s;}
+try{r=$D.Grammar.start.call({},s.replace(/^\s*(\S*(\s+\S+)*)\s*$/,"$1"));}catch(e){return null;}
+return((r[1].length===0)?r[0]:null);};$D.getParseFunction=function(fx){var fn=$D.Grammar.formats(fx);return function(s){var r=null;try{r=fn.call({},s);}catch(e){return null;}
+return((r[1].length===0)?r[0]:null);};};$D.parseExact=function(s,fx){return $D.getParseFunction(fx)(s);};}());
+
+
+/*
+ * jQuery.weekCalendar v2.0-dev
+ *
+ * for support join us at the google group:
+ *    - http://groups.google.com/group/jquery-week-calendar
+ * have a look to the wiki for documentation:
+ *    - http://wiki.github.com/themouette/jquery-week-calendar/
+ * something went bad ? report an issue:
+ *    - http://github.com/themouette/jquery-week-calendar/issues
+ * get the last version on github:
+ *    - http://github.com/themouette/jquery-week-calendar
+ *
+ * Copyright (c) 2009 Rob Monie
+ * Copyright (c) 2010 Julien MUETTON
+ * Dual licensed under the MIT and GPL licenses:
+ *    http://www.opensource.org/licenses/mit-license.php
+ *    http://www.gnu.org/licenses/gpl.html
+ *
+ * If you're after a monthly calendar plugin, check out this one :
+ * http://arshaw.com/fullcalendar/
+ */
+
+(function($) {
+  // check the jquery version
+  var _v = $.fn.jquery.split('.'),
+      _jQuery14OrLower = (10 * _v[0] + _v[1]) < 15;
+
+  $.widget('ui.weekCalendar', (function() {
+    var _currentAjaxCall;
+    return {
+      options: {
+        date: new Date(),
+        timeFormat: null,
+        dateFormat: 'M d, Y',
+        alwaysDisplayTimeMinutes: true,
+        use24Hour: false,
+        daysToShow: 7,
+        minBodyHeight: 100,
+        firstDayOfWeek: function(calendar) {
+                  if ($(calendar).weekCalendar('option', 'daysToShow') != 5) {
+                    return 0;
+                  } else {
+                    //workweek
+                    return 1;
+                  }
+              }, // 0 = Sunday, 1 = Monday, 2 = Tuesday, ... , 6 = Saturday
+        useShortDayNames: false,
+        timeSeparator: ' to ',
+        startParam: 'start',
+        endParam: 'end',
+        businessHours: {start: 8, end: 18, limitDisplay: false},
+        newEventText: 'New Event',
+        timeslotHeight: 20,
+        defaultEventLength: 2,
+        timeslotsPerHour: 4,
+        minDate: null,
+        maxDate: null,
+        buttons: true,
+        buttonText: {
+          today: 'today',
+          lastWeek: 'previous',
+          nextWeek: 'next'
+        },
+        switchDisplay: {},
+        scrollToHourMillis: 500,
+	allowEventDelete: false,
+        allowCalEventOverlap: false,
+        overlapEventsSeparate: false,
+        totalEventsWidthPercentInOneColumn : 100,
+        readonly: false,
+        allowEventCreation: true,
+        deletable: function(calEvent, element) {
+          return true;
+        },
+        draggable: function(calEvent, element) {
+          return true;
+        },
+        resizable: function(calEvent, element) {
+          return true;
+        },
+        eventClick: function(calEvent, element, dayFreeBusyManager, 
+                                                      calendar, clickEvent) {
+        },
+        eventRender: function(calEvent, element) {
+          return element;
+        },
+        eventAfterRender: function(calEvent, element) {
+          return element;
+        },
+        eventRefresh: function(calEvent, element) {
+          return element;
+        },
+        eventDrag: function(calEvent, element) {
+        },
+        eventDrop: function(calEvent, element) {
+        },
+        eventResize: function(calEvent, element) {
+        },
+        eventNew: function(calEvent, element, dayFreeBusyManager, 
+                                                    calendar, mouseupEvent) {
+        },
+        eventMouseover: function(calEvent, $event) {
+        },
+        eventMouseout: function(calEvent, $event) {
+        },
+        eventDelete: function(calEvent, element, dayFreeBusyManager, 
+                                                      calendar, clickEvent) {
+            calendar.weekCalendar('removeEvent',calEvent.id);
+	},
+        calendarBeforeLoad: function(calendar) {
+        },
+        calendarAfterLoad: function(calendar) {
+        },
+        noEvents: function() {
+        },
+        eventHeader: function(calEvent, calendar) {
+          var options = calendar.weekCalendar('option');
+          var one_hour = 3600000;
+          var displayTitleWithTime = calEvent.end.getTime() - calEvent.start.getTime() <= (one_hour / options.timeslotsPerHour);
+          if (displayTitleWithTime) {
+            return calendar.weekCalendar(
+                        'formatTime', calEvent.start) +
+                        ': ' + calEvent.title;
+          } else {
+            return calendar.weekCalendar(
+                        'formatTime', calEvent.start) +
+                    options.timeSeparator +
+                    calendar.weekCalendar(
+                        'formatTime', calEvent.end);
+          }
+        },
+        eventBody: function(calEvent, calendar) {
+          return calEvent.title;
+        },
+        shortMonths: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+        longMonths: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
+        shortDays: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
+        longDays: ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'],
+        /* multi-users options */
+        /**
+         * the available users for calendar.
+         * if you want to display users separately, enable the
+         * showAsSeparateUsers option.
+         * if you provide a list of user and do not enable showAsSeparateUsers
+         * option, then only the events that belongs to one or several of
+         * given users will be displayed
+         * @type {array}
+         */
+        users: [],
+        /**
+         * should the calendar be displayed with separate column for each
+         * users.
+         * note that this option does nothing if you do not provide at least
+         * one user.
+         * @type {boolean}
+         */
+        showAsSeparateUsers: true,
+        /**
+         * callback used to read user id from a user object.
+         * @param {Object} user the user to retrieve the id from.
+         * @param {number} index the user index from user list.
+         * @param {jQuery} calendar the calendar object.
+         * @return {int|String} the user id.
+         */
+        getUserId: function(user, index, calendar) {
+          return index;
+        },
+        /**
+         * callback used to read user name from a user object.
+         * @param {Object} user the user to retrieve the name from.
+         * @param {number} index the user index from user list.
+         * @param {jQuery} calendar the calendar object.
+         * @return {String} the user name.
+         */
+        getUserName: function(user, index, calendar) {
+          return user;
+        },
+        /**
+         * reads the id(s) of user(s) for who the event should be displayed.
+         * @param {Object} calEvent the calEvent to read informations from.
+         * @param {jQuery} calendar the calendar object.
+         * @return {number|String|Array} the user id(s) to appened events for.
+         */
+        getEventUserId: function(calEvent, calendar) {
+          return calEvent.userId;
+        },
+        /**
+         * sets user id(s) to the calEvent
+         * @param {Object} calEvent the calEvent to set informations to.
+         * @param {jQuery} calendar the calendar object.
+         * @return {Object} the calEvent with modified user id.
+         */
+        setEventUserId: function(userId, calEvent, calendar) {
+          calEvent.userId = userId;
+          return calEvent;
+        },
+        /* freeBusy options */
+        /**
+         * should the calendar display freebusys ?
+         * @type {boolean}
+         */
+        displayFreeBusys: false,
+        /**
+         * read the id(s) for who the freebusy is available
+         * @param {Object} calEvent the calEvent to read informations from.
+         * @param {jQuery} calendar the calendar object.
+         * @return {number|String|Array} the user id(s) to appened events for.
+         */
+        getFreeBusyUserId: function(calFreeBusy, calendar) {
+          return calFreeBusy.userId;
+        },
+        /**
+         * the default freeBusy object, used to manage default state
+         * @type {Object}
+         */
+        defaultFreeBusy: {free: false},
+        /**
+         * function used to display the freeBusy element
+         * @type {Function}
+         * @param {Object} freeBusy the freeBusy timeslot to render.
+         * @param {jQuery} $freeBusy the freeBusy HTML element.
+         * @param {jQuery} calendar the calendar element.
+         */
+        freeBusyRender: function(freeBusy, $freeBusy, calendar) {
+          if (!freeBusy.free) {
+            $freeBusy.addClass('free-busy-busy');
+          }
+          else {
+            $freeBusy.addClass('free-busy-free');
+          }
+          return $freeBusy;
+        },
+        /* other options */
+        /**
+         * true means start on first day of week, false means starts on
+         * startDate.
+         * @param {jQuery} calendar the calendar object.
+         * @type {Function|bool}
+         */
+        startOnFirstDayOfWeek: function(calendar) {
+          return $(calendar).weekCalendar('option', 'daysToShow') >= 5;
+        },
+        /**
+         * should the columns be rendered alternatively using odd/even
+         * class
+         * @type {boolean}
+         */
+        displayOddEven: false,
+        textSize: 13,
+        /**
+         * the title attribute for the calendar. possible placeholders are:
+         * <ul>
+         *  <li>%start%</li>
+         *  <li>%end%</li>
+         *  <li>%date%</li>
+         * </ul>
+         * @type {Function|string}
+         * @param {number} option daysToShow.
+         * @return {String} the title attribute for the calendar.
+         */
+        title: '%start% - %end%',
+        /**
+         * default options to pass to callback
+         * you can pass a function returning an object or a litteral object
+         * @type {object|function(#calendar)}
+         */
+        jsonOptions: {},
+        headerSeparator: '<br />',
+        /**
+          * returns formatted header for day display
+          * @type {function(date,calendar)}
+          */
+        getHeaderDate: null,
+        preventDragOnEventCreation: false,
+        /**
+          * the event on which to bind calendar resize
+          * @type {string}
+          */
+        resizeEvent: 'resize.weekcalendar'
+      },
+
+      /***********************
+       * Initialise calendar *
+       ***********************/
+      _create: function() {
+        var self = this;
+        self._computeOptions();
+        self._setupEventDelegation();
+        self._renderCalendar();
+        self._loadCalEvents();
+        self._resizeCalendar();
+        self._scrollToHour(self.options.date.getHours(), true);
+
+        if (this.options.resizeEvent) {
+          $(window).unbind(this.options.resizeEvent);
+          $(window).bind(this.options.resizeEvent, function() {
+            self._resizeCalendar();
+          });
+        }
+
+      },
+
+      /********************
+       * public functions *
+       ********************/
+      /*
+       * Refresh the events for the currently displayed week.
+       */
+      refresh: function() {
+        //reload with existing week
+        this._loadCalEvents(this.element.data('startDate'));
+      },
+
+      /*
+       * Clear all events currently loaded into the calendar
+       */
+      clear: function() {
+        this._clearCalendar();
+      },
+
+      /*
+       * Go to this week
+       */
+      today: function() {
+        this._clearCalendar();
+        this._loadCalEvents(new Date());
+      },
+
+      /*
+       * Go to the previous week relative to the currently displayed week
+       */
+      prevWeek: function() {
+        //minus more than 1 day to be sure we're in previous week - account for daylight savings or other anomolies
+        var newDate = new Date(this.element.data('startDate').getTime() - (MILLIS_IN_WEEK / 6));
+        this._clearCalendar();
+        this._loadCalEvents(newDate);
+      },
+
+      /*
+        * Go to the next week relative to the currently displayed week
+        */
+      nextWeek: function() {
+          //add 8 days to be sure of being in prev week - allows for daylight savings or other anomolies
+          var newDate = new Date(this.element.data('startDate').getTime() + MILLIS_IN_WEEK + MILLIS_IN_DAY);
+          this._clearCalendar();
+          this._loadCalEvents(newDate);
+      },
+
+      /*
+        * Reload the calendar to whatever week the date passed in falls on.
+        */
+      gotoWeek: function(date) {
+          this._clearCalendar();
+          this._loadCalEvents(date);
+      },
+
+      /*
+        * Reload the calendar to whatever week the date passed in falls on.
+        */
+      gotoDate: function(date) {
+          this._clearCalendar();
+          this._loadCalEvents(date);
+      },
+
+      /**
+        * change the number of days to show
+        */
+      setDaysToShow: function(daysToShow) {
+          var self = this;
+          var hour = self._getCurrentScrollHour();
+          self.options.daysToShow = daysToShow;
+          $(self.element).html('');
+          self._renderCalendar();
+          self._loadCalEvents();
+          self._resizeCalendar();
+          self._scrollToHour(hour, false);
+
+          if (this.options.resizeEvent) {
+            $(window).unbind(this.options.resizeEvent);
+            $(window).bind(this.options.resizeEvent, function() {
+              self._resizeCalendar();
+            });
+        }
+      },
+
+      /*
+        * Remove an event based on it's id
+        */
+      removeEvent: function(eventId) {
+
+          var self = this;
+
+          self.element.find('.wc-cal-event').each(function() {
+            if ($(this).data('calEvent').id === eventId) {
+                $(this).remove();
+                return false;
+            }
+          });
+
+          //this could be more efficient rather than running on all days regardless...
+          self.element.find('.wc-day-column-inner').each(function() {
+            self._adjustOverlappingEvents($(this));
+          });
+      },
+
+      /*
+        * Removes any events that have been added but not yet saved (have no id).
+        * This is useful to call after adding a freshly saved new event.
+        */
+      removeUnsavedEvents: function() {
+
+          var self = this;
+
+          self.element.find('.wc-new-cal-event').each(function() {
+            $(this).remove();
+          });
+
+          //this could be more efficient rather than running on all days regardless...
+          self.element.find('.wc-day-column-inner').each(function() {
+            self._adjustOverlappingEvents($(this));
+          });
+      },
+
+      /*
+        * update an event in the calendar. If the event exists it refreshes
+        * it's rendering. If it's a new event that does not exist in the calendar
+        * it will be added.
+        */
+      updateEvent: function(calEvent) {
+          this._updateEventInCalendar(calEvent);
+      },
+
+      /*
+        * Returns an array of timeslot start and end times based on
+        * the configured grid of the calendar. Returns in both date and
+        * formatted time based on the 'timeFormat' config option.
+        */
+      getTimeslotTimes: function(date) {
+          var options = this.options;
+          var firstHourDisplayed = options.businessHours.limitDisplay ? options.businessHours.start : 0;
+          var startDate = new Date(date.getFullYear(), date.getMonth(), date.getDate(), firstHourDisplayed);
+
+          var times = [],
+              startMillis = startDate.getTime();
+          for (var i = 0; i < options.timeslotsPerDay; i++) {
+            var endMillis = startMillis + options.millisPerTimeslot;
+            times[i] = {
+                start: new Date(startMillis),
+                startFormatted: this.formatTime(new Date(startMillis), options.timeFormat),
+                end: new Date(endMillis),
+                endFormatted: this.formatTime(new Date(endMillis), options.timeFormat)
+            };
+            startMillis = endMillis;
+          }
+          return times;
+      },
+
+      formatDate: function(date, format) {
+          if (format) {
+            return this._formatDate(date, format);
+          } else {
+            return this._formatDate(date, this.options.dateFormat);
+          }
+      },
+
+      formatTime: function(date, format) {
+          if (format) {
+            return this._formatDate(date, format);
+          } else if (this.options.timeFormat) {
+            return this._formatDate(date, this.options.timeFormat);
+          } else if (this.options.use24Hour) {
+            return this._formatDate(date, 'H:i');
+          } else {
+            return this._formatDate(date, 'h:i a');
+          }
+      },
+
+      serializeEvents: function() {
+        var self = this;
+        var calEvents = [];
+
+        self.element.find('.wc-cal-event').each(function() {
+          calEvents.push($(this).data('calEvent'));
+        });
+        return calEvents;
+      },
+
+      next: function() {
+        if (this._startOnFirstDayOfWeek()) {
+          return this.nextWeek();
+        }
+        var newDate = new Date(this.element.data('startDate').getTime());
+        newDate.setDate(newDate.getDate() + this.options.daysToShow);
+
+        this._clearCalendar();
+        this._loadCalEvents(newDate);
+      },
+
+      prev: function() {
+        if (this._startOnFirstDayOfWeek()) {
+          return this.prevWeek();
+        }
+        var newDate = new Date(this.element.data('startDate').getTime());
+        newDate.setDate(newDate.getDate() - this.options.daysToShow);
+
+        this._clearCalendar();
+        this._loadCalEvents(newDate);
+      },
+      getCurrentFirstDay: function() {
+        return this._dateFirstDayOfWeek(this.options.date || new Date());
+      },
+      getCurrentLastDay: function() {
+        return this._addDays(this.getCurrentFirstDay(), this.options.daysToShow - 1);
+      },
+
+      /*********************
+        * private functions *
+        *********************/
+      _setOption: function(key, value) {
+        var self = this;
+        if (self.options[key] != value) {
+          // event callback change, no need to re-render the events
+          if (key == 'beforeEventNew') {
+            self.options[key] = value;
+            return;
+          }
+
+          // this could be made more efficient at some stage by caching the
+          // events array locally in a store but this should be done in conjunction
+          // with a proper binding model.
+
+          var currentEvents = $.map(self.element.find('.wc-cal-event'), function() {
+            return $(this).data('calEvent');
+          });
+
+          var newOptions = {};
+          newOptions[key] = value;
+          self._renderEvents({events: currentEvents, options: newOptions}, self.element.find('.wc-day-column-inner'));
+        }
+      },
+
+      // compute dynamic options based on other config values
+      _computeOptions: function() {
+        var options = this.options;
+        if (options.businessHours.limitDisplay) {
+          options.timeslotsPerDay = options.timeslotsPerHour * (options.businessHours.end - options.businessHours.start);
+          options.millisToDisplay = (options.businessHours.end - options.businessHours.start) * 3600000; // 60 * 60 * 1000
+          options.millisPerTimeslot = options.millisToDisplay / options.timeslotsPerDay;
+        } else {
+          options.timeslotsPerDay = options.timeslotsPerHour * 24;
+          options.millisToDisplay = MILLIS_IN_DAY;
+          options.millisPerTimeslot = MILLIS_IN_DAY / options.timeslotsPerDay;
+        }
+      },
+
+      /*
+        * Resize the calendar scrollable height based on the provided function in options.
+        */
+      _resizeCalendar: function() {
+        var options = this.options;
+        if (options && $.isFunction(options.height)) {
+          var calendarHeight = options.height(this.element);
+          var headerHeight = this.element.find('.wc-header').outerHeight();
+          var navHeight = this.element.find('.wc-toolbar').outerHeight();
+          var scrollContainerHeight = Math.max(calendarHeight - navHeight - headerHeight, options.minBodyHeight);
+          var timeslotHeight = this.element.find('.wc-time-slots').outerHeight();
+          this.element.find('.wc-scrollable-grid').height(scrollContainerHeight);
+          if (timeslotHeight <= scrollContainerHeight) {
+            this.element.find('.wc-scrollbar-shim').width(0);
+          }
+          else {
+            this.element.find('.wc-scrollbar-shim').width(this._findScrollBarWidth());
+          }
+          this._trigger('resize', this.element);
+        }
+      },
+
+      _findScrollBarWidth: function() {
+        var parent = $('<div style="width:50px;height:50px;overflow:auto"><div/></div>').appendTo('body');
+        var child = parent.children();
+        var width = child.innerWidth() - child.height(99).innerWidth();
+        parent.remove();
+        return width || /* default to 16 that is the average */ 16;
+      },
+
+      /*
+        * configure calendar interaction events that are able to use event
+        * delegation for greater efficiency
+        */
+      _setupEventDelegation: function() {
+        var self = this;
+        var options = this.options;
+        this.element.click(function(event) {
+          var $target = $(event.target),
+              freeBusyManager;
+          if ($target.data('preventClick')) {
+            return;
+          }
+          var $calEvent = $target.hasClass('wc-cal-event') ? $target : $target.parents('.wc-cal-event');
+          if ($calEvent.length) {
+            freeBusyManager = self.getFreeBusyManagerForEvent($calEvent.data('calEvent'));
+	    if (options.allowEventDelete && $target.hasClass('wc-cal-event-delete')) {
+		options.eventDelete($calEvent.data('calEvent'), $calEvent, freeBusyManager, self.element, event);
+	    }else{
+		options.eventClick($calEvent.data('calEvent'), $calEvent, freeBusyManager, self.element, event);
+	    }
+          }
+        }).mouseover(function(event) {
+          var $target = $(event.target);
+
+          if (self._isDraggingOrResizing($target)) {
+            return;
+          }
+
+          if ($target.hasClass('wc-cal-event')) {
+            options.eventMouseover($target.data('calEvent'), $target, event);
+          }
+        }).mouseout(function(event) {
+          var $target = $(event.target);
+          if (self._isDraggingOrResizing($target)) {
+            return;
+          }
+          if ($target.hasClass('wc-cal-event')) {
+            if ($target.data('sizing')) { return;}
+            options.eventMouseout($target.data('calEvent'), $target, event);
+          }
+        });
+      },
+
+      /*
+        * check if a ui draggable or resizable is currently being dragged or resized
+        */
+      _isDraggingOrResizing: function($target) {
+        return $target.hasClass('ui-draggable-dragging') || $target.hasClass('ui-resizable-resizing');
+      },
+
+      /*
+        * Render the main calendar layout
+        */
+      _renderCalendar: function() {
+        var $calendarContainer, $weekDayColumns;
+        var self = this;
+        var options = this.options;
+
+        $calendarContainer = $('<div class=\"ui-widget wc-container\">').appendTo(self.element);
+
+        //render the different parts
+          // nav links
+        self._renderCalendarButtons($calendarContainer);
+          // header
+        self._renderCalendarHeader($calendarContainer);
+          // body
+        self._renderCalendarBody($calendarContainer);
+
+        $weekDayColumns = $calendarContainer.find('.wc-day-column-inner');
+        $weekDayColumns.each(function(i, val) {
+            if (!options.readonly) {
+              self._addDroppableToWeekDay($(this));
+              if (options.allowEventCreation) {
+                self._setupEventCreationForWeekDay($(this));
+              }
+            }
+        });
+      },
+
+      /**
+        * render the nav buttons on top of the calendar
+        */
+      _renderCalendarButtons: function($calendarContainer) {
+        var self = this, options = this.options;
+        if (options.buttons) {
+            var calendarNavHtml = '';
+
+            calendarNavHtml += '<div class=\"ui-widget-header wc-toolbar\">';
+              calendarNavHtml += '<div class=\"wc-display\"></div>';
+              calendarNavHtml += '<div class=\"wc-nav\">';
+                calendarNavHtml += '<button class=\"wc-prev\">' + options.buttonText.lastWeek + '</button>';
+                calendarNavHtml += '<button class=\"wc-today\">' + options.buttonText.today + '</button>';
+                calendarNavHtml += '<button class=\"wc-next\">' + options.buttonText.nextWeek + '</button>';
+              calendarNavHtml += '</div>';
+              calendarNavHtml += '<h1 class=\"wc-title\"></h1>';
+            calendarNavHtml += '</div>';
+
+            $(calendarNavHtml).appendTo($calendarContainer);
+
+            $calendarContainer.find('.wc-nav .wc-today')
+              .button({
+                icons: {primary: 'ui-icon-home'}})
+              .click(function() {
+                    self.today();
+                    return false;
+                  });
+
+            $calendarContainer.find('.wc-nav .wc-prev')
+              .button({
+                text: false,
+                icons: {primary: 'ui-icon-seek-prev'}})
+              .click(function() {
+                  self.element.weekCalendar('prev');
+                  return false;
+                });
+
+            $calendarContainer.find('.wc-nav .wc-next')
+              .button({
+                text: false,
+                icons: {primary: 'ui-icon-seek-next'}})
+              .click(function() {
+                  self.element.weekCalendar('next');
+                  return false;
+                });
+
+            // now add buttons to switch display
+            if (this.options.switchDisplay && $.isPlainObject(this.options.switchDisplay)) {
+              var $container = $calendarContainer.find('.wc-display');
+              $.each(this.options.switchDisplay, function(label, option) {
+                      var _id = 'wc-switch-display-' + option;
+                      var _input = $('<input type="radio" id="' + _id + '" name="wc-switch-display" class="wc-switch-display"/>');
+                      var _label = $('<label for="' + _id + '"></label>');
+                      _label.html(label);
+                      _input.val(option);
+                      if (parseInt(self.options.daysToShow, 10) === parseInt(option, 10)) {
+                        _input.attr('checked', 'checked');
+                      }
+                      $container
+                        .append(_input)
+                        .append(_label);
+                    });
+              $container.find('input').change(function() {
+                  self.setDaysToShow(parseInt($(this).val(), 10));
+                });
+            }
+            $calendarContainer.find('.wc-nav, .wc-display').buttonset();
+            var _height = $calendarContainer.find('.wc-nav').outerHeight();
+            $calendarContainer.find('.wc-title')
+              .height(_height)
+              .css('line-height', _height + 'px');
+        }else{
+            var calendarNavHtml = '';
+            calendarNavHtml += '<div class=\"ui-widget-header wc-toolbar\">';
+              calendarNavHtml += '<h1 class=\"wc-title\"></h1>';
+            calendarNavHtml += '</div>';
+            $(calendarNavHtml).appendTo($calendarContainer);
+
+        }
+      },
+
+      /**
+        * render the calendar header, including date and user header
+        */
+      _renderCalendarHeader: function($calendarContainer) {
+        var self = this, options = this.options,
+            showAsSeparatedUser = options.showAsSeparateUsers && options.users && options.users.length,
+            rowspan = '', colspan = '', calendarHeaderHtml;
+
+        if (showAsSeparatedUser) {
+          rowspan = ' rowspan=\"2\"';
+          colspan = ' colspan=\"' + options.users.length + '\" ';
+        }
+
+        //first row
+        calendarHeaderHtml = '<div class=\"ui-widget-content wc-header\">';
+        calendarHeaderHtml += '<table><tbody><tr><td class=\"wc-time-column-header\"></td>';
+        for (var i = 1; i <= options.daysToShow; i++) {
+          calendarHeaderHtml += '<td class=\"wc-day-column-header wc-day-' + i + '\"' + colspan + '></td>';
+        }
+        calendarHeaderHtml += '<td class=\"wc-scrollbar-shim\"' + rowspan + '></td></tr>';
+
+        //users row
+        if (showAsSeparatedUser) {
+          calendarHeaderHtml += '<tr><td class=\"wc-time-column-header\"></td>';
+          var uLength = options.users.length,
+              _headerClass = '';
+
+          for (var i = 1; i <= options.daysToShow; i++) {
+            for (var j = 0; j < uLength; j++) {
+              _headerClass = [];
+              if (j == 0) {
+                _headerClass.push('wc-day-column-first');
+              }
+              if (j == uLength - 1) {
+                _headerClass.push('wc-day-column-last');
+              }
+              if (!_headerClass.length) {
+                _headerClass = 'wc-day-column-middle';
+              }
+              else {
+                _headerClass = _headerClass.join(' ');
+              }
+              calendarHeaderHtml += '<td class=\"' + _headerClass + ' wc-user-header wc-day-' + i + ' wc-user-' + self._getUserIdFromIndex(j) + '\">';
+//              calendarHeaderHtml+=    "<div class=\"wc-user-header wc-day-" + i + " wc-user-" + self._getUserIdFromIndex(j) +"\" >";
+              calendarHeaderHtml += self._getUserName(j);
+//              calendarHeaderHtml+=    "</div>";
+              calendarHeaderHtml += '</td>';
+            }
+          }
+          calendarHeaderHtml += '</tr>';
+        }
+        //close the header
+        calendarHeaderHtml += '</tbody></table></div>';
+
+        $(calendarHeaderHtml).appendTo($calendarContainer);
+      },
+
+      /**
+        * render the calendar body.
+        * Calendar body is composed of several distinct parts.
+        * Each part is displayed in a separated row to ease rendering.
+        * for further explanations, see each part rendering function.
+        */
+      _renderCalendarBody: function($calendarContainer) {
+        var self = this, options = this.options,
+            showAsSeparatedUser = options.showAsSeparateUsers && options.users && options.users.length,
+            $calendarBody, $calendarTableTbody;
+        // create the structure
+        $calendarBody = '<div class=\"wc-scrollable-grid\">';
+        $calendarBody += '<table class=\"wc-time-slots\">';
+        $calendarBody += '<tbody>';
+        $calendarBody += '</tbody>';
+        $calendarBody += '</table>';
+        $calendarBody += '</div>';
+        $calendarBody = $($calendarBody);
+        $calendarTableTbody = $calendarBody.find('tbody');
+
+        self._renderCalendarBodyTimeSlots($calendarTableTbody);
+        self._renderCalendarBodyOddEven($calendarTableTbody);
+        self._renderCalendarBodyFreeBusy($calendarTableTbody);
+        self._renderCalendarBodyEvents($calendarTableTbody);
+
+        $calendarBody.appendTo($calendarContainer);
+
+        //set the column height
+        $calendarContainer.find('.wc-full-height-column').height(options.timeslotHeight * options.timeslotsPerDay);
+        //set the timeslot height
+        $calendarContainer.find('.wc-time-slot').height(options.timeslotHeight - 1); //account for border
+        //init the time row header height
+        /**
+  TODO    if total height for an hour is less than 11px, there is a display problem.
+          Find a way to handle it
+        */
+        $calendarContainer.find('.wc-time-header-cell').css({
+          height: (options.timeslotHeight * options.timeslotsPerHour) - 11,
+          padding: 5
+        });
+        //add the user data to every impacted column
+        if (showAsSeparatedUser) {
+          for (var i = 0, uLength = options.users.length; i < uLength; i++) {
+            $calendarContainer.find('.wc-user-' + self._getUserIdFromIndex(i))
+                  .data('wcUser', options.users[i])
+                  .data('wcUserIndex', i)
+                  .data('wcUserId', self._getUserIdFromIndex(i));
+          }
+        }
+      },
+
+      /**
+        * render the timeslots separation
+        */
+      _renderCalendarBodyTimeSlots: function($calendarTableTbody) {
+        var options = this.options,
+            renderRow, i, j,
+            showAsSeparatedUser = options.showAsSeparateUsers && options.users && options.users.length,
+            start = (options.businessHours.limitDisplay ? options.businessHours.start : 0),
+            end = (options.businessHours.limitDisplay ? options.businessHours.end : 24),
+            rowspan = 1;
+
+        //calculate the rowspan
+        if (options.displayOddEven) { rowspan += 1; }
+        if (options.displayFreeBusys) { rowspan += 1; }
+        if (rowspan > 1) {
+          rowspan = ' rowspan=\"' + rowspan + '\"';
+        }
+        else {
+          rowspan = '';
+        }
+
+        renderRow = '<tr class=\"wc-grid-row-timeslot\">';
+        renderRow += '<td class=\"wc-grid-timeslot-header\"' + rowspan + '></td>';
+        renderRow += '<td colspan=\"' + options.daysToShow * (showAsSeparatedUser ? options.users.length : 1) + '\">';
+        renderRow += '<div class=\"wc-no-height-wrapper wc-time-slot-wrapper\">';
+        renderRow += '<div class=\"wc-time-slots\">';
+
+        for (i = start; i < end; i++) {
+          for (j = 0; j < options.timeslotsPerHour - 1; j++) {
+            renderRow += '<div class=\"wc-time-slot\"></div>';
+          }
+          renderRow += '<div class=\"wc-time-slot wc-hour-end\"></div>';
+        }
+
+        renderRow += '</div>';
+        renderRow += '</div>';
+        renderRow += '</td>';
+        renderRow += '</tr>';
+
+        $(renderRow).appendTo($calendarTableTbody);
+      },
+
+      /**
+        * render the odd even columns
+        */
+      _renderCalendarBodyOddEven: function($calendarTableTbody) {
+        if (this.options.displayOddEven) {
+          var options = this.options,
+              renderRow = '<tr class=\"wc-grid-row-oddeven\">',
+              showAsSeparatedUser = options.showAsSeparateUsers && options.users && options.users.length,
+              oddEven,
+              // let's take advantage of the jquery ui framework
+              oddEvenClasses = {'odd': 'wc-column-odd', 'even': 'ui-state-hover wc-column-even'};
+
+          //now let's display oddEven placeholders
+          for (var i = 1; i <= options.daysToShow; i++) {
+              if (!showAsSeparatedUser) {
+                oddEven = (oddEven == 'odd' ? 'even' : 'odd');
+                renderRow += '<td class=\"wc-day-column day-' + i + '\">';
+                renderRow += '<div class=\"wc-no-height-wrapper wc-oddeven-wrapper\">';
+                renderRow += '<div class=\"wc-full-height-column ' + oddEvenClasses[oddEven] + '\"></div>';
+                renderRow += '</div>';
+                renderRow += '</td>';
+              }
+              else {
+                var uLength = options.users.length;
+                for (var j = 0; j < uLength; j++) {
+                    oddEven = (oddEven == 'odd' ? 'even' : 'odd');
+                    renderRow += '<td class=\"wc-day-column day-' + i + '\">';
+                    renderRow += '<div class=\"wc-no-height-wrapper wc-oddeven-wrapper\">';
+                    renderRow += '<div class=\"wc-full-height-column ' + oddEvenClasses[oddEven] + '\" ></div>';
+                    renderRow += '</div>';
+                    renderRow += '</td>';
+                }
+            }
+          }
+          renderRow += '</tr>';
+
+          $(renderRow).appendTo($calendarTableTbody);
+        }
+      },
+
+      /**
+        * render the freebusy placeholders
+        */
+      _renderCalendarBodyFreeBusy: function($calendarTableTbody) {
+        if (this.options.displayFreeBusys) {
+          var self = this, options = this.options,
+              renderRow = '<tr class=\"wc-grid-row-freebusy\">',
+              showAsSeparatedUser = options.showAsSeparateUsers && options.users && options.users.length;
+          renderRow += '</td>';
+
+          //now let's display freebusy placeholders
+          for (var i = 1; i <= options.daysToShow; i++) {
+            if (options.displayFreeBusys) {
+              if (!showAsSeparatedUser) {
+                renderRow += '<td class=\"wc-day-column day-' + i + '\">';
+                renderRow += '<div class=\"wc-no-height-wrapper wc-freebusy-wrapper\">';
+                renderRow += '<div class=\"wc-full-height-column wc-column-freebusy wc-day-' + i + '\"></div>';
+                renderRow += '</div>';
+                renderRow += '</td>';
+              }
+              else {
+                var uLength = options.users.length;
+                for (var j = 0; j < uLength; j++) {
+                    renderRow += '<td class=\"wc-day-column day-' + i + '\">';
+                    renderRow += '<div class=\"wc-no-height-wrapper wc-freebusy-wrapper\">';
+                    renderRow += '<div class=\"wc-full-height-column wc-column-freebusy wc-day-' + i;
+                    renderRow += ' wc-user-' + self._getUserIdFromIndex(j) + '\">';
+                    renderRow += '</div>';
+                    renderRow += '</div>';
+                    renderRow += '</td>';
+                }
+              }
+            }
+          }
+
+          renderRow += '</tr>';
+
+          $(renderRow).appendTo($calendarTableTbody);
+        }
+      },
+
+      /**
+        * render the calendar body for event placeholders
+        */
+      _renderCalendarBodyEvents: function($calendarTableTbody) {
+        var self = this, options = this.options,
+            renderRow,
+            showAsSeparatedUser = options.showAsSeparateUsers && options.users && options.users.length,
+            start = (options.businessHours.limitDisplay ? options.businessHours.start : 0),
+            end = (options.businessHours.limitDisplay ? options.businessHours.end : 24);
+        renderRow = '<tr class=\"wc-grid-row-events\">';
+        renderRow += '<td class=\"wc-grid-timeslot-header\">';
+        for (var i = start; i < end; i++) {
+          var bhClass = (options.businessHours.start <= i && options.businessHours.end > i) ? 'ui-state-active wc-business-hours' : 'ui-state-default';
+          renderRow += '<div class=\"wc-hour-header ' + bhClass + '\">';
+          if (options.use24Hour) {
+            renderRow += '<div class=\"wc-time-header-cell\">' + self._24HourForIndex(i) + '</div>';
+          }
+          else {
+            renderRow += '<div class=\"wc-time-header-cell\">' + self._hourForIndex(i) + '<span class=\"wc-am-pm\">' + self._amOrPm(i) + '</span></div>';
+          }
+          renderRow += '</div>';
+        }
+        renderRow += '</td>';
+
+        //now let's display events placeholders
+        var _columnBaseClass = 'ui-state-default wc-day-column';
+        for (var i = 1; i <= options.daysToShow; i++) {
+          if (!showAsSeparatedUser) {
+            renderRow += '<td class=\"' + _columnBaseClass + ' wc-day-column-first wc-day-column-last day-' + i + '\">';
+            renderRow += '<div class=\"wc-full-height-column wc-day-column-inner day-' + i + '\"></div>';
+            renderRow += '</td>';
+          }
+          else {
+            var uLength = options.users.length;
+            var columnclass;
+            for (var j = 0; j < uLength; j++) {
+              columnclass = [];
+              if (j == 0) {
+                columnclass.push('wc-day-column-first');
+              }
+              if (j == uLength - 1) {
+                columnclass.push('wc-day-column-last');
+              }
+              if (!columnclass.length) {
+                columnclass = 'wc-day-column-middle';
+              }
+              else {
+                columnclass = columnclass.join(' ');
+              }
+              renderRow += '<td class=\"' + _columnBaseClass + ' ' + columnclass + ' day-' + i + '\">';
+              renderRow += '<div class=\"wc-full-height-column wc-day-column-inner day-' + i;
+              renderRow += ' wc-user-' + self._getUserIdFromIndex(j) + '\">';
+              renderRow += '</div>';
+              renderRow += '</td>';
+            }
+          }
+        }
+
+        renderRow += '</tr>';
+
+        $(renderRow).appendTo($calendarTableTbody);
+      },
+
+      /*
+        * setup mouse events for capturing new events
+        */
+      _setupEventCreationForWeekDay: function($weekDay) {
+          var self = this;
+          var options = this.options;
+          $weekDay.mousedown(function(event) {
+            var $target = $(event.target);
+            if ($target.hasClass('wc-day-column-inner')) {
+
+                var $newEvent = $('<div class=\"wc-cal-event wc-new-cal-event wc-new-cal-event-creating\"></div>');
+
+                $newEvent.css({lineHeight: (options.timeslotHeight - 2) + 'px', fontSize: (options.timeslotHeight / 2) + 'px'});
+                $target.append($newEvent);
+
+                var columnOffset = $target.offset().top;
+                var clickY = event.pageY - columnOffset;
+                var clickYRounded = (clickY - (clickY % options.timeslotHeight)) / options.timeslotHeight;
+                var topPosition = clickYRounded * options.timeslotHeight;
+                $newEvent.css({top: topPosition});
+
+                if (!options.preventDragOnEventCreation) {
+                  $target.bind('mousemove.newevent', function(event) {
+                    $newEvent.show();
+                    $newEvent.addClass('ui-resizable-resizing');
+                    var height = Math.round(event.pageY - columnOffset - topPosition);
+                    var remainder = height % options.timeslotHeight;
+                    //snap to closest timeslot
+                    if (remainder < 0) {
+                        var useHeight = height - remainder;
+                        $newEvent.css('height', useHeight < options.timeslotHeight ? options.timeslotHeight : useHeight);
+                    } else {
+                        $newEvent.css('height', height + (options.timeslotHeight - remainder));
+                    }
+                  }).mouseup(function() {
+                    $target.unbind('mousemove.newevent');
+                    $newEvent.addClass('ui-corner-all');
+                  });
+                }
+            }
+
+          }).mouseup(function(event) {
+            var $target = $(event.target);
+
+            var $weekDay = $target.closest('.wc-day-column-inner');
+            var $newEvent = $weekDay.find('.wc-new-cal-event-creating');
+
+            if ($newEvent.length) {
+                var createdFromSingleClick = !$newEvent.hasClass('ui-resizable-resizing');
+
+                //if even created from a single click only, default height
+                if (createdFromSingleClick) {
+                  $newEvent.css({height: options.timeslotHeight * options.defaultEventLength}).show();
+                }
+                var top = parseInt($newEvent.css('top'));
+                var eventDuration = self._getEventDurationFromPositionedEventElement($weekDay, $newEvent, top);
+
+                $newEvent.remove();
+                var newCalEvent = {start: eventDuration.start, end: eventDuration.end, title: options.newEventText};
+                var showAsSeparatedUser = options.showAsSeparateUsers && options.users && options.users.length;
+
+                if (showAsSeparatedUser) {
+                  newCalEvent = self._setEventUserId(newCalEvent, $weekDay.data('wcUserId'));
+                }
+                else if (!options.showAsSeparateUsers && options.users && options.users.length == 1) {
+                  newCalEvent = self._setEventUserId(newCalEvent, self._getUserIdFromIndex(0));
+                }
+
+                var freeBusyManager = self.getFreeBusyManagerForEvent(newCalEvent);
+
+                var $renderedCalEvent = self._renderEvent(newCalEvent, $weekDay);
+
+                if (!options.allowCalEventOverlap) {
+                  self._adjustForEventCollisions($weekDay, $renderedCalEvent, newCalEvent, newCalEvent);
+                  self._positionEvent($weekDay, $renderedCalEvent);
+                } else {
+                  self._adjustOverlappingEvents($weekDay);
+                }
+
+                var proceed = self._trigger('beforeEventNew', event, {
+                  'calEvent': newCalEvent,
+                  'createdFromSingleClick': createdFromSingleClick,
+                  'calendar': self.element
+                });
+  							if (proceed) {
+									options.eventNew(newCalEvent, $renderedCalEvent, freeBusyManager, self.element, event);
+								}
+								else {
+									$($renderedCalEvent).remove();
+								}
+            }
+          });
+      },
+
+      /*
+        * load calendar events for the week based on the date provided
+        */
+      _loadCalEvents: function(dateWithinWeek) {
+
+          var date, weekStartDate, weekEndDate, $weekDayColumns;
+          var self = this;
+          var options = this.options;
+          date = this._fixMinMaxDate(dateWithinWeek || options.date);
+          // if date is not provided
+          // or was not set
+          // or is different than old one
+          if ((!date || !date.getTime) ||
+              (!options.date || !options.date.getTime) ||
+              date.getTime() != options.date.getTime()
+          ) {
+            // trigger the changedate event
+            this._trigger('changedate', this.element, date);
+          }
+          this.options.date = date;
+          weekStartDate = self._dateFirstDayOfWeek(date);
+          weekEndDate = self._dateLastMilliOfWeek(date);
+
+          options.calendarBeforeLoad(self.element);
+
+          self.element.data('startDate', weekStartDate);
+          self.element.data('endDate', weekEndDate);
+
+          $weekDayColumns = self.element.find('.wc-day-column-inner');
+
+          self._updateDayColumnHeader($weekDayColumns);
+
+          //load events by chosen means
+          if (typeof options.data == 'string') {
+            if (options.loading) {
+              options.loading(true);
+            }
+            if (_currentAjaxCall) {
+              // first abort current request.
+              if (!_jQuery14OrLower) {
+                _currentAjaxCall.abort();
+              } else {
+                // due to the fact that jquery 1.4 does not detect a request was
+                // aborted, we need to replace the onreadystatechange and
+                // execute the "complete" callback.
+                _currentAjaxCall.onreadystatechange = null;
+                _currentAjaxCall.abort();
+                _currentAjaxCall = null;
+                if (options.loading) {
+                  options.loading(false);
+                }
+              }
+            }
+            var jsonOptions = self._getJsonOptions();
+            jsonOptions[options.startParam || 'start'] = Math.round(weekStartDate.getTime() / 1000);
+            jsonOptions[options.endParam || 'end'] = Math.round(weekEndDate.getTime() / 1000);
+            _currentAjaxCall = $.ajax({
+              url: options.data,
+              data: jsonOptions,
+              dataType: 'json',
+              error: function(XMLHttpRequest, textStatus, errorThrown) {
+                // only prevent error with jQuery 1.5
+                // see issue #34. thanks to dapplebeforedawn
+                // (https://github.com/themouette/jquery-week-calendar/issues#issue/34)
+                // for 1.5+, aborted request mean errorThrown == 'abort'
+                // for prior version it means !errorThrown && !XMLHttpRequest.status
+                // fixes #55
+                if (errorThrown != 'abort' && XMLHttpRequest.status != 0) {
+                  alert('unable to get data, error:' + textStatus);
+                }
+              },
+              success: function(data) {
+                self._renderEvents(data, $weekDayColumns);
+              },
+              complete: function() {
+                _currentAjaxCall = null;
+                if (options.loading) {
+                  options.loading(false);
+                }
+              }
+            });
+          }
+          else if ($.isFunction(options.data)) {
+            options.data(weekStartDate, weekEndDate,
+                  function(data) {
+                      self._renderEvents(data, $weekDayColumns);
+                  });
+          }
+          else if (options.data) {
+                self._renderEvents(options.data, $weekDayColumns);
+            }
+
+          self._disableTextSelect($weekDayColumns);
+
+
+      },
+
+      /*
+        * update the display of each day column header based on the calendar week
+        */
+      _updateDayColumnHeader: function($weekDayColumns) {
+          var self = this;
+          var options = this.options;
+          var currentDay = self._cloneDate(self.element.data('startDate'));
+          var showAsSeparatedUser = options.showAsSeparateUsers && options.users && options.users.length;
+          var todayClass = 'ui-state-active wc-today';
+
+          self.element.find('.wc-header td.wc-day-column-header').each(function(i, val) {
+            $(this).html(self._getHeaderDate(currentDay));
+            if (self._isToday(currentDay)) {
+                $(this).addClass(todayClass);
+            } else {
+                $(this).removeClass(todayClass);
+            }
+            currentDay = self._addDays(currentDay, 1);
+
+          });
+
+          currentDay = self._cloneDate(self.element.data('startDate'));
+          if (showAsSeparatedUser)
+          {
+            self.element.find('.wc-header td.wc-user-header').each(function(i, val) {
+              if (self._isToday(currentDay)) {
+                  $(this).addClass(todayClass);
+              } else {
+                  $(this).removeClass(todayClass);
+              }
+              currentDay = ((i + 1) % options.users.length) ? currentDay : self._addDays(currentDay, 1);
+            });
+          }
+
+          currentDay = self._cloneDate(self.element.data('startDate'));
+
+          $weekDayColumns.each(function(i, val) {
+
+            $(this).data('startDate', self._cloneDate(currentDay));
+            $(this).data('endDate', new Date(currentDay.getTime() + (MILLIS_IN_DAY)));
+            if (self._isToday(currentDay)) {
+                $(this).parent()
+                    .addClass(todayClass)
+                    .removeClass('ui-state-default');
+            } else {
+                $(this).parent()
+                    .removeClass(todayClass)
+                    .addClass('ui-state-default');
+            }
+
+            if (!showAsSeparatedUser || !((i + 1) % options.users.length)) {
+              currentDay = self._addDays(currentDay, 1);
+            }
+          });
+
+          //now update the freeBusy placeholders
+          if (options.displayFreeBusys) {
+            currentDay = self._cloneDate(self.element.data('startDate'));
+            self.element.find('.wc-grid-row-freebusy .wc-column-freebusy').each(function(i, val) {
+              $(this).data('startDate', self._cloneDate(currentDay));
+              $(this).data('endDate', new Date(currentDay.getTime() + (MILLIS_IN_DAY)));
+              if (!showAsSeparatedUser || !((i + 1) % options.users.length)) {
+                currentDay = self._addDays(currentDay, 1);
+              }
+            });
+          }
+
+          //now update the calendar title
+          if (this.options.title && this.options.title.length) {
+            var _date = this.options.date,
+                _start = self._cloneDate(self.element.data('startDate')),
+                _end = self._dateLastDayOfWeek(new Date(this._cloneDate(self.element.data('endDate')).getTime() - (MILLIS_IN_DAY))),
+                _title = this._getCalendarTitle();
+            _title = _title.split('%start%').join(self._formatDate(_start, options.dateFormat));
+            _title = _title.split('%end%').join(self._formatDate(_end, options.dateFormat));
+            _title = _title.split('%date%').join(self._formatDate(_date, options.dateFormat));
+            $('.wc-toolbar .wc-title', self.element).html(_title);
+          }
+          //self._clearFreeBusys();
+      },
+
+      /*
+        * gets the calendar title options
+        */
+      _getCalendarTitle: function() {
+      if ($.isFunction(this.options.title)) {
+        return this.options.title(this.options.daysToShow);
+      }
+      return this.options.title;
+      },
+
+      /*
+        * Render the events into the calendar
+        */
+      _renderEvents: function(data, $weekDayColumns) {
+          var self = this;
+          var options = this.options;
+          var eventsToRender;
+
+          if (data.options) {
+            var updateLayout = false;
+            //update options
+            $.each(data.options, function(key, value) {
+                if (value !== options[key]) {
+                  options[key] = value;
+                  updateLayout = updateLayout || $.ui.weekCalendar.updateLayoutOptions[key];
+                }
+            });
+
+            self._computeOptions();
+
+            if (updateLayout) {
+                var hour = self._getCurrentScrollHour();
+                self.element.empty();
+                self._renderCalendar();
+                $weekDayColumns = self.element.find('.wc-time-slots .wc-day-column-inner');
+                self._updateDayColumnHeader($weekDayColumns);
+                self._resizeCalendar();
+                self._scrollToHour(hour, false);
+            }
+          }
+          this._clearCalendar();
+
+          if ($.isArray(data)) {
+            eventsToRender = self._cleanEvents(data);
+          } else if (data.events) {
+            eventsToRender = self._cleanEvents(data.events);
+            //render the freebusys
+            self._renderFreeBusys(data);
+          }
+          $.each(eventsToRender, function(i, calEvent) {
+              //render a multi day event as various event :
+              //thanks to http://github.com/fbeauchamp/jquery-week-calendar
+              var initialStart = new Date(calEvent.start);
+              var initialEnd = new Date(calEvent.end);
+              var maxHour = self.options.businessHours.limitDisplay ? self.options.businessHours.end : 24;
+              var minHour = self.options.businessHours.limitDisplay ? self.options.businessHours.start : 0;
+              var start = new Date(initialStart);
+              var startDate = self._formatDate(start, 'Ymd');
+              var endDate = self._formatDate(initialEnd, 'Ymd');
+              var $weekDay;
+              var isMultiday = false;
+
+              while (startDate < endDate) {
+                calEvent.start = start;
+                //end of this virual calEvent is set to the end of the day
+                calEvent.end.setFullYear(start.getFullYear());
+                calEvent.end.setDate(start.getDate());
+                calEvent.end.setMonth(start.getMonth());
+                calEvent.end.setHours(maxHour);
+                calEvent.end.setMinutes(0);
+                calEvent.end.setSeconds(0);
+                if (($weekDay = self._findWeekDayForEvent(calEvent, $weekDayColumns))) {
+                  self._renderEvent(calEvent, $weekDay);
+                }
+                //start is set to the begin of the new day
+                start.setDate(start.getDate() + 1);
+                start.setHours(minHour);
+                start.setMinutes(0);
+                start.setSeconds(0);
+                startDate = self._formatDate(start, 'Ymd');
+                isMultiday = true;
+              }
+              if (start <= initialEnd) {
+                calEvent.start = start;
+                calEvent.end = initialEnd;
+                if (((isMultiday && calEvent.start.getTime() != calEvent.end.getTime()) || !isMultiday) && ($weekDay = self._findWeekDayForEvent(calEvent, $weekDayColumns))) {
+                  self._renderEvent(calEvent, $weekDay);
+                }
+              }
+
+              //put back the initial start date
+              calEvent.start = initialStart;
+          });
+
+          $weekDayColumns.each(function() {
+            self._adjustOverlappingEvents($(this));
+          });
+
+          options.calendarAfterLoad(self.element);
+
+          if (!eventsToRender.length) {
+            options.noEvents();
+          }
+
+      },
+
+      /*
+        * Render a specific event into the day provided. Assumes correct
+        * day for calEvent date
+        */
+      _renderEvent: function(calEvent, $weekDay) {
+          var self = this;
+          var options = this.options;
+          if (calEvent.start.getTime() > calEvent.end.getTime()) {
+            return; // can't render a negative height
+          }
+
+          var eventClass, eventHtml, $calEventList, $modifiedEvent;
+
+          eventClass = calEvent.id ? 'wc-cal-event' : 'wc-cal-event wc-new-cal-event';
+          eventHtml = '<div class=\"' + eventClass + ' ui-corner-all\">';
+          eventHtml += '<div class=\"wc-time ui-corner-top\"></div>';
+          eventHtml += '<div class=\"wc-title\"></div></div>';
+
+          $weekDay.each(function() {
+            var $calEvent = $(eventHtml);
+            $modifiedEvent = options.eventRender(calEvent, $calEvent);
+            $calEvent = $modifiedEvent ? $modifiedEvent.appendTo($(this)) : $calEvent.appendTo($(this));
+            $calEvent.css({lineHeight: (options.textSize + 2) + 'px', fontSize: options.textSize + 'px'});
+
+            self._refreshEventDetails(calEvent, $calEvent);
+            self._positionEvent($(this), $calEvent);
+
+            //add to event list
+            if ($calEventList) {
+              $calEventList = $calEventList.add($calEvent);
+            }
+            else {
+              $calEventList = $calEvent;
+            }
+          });
+          $calEventList.show();
+
+          if (!options.readonly && options.resizable(calEvent, $calEventList)) {
+            self._addResizableToCalEvent(calEvent, $calEventList, $weekDay);
+          }
+          if (!options.readonly && options.draggable(calEvent, $calEventList)) {
+            self._addDraggableToCalEvent(calEvent, $calEventList);
+          }
+          options.eventAfterRender(calEvent, $calEventList);
+
+          return $calEventList;
+
+      },
+      addEvent: function() {
+        return this._renderEvent.apply(this, arguments);
+      },
+
+      _adjustOverlappingEvents: function($weekDay) {
+          var self = this;
+          if (self.options.allowCalEventOverlap) {
+            var groupsList = self._groupOverlappingEventElements($weekDay);
+            $.each(groupsList, function() {
+                var curGroups = this;
+                $.each(curGroups, function(groupIndex) {
+                  var curGroup = this;
+
+                  // do we want events to be displayed as overlapping
+                  if (self.options.overlapEventsSeparate) {
+                      var newWidth = self.options.totalEventsWidthPercentInOneColumn / curGroups.length;
+                      var newLeft = groupIndex * newWidth;
+                  } else {
+                      // TODO what happens when the group has more than 10 elements
+                      var newWidth = self.options.totalEventsWidthPercentInOneColumn - ((curGroups.length - 1) * 10);
+                      var newLeft = groupIndex * 10;
+                  }
+                  $.each(curGroup, function() {
+                      // bring mouseovered event to the front
+                      if (!self.options.overlapEventsSeparate) {
+                        $(this).bind('mouseover.z-index', function() {
+                            var $elem = $(this);
+                            $.each(curGroup, function() {
+                              $(this).css({'z-index': '1'});
+                            });
+                            $elem.css({'z-index': '3'});
+                        });
+                      }
+                      $(this).css({width: newWidth + '%', left: newLeft + '%', right: 0});
+                  });
+                });
+            });
+          }
+      },
+
+
+      /*
+        * Find groups of overlapping events
+        */
+      _groupOverlappingEventElements: function($weekDay) {
+          var $events = $weekDay.find('.wc-cal-event:visible');
+          var sortedEvents = $events.sort(function(a, b) {
+            return $(a).data('calEvent').start.getTime() - $(b).data('calEvent').start.getTime();
+          });
+
+          var lastEndTime = new Date(0, 0, 0);
+          var groups = [];
+          var curGroups = [];
+          var $curEvent;
+          $.each(sortedEvents, function() {
+            $curEvent = $(this);
+            //checks, if the current group list is not empty, if the overlapping is finished
+            if (curGroups.length > 0) {
+                if (lastEndTime.getTime() <= $curEvent.data('calEvent').start.getTime()) {
+                  //finishes the current group list by adding it to the resulting list of groups and cleans it
+
+                  groups.push(curGroups);
+                  curGroups = [];
+                }
+            }
+
+            //finds the first group to fill with the event
+            for (var groupIndex = 0; groupIndex < curGroups.length; groupIndex++) {
+                if (curGroups[groupIndex].length > 0) {
+                  //checks if the event starts after the end of the last event of the group
+                  if (curGroups[groupIndex][curGroups[groupIndex].length - 1].data('calEvent').end.getTime() <= $curEvent.data('calEvent').start.getTime()) {
+                      curGroups[groupIndex].push($curEvent);
+                      if (lastEndTime.getTime() < $curEvent.data('calEvent').end.getTime()) {
+                        lastEndTime = $curEvent.data('calEvent').end;
+                      }
+                      return;
+                  }
+                }
+            }
+            //if not found, creates a new group
+            curGroups.push([$curEvent]);
+            if (lastEndTime.getTime() < $curEvent.data('calEvent').end.getTime()) {
+                lastEndTime = $curEvent.data('calEvent').end;
+            }
+          });
+          //adds the last groups in result
+          if (curGroups.length > 0) {
+            groups.push(curGroups);
+          }
+          return groups;
+      },
+
+
+      /*
+        * find the weekday in the current calendar that the calEvent falls within
+        */
+      _findWeekDayForEvent: function(calEvent, $weekDayColumns) {
+
+          var $weekDay,
+              options = this.options,
+              showAsSeparatedUser = options.showAsSeparateUsers && options.users && options.users.length,
+              user_ids = this._getEventUserId(calEvent);
+
+          if (!$.isArray(user_ids)) {
+            user_ids = [user_ids];
+          }
+
+          $weekDayColumns.each(function(index, curDay) {
+            if ($(this).data('startDate').getTime() <= calEvent.start.getTime() &&
+                  $(this).data('endDate').getTime() >= calEvent.end.getTime() &&
+                  (!showAsSeparatedUser || $.inArray($(this).data('wcUserId'), user_ids) !== -1)
+            ) {
+                if ($weekDay) {
+                $weekDay = $weekDay.add($(curDay));
+                }
+                else {
+                $weekDay = $(curDay);
+                }
+            }
+          });
+
+          return $weekDay;
+      },
+
+      /*
+        * update the events rendering in the calendar. Add if does not yet exist.
+        */
+      _updateEventInCalendar: function(calEvent) {
+          var self = this;
+          self._cleanEvent(calEvent);
+
+          if (calEvent.id) {
+            self.element.find('.wc-cal-event').each(function() {
+                if ($(this).data('calEvent').id === calEvent.id || $(this).hasClass('wc-new-cal-event')) {
+                  $(this).remove();
+              //     return false;
+                }
+            });
+          }
+
+          var $weekDays = self._findWeekDayForEvent(calEvent, self.element.find('.wc-grid-row-events .wc-day-column-inner'));
+          if ($weekDays) {
+            $weekDays.each(function(index, weekDay) {
+              var $weekDay = $(weekDay);
+              var $calEvent = self._renderEvent(calEvent, $weekDay);
+              self._adjustForEventCollisions($weekDay, $calEvent, calEvent, calEvent);
+              self._refreshEventDetails(calEvent, $calEvent);
+              self._positionEvent($weekDay, $calEvent);
+              self._adjustOverlappingEvents($weekDay);
+            });
+          }
+      },
+
+      /*
+        * Position the event element within the weekday based on it's start / end dates.
+        */
+      _positionEvent: function($weekDay, $calEvent) {
+          var options = this.options;
+          var calEvent = $calEvent.data('calEvent');
+          var pxPerMillis = $weekDay.height() / options.millisToDisplay;
+          var firstHourDisplayed = options.businessHours.limitDisplay ? options.businessHours.start : 0;
+          var startMillis = this._getDSTdayShift(calEvent.start).getTime() - this._getDSTdayShift(new Date(calEvent.start.getFullYear(), calEvent.start.getMonth(), calEvent.start.getDate(), firstHourDisplayed)).getTime();
+          var eventMillis = this._getDSTdayShift(calEvent.end).getTime() - this._getDSTdayShift(calEvent.start).getTime();
+          var pxTop = pxPerMillis * startMillis;
+          var pxHeight = pxPerMillis * eventMillis;
+          //var pxHeightFallback = pxPerMillis * (60 / options.timeslotsPerHour) * 60 * 1000;
+      $calEvent.css({top: pxTop, height: pxHeight || (pxPerMillis * 3600000 / options.timeslotsPerHour)});
+      },
+
+      /*
+        * Determine the actual start and end times of a calevent based on it's
+        * relative position within the weekday column and the starting hour of the
+        * displayed calendar.
+        */
+      _getEventDurationFromPositionedEventElement: function($weekDay, $calEvent, top) {
+          var options = this.options;
+          var startOffsetMillis = options.businessHours.limitDisplay ? options.businessHours.start * 3600000 : 0;
+          var start = new Date($weekDay.data('startDate').getTime() + startOffsetMillis + Math.round(top / options.timeslotHeight) * options.millisPerTimeslot);
+          var end = new Date(start.getTime() + ($calEvent.height() / options.timeslotHeight) * options.millisPerTimeslot);
+          return {start: this._getDSTdayShift(start, -1), end: this._getDSTdayShift(end, -1)};
+      },
+
+      /*
+        * If the calendar does not allow event overlap, adjust the start or end date if necessary to
+        * avoid overlapping of events. Typically, shortens the resized / dropped event to it's max possible
+        * duration  based on the overlap. If no satisfactory adjustment can be made, the event is reverted to
+        * it's original location.
+        */
+      _adjustForEventCollisions: function($weekDay, $calEvent, newCalEvent, oldCalEvent, maintainEventDuration) {
+          var options = this.options;
+
+          if (options.allowCalEventOverlap) {
+            return;
+          }
+          var adjustedStart, adjustedEnd;
+          var self = this;
+
+          $weekDay.find('.wc-cal-event').not($calEvent).each(function() {
+            var currentCalEvent = $(this).data('calEvent');
+
+            //has been dropped onto existing event overlapping the end time
+            if (newCalEvent.start.getTime() < currentCalEvent.end.getTime() &&
+                  newCalEvent.end.getTime() >= currentCalEvent.end.getTime()) {
+
+                adjustedStart = currentCalEvent.end;
+            }
+
+
+            //has been dropped onto existing event overlapping the start time
+            if (newCalEvent.end.getTime() > currentCalEvent.start.getTime() &&
+                  newCalEvent.start.getTime() <= currentCalEvent.start.getTime()) {
+
+                adjustedEnd = currentCalEvent.start;
+            }
+            //has been dropped inside existing event with same or larger duration
+            if (oldCalEvent.resizable == false ||
+                  (newCalEvent.end.getTime() <= currentCalEvent.end.getTime() &&
+                    newCalEvent.start.getTime() >= currentCalEvent.start.getTime())) {
+
+                adjustedStart = oldCalEvent.start;
+                adjustedEnd = oldCalEvent.end;
+                return false;
+            }
+
+          });
+
+
+          newCalEvent.start = adjustedStart || newCalEvent.start;
+
+          if (adjustedStart && maintainEventDuration) {
+            newCalEvent.end = new Date(adjustedStart.getTime() + (oldCalEvent.end.getTime() - oldCalEvent.start.getTime()));
+            self._adjustForEventCollisions($weekDay, $calEvent, newCalEvent, oldCalEvent);
+          } else {
+            newCalEvent.end = adjustedEnd || newCalEvent.end;
+          }
+
+
+          //reset if new cal event has been forced to zero size
+          if (newCalEvent.start.getTime() >= newCalEvent.end.getTime()) {
+            newCalEvent.start = oldCalEvent.start;
+            newCalEvent.end = oldCalEvent.end;
+          }
+
+          $calEvent.data('calEvent', newCalEvent);
+      },
+
+      /*
+        * Add draggable capabilities to an event
+        */
+      _addDraggableToCalEvent: function(calEvent, $calEvent) {
+          var options = this.options;
+          $calEvent.draggable({
+            handle: '.wc-time',
+            containment: 'div.wc-time-slots',
+            snap: '.wc-day-column-inner',
+            snapMode: 'inner',
+            snapTolerance: options.timeslotHeight - 1,
+            revert: 'invalid',
+            opacity: 0.5,
+            grid: [$calEvent.outerWidth() + 1, options.timeslotHeight],
+            start: function(event, ui) {
+                var $calEvent = ui.draggable;
+                options.eventDrag(calEvent, $calEvent);
+            }
+          });
+      },
+
+      /*
+        * Add droppable capabilites to weekdays to allow dropping of calEvents only
+        */
+      _addDroppableToWeekDay: function($weekDay) {
+          var self = this;
+          var options = this.options;
+          $weekDay.droppable({
+            accept: '.wc-cal-event',
+            drop: function(event, ui) {
+                var $calEvent = ui.draggable;
+                var top = Math.round(parseInt(ui.position.top));
+                var eventDuration = self._getEventDurationFromPositionedEventElement($weekDay, $calEvent, top);
+                var calEvent = $calEvent.data('calEvent');
+                var newCalEvent = $.extend(true, {}, calEvent, {start: eventDuration.start, end: eventDuration.end});
+                var showAsSeparatedUser = options.showAsSeparateUsers && options.users && options.users.length;
+                if (showAsSeparatedUser) {
+                  // we may have dragged the event on column with a new user.
+                  // nice way to handle that is:
+                  //  - get the newly dragged on user
+                  //  - check if user is part of the event
+                  //  - if yes, nothing changes, if not, find the old owner to remove it and add new one
+                  var newUserId = $weekDay.data('wcUserId');
+                  var userIdList = self._getEventUserId(calEvent);
+                  var oldUserId = $(ui.draggable.parents('.wc-day-column-inner').get(0)).data('wcUserId');
+                  if (!$.isArray(userIdList)) {
+                    userIdList = [userIdList];
+                  }
+                  if ($.inArray(newUserId, userIdList) == -1) {
+                    // remove old user
+                    var _index = $.inArray(oldUserId, userIdList);
+                    userIdList.splice(_index, 1);
+                    // add new user ?
+                    if ($.inArray(newUserId, userIdList) == -1) {
+                      userIdList.push(newUserId);
+                    }
+                  }
+                  newCalEvent = self._setEventUserId(newCalEvent, ((userIdList.length == 1) ? userIdList[0] : userIdList));
+                }
+                self._adjustForEventCollisions($weekDay, $calEvent, newCalEvent, calEvent, true);
+                var $weekDayColumns = self.element.find('.wc-day-column-inner');
+
+                //trigger drop callback
+                options.eventDrop(newCalEvent, calEvent, $calEvent);
+
+                var $newEvent = self._renderEvent(newCalEvent, self._findWeekDayForEvent(newCalEvent, $weekDayColumns));
+                $calEvent.hide();
+
+                $calEvent.data('preventClick', true);
+
+                var $weekDayOld = self._findWeekDayForEvent($calEvent.data('calEvent'), self.element.find('.wc-time-slots .wc-day-column-inner'));
+
+                if ($weekDayOld.data('startDate') != $weekDay.data('startDate')) {
+                  self._adjustOverlappingEvents($weekDayOld);
+                }
+                self._adjustOverlappingEvents($weekDay);
+
+                setTimeout(function() {
+                  $calEvent.remove();
+                }, 1000);
+
+            }
+          });
+      },
+
+      /*
+        * Add resizable capabilities to a calEvent
+        */
+      _addResizableToCalEvent: function(calEvent, $calEvent, $weekDay) {
+          var self = this;
+          var options = this.options;
+          $calEvent.resizable({
+            grid: options.timeslotHeight,
+            containment: $weekDay,
+            handles: 's',
+            minHeight: options.timeslotHeight,
+            stop: function(event, ui) {
+                var $calEvent = ui.element;
+                var newEnd = new Date($calEvent.data('calEvent').start.getTime() + Math.max(1, Math.round(ui.size.height / options.timeslotHeight)) * options.millisPerTimeslot);
+                if (self._needDSTdayShift($calEvent.data('calEvent').start, newEnd))
+            newEnd = self._getDSTdayShift(newEnd, -1);
+                var newCalEvent = $.extend(true, {}, calEvent, {start: calEvent.start, end: newEnd});
+                self._adjustForEventCollisions($weekDay, $calEvent, newCalEvent, calEvent);
+
+                self._refreshEventDetails(newCalEvent, $calEvent);
+                self._positionEvent($weekDay, $calEvent);
+                self._adjustOverlappingEvents($weekDay);
+                //trigger resize callback
+                options.eventResize(newCalEvent, calEvent, $calEvent);
+                $calEvent.data('preventClick', true);
+                setTimeout(function() {
+                  $calEvent.removeData('preventClick');
+                }, 500);
+            }
+          });
+          $('.ui-resizable-handle', $calEvent).text('=');
+      },
+
+      /*
+        * Refresh the displayed details of a calEvent in the calendar
+        */
+      _refreshEventDetails: function(calEvent, $calEvent) {
+	  var suffix = '';
+	  if (!this.options.readonly &&
+		 this.options.allowEventDelete &&
+		 this.options.deletable(calEvent,$calEvent)) {
+	      suffix = '<div class="wc-cal-event-delete ui-icon ui-icon-close"></div>';
+	  }
+          $calEvent.find('.wc-time').html(this.options.eventHeader(calEvent, this.element) + suffix);
+          $calEvent.find('.wc-title').html(this.options.eventBody(calEvent, this.element));
+          $calEvent.data('calEvent', calEvent);
+          this.options.eventRefresh(calEvent, $calEvent);
+      },
+
+      /*
+        * Clear all cal events from the calendar
+        */
+      _clearCalendar: function() {
+          this.element.find('.wc-day-column-inner div').remove();
+          this._clearFreeBusys();
+      },
+
+      /*
+        * Scroll the calendar to a specific hour
+        */
+      _scrollToHour: function(hour, animate) {
+          var self = this;
+          var options = this.options;
+          var $scrollable = this.element.find('.wc-scrollable-grid');
+          var slot = hour;
+          if (self.options.businessHours.limitDisplay) {
+            if (hour <= self.options.businessHours.start) {
+                slot = 0;
+            } else if (hour >= self.options.businessHours.end) {
+                slot = self.options.businessHours.end - self.options.businessHours.start - 1;
+            } else {
+                slot = hour - self.options.businessHours.start;
+            }
+          }
+
+          var $target = this.element.find('.wc-grid-timeslot-header .wc-hour-header:eq(' + slot + ')');
+
+          $scrollable.animate({scrollTop: 0}, 0, function() {
+            var targetOffset = $target.offset().top;
+            var scroll = targetOffset - $scrollable.offset().top - $target.outerHeight();
+            if (animate) {
+              $scrollable.animate({scrollTop: scroll}, options.scrollToHourMillis);
+            }
+            else {
+              $scrollable.animate({scrollTop: scroll}, 0);
+            }
+          });
+      },
+
+      /*
+        * find the hour (12 hour day) for a given hour index
+        */
+      _hourForIndex: function(index) {
+          if (index === 0) { //midnight
+            return 12;
+          } else if (index < 13) { //am
+            return index;
+          } else { //pm
+            return index - 12;
+          }
+      },
+
+      _24HourForIndex: function(index) {
+          if (index === 0) { //midnight
+            return '00:00';
+          } else if (index < 10) {
+            return '0' + index + ':00';
+          } else {
+            return index + ':00';
+          }
+      },
+
+      _amOrPm: function(hourOfDay) {
+          return hourOfDay < 12 ? 'AM' : 'PM';
+      },
+
+      _isToday: function(date) {
+          var clonedDate = this._cloneDate(date);
+          this._clearTime(clonedDate);
+          var today = new Date();
+          this._clearTime(today);
+          return today.getTime() === clonedDate.getTime();
+      },
+
+      /*
+       * Clean events to ensure correct format
+       */
+      _cleanEvents: function(events) {
+          var self = this;
+          $.each(events, function(i, event) {
+            self._cleanEvent(event);
+          });
+          return events;
+      },
+
+      /*
+       * Clean specific event
+       */
+      _cleanEvent: function(event) {
+          if (event.date) {
+            event.start = event.date;
+          }
+          event.start = this._cleanDate(event.start);
+          event.end = this._cleanDate(event.end);
+          if (!event.end) {
+            event.end = this._addDays(this._cloneDate(event.start), 1);
+          }
+      },
+
+      /*
+       * Disable text selection of the elements in different browsers
+       */
+      _disableTextSelect: function($elements) {
+          $elements.each(function() {
+            if ($.browser.mozilla) {//Firefox
+                $(this).css('MozUserSelect', 'none');
+            } else if ($.browser.msie) {//IE
+                $(this).bind('selectstart', function() {
+                  return false;
+                });
+            } else {//Opera, etc.
+                $(this).mousedown(function() {
+                  return false;
+                });
+            }
+          });
+      },
+
+      /*
+       * returns the date on the first millisecond of the week
+       */
+      _dateFirstDayOfWeek: function(date) {
+        var self = this;
+        var midnightCurrentDate = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+        var adjustedDate = new Date(midnightCurrentDate);
+        adjustedDate.setDate(adjustedDate.getDate() - self._getAdjustedDayIndex(midnightCurrentDate));
+
+        return adjustedDate;
+      },
+
+      /*
+       * returns the date on the first millisecond of the last day of the week
+       */
+      _dateLastDayOfWeek: function(date) {
+        var self = this;
+        var midnightCurrentDate = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+        var adjustedDate = new Date(midnightCurrentDate);
+        var daysToAdd = (self.options.daysToShow - 1 - self._getAdjustedDayIndex(midnightCurrentDate));
+        adjustedDate.setDate(adjustedDate.getDate() + daysToAdd);
+
+        return adjustedDate;
+      },
+
+      /**
+       * fix the date if it is not within given options
+       * minDate and maxDate
+       */
+      _fixMinMaxDate: function(date) {
+        var minDate, maxDate;
+        date = this._cleanDate(date);
+
+        // not less than minDate
+        if (this.options.minDate) {
+          minDate = this._cleanDate(this.options.minDate);
+          // midnight on minDate
+          minDate = new Date(minDate.getFullYear(), minDate.getMonth(), minDate.getDate());
+          if (date.getTime() < minDate.getTime()) {
+            this._trigger('reachedmindate', this.element, date);
+          }
+          date = this._cleanDate(Math.max(date.getTime(), minDate.getTime()));
+        }
+
+        // not more than maxDate
+        if (this.options.maxDate) {
+          maxDate = this._cleanDate(this.options.maxDate);
+          // apply correction for max date if not startOnFirstDayOfWeek
+          // to make sure no further date is displayed.
+          // otherwise, the complement will still be shown
+          if (!this._startOnFirstDayOfWeek()) {
+            var day = maxDate.getDate() - this.options.daysToShow + 1;
+            maxDate = new Date(maxDate.getFullYear(), maxDate.getMonth(), day);
+          }
+          // microsecond before midnight on maxDate
+          maxDate = new Date(maxDate.getFullYear(), maxDate.getMonth(), maxDate.getDate(), 23, 59, 59, 999);
+          if (date.getTime() > maxDate.getTime()) {
+            this._trigger('reachedmaxdate', this.element, date);
+          }
+          date = this._cleanDate(Math.min(date.getTime(), maxDate.getTime()));
+        }
+
+        return date;
+      },
+
+      /*
+        * gets the index of the current day adjusted based on options
+        */
+      _getAdjustedDayIndex: function(date) {
+          if (!this._startOnFirstDayOfWeek()) {
+            return 0;
+          }
+
+          var midnightCurrentDate = new Date(date.getFullYear(), date.getMonth(), date.getDate());
+          var currentDayOfStandardWeek = midnightCurrentDate.getDay();
+          var days = [0, 1, 2, 3, 4, 5, 6];
+          this._rotate(days, this._firstDayOfWeek());
+          return days[currentDayOfStandardWeek];
+      },
+
+      _firstDayOfWeek: function() {
+        if ($.isFunction(this.options.firstDayOfWeek)) {
+          return this.options.firstDayOfWeek(this.element);
+        }
+        return this.options.firstDayOfWeek;
+      },
+
+      /*
+        * returns the date on the last millisecond of the week
+        */
+      _dateLastMilliOfWeek: function(date) {
+          var lastDayOfWeek = this._dateLastDayOfWeek(date);
+          lastDayOfWeek = this._cloneDate(lastDayOfWeek);
+          lastDayOfWeek.setDate(lastDayOfWeek.getDate() + 1);
+          return lastDayOfWeek;
+
+      },
+
+      /*
+        * Clear the time components of a date leaving the date
+        * of the first milli of day
+        */
+      _clearTime: function(d) {
+          d.setHours(0);
+          d.setMinutes(0);
+          d.setSeconds(0);
+          d.setMilliseconds(0);
+          return d;
+      },
+
+      /*
+        * add specific number of days to date
+        */
+      _addDays: function(d, n, keepTime) {
+          d.setDate(d.getDate() + n);
+          if (keepTime) {
+            return d;
+          }
+          return this._clearTime(d);
+      },
+
+      /*
+        * Rotate an array by specified number of places.
+        */
+      _rotate: function(a /*array*/, p /* integer, positive integer rotate to the right, negative to the left... */) {
+          for (var l = a.length, p = (Math.abs(p) >= l && (p %= l), p < 0 && (p += l), p), i, x; p; p = (Math.ceil(l / p) - 1) * p - l + (l = p)) {
+            for (i = l; i > p; x = a[--i], a[i] = a[i - p], a[i - p] = x) {}
+          }
+          return a;
+      },
+
+      _cloneDate: function(d) {
+          return new Date(d.getTime());
+      },
+
+      /*
+        * return a date for different representations
+        */
+      _cleanDate: function(d) {
+          if (typeof d == 'string') {
+            // if is numeric
+            if (!isNaN(parseFloat(d)) && isFinite()) {
+              return this._cleanDate(parseInt(d, 10));
+            }
+            // this is a human readable date
+            return Date.parse(d) || new Date(d);
+          }
+          if (typeof d == 'number') {
+            return new Date(d);
+          }
+          return d;
+      },
+
+      /*
+        * date formatting is adapted from
+        * http://jacwright.com/projects/javascript/date_format
+        */
+      _formatDate: function(date, format) {
+        var returnStr = '';
+        for (var i = 0; i < format.length; i++) {
+          var curChar = format.charAt(i);
+          if (i != 0 && format.charAt(i - 1) == '\\') {
+            returnStr += curChar;
+          }
+          else if (this._replaceChars[curChar]) {
+            returnStr += this._replaceChars[curChar](date, this);
+          } else if (curChar != '\\') {
+            returnStr += curChar;
+          }
+        }
+        return returnStr;
+      },
+
+      _replaceChars: {
+      // Day
+      d: function(date) { return (date.getDate() < 10 ? '0' : '') + date.getDate(); },
+      D: function(date, calendar) { return calendar.options.shortDays[date.getDay()]; },
+      j: function(date) { return date.getDate(); },
+      l: function(date, calendar) { return calendar.options.longDays[date.getDay()]; },
+      N: function(date) { var _d = date.getDay(); return _d ? _d : 7; },
+      S: function(date) { return (date.getDate() % 10 == 1 && date.getDate() != 11 ? 'st' : (date.getDate() % 10 == 2 && date.getDate() != 12 ? 'nd' : (date.getDate() % 10 == 3 && date.getDate() != 13 ? 'rd' : 'th'))); },
+      w: function(date) { return date.getDay(); },
+      z: function(date) { var d = new Date(date.getFullYear(), 0, 1); return Math.ceil((date - d) / 86400000); }, // Fixed now
+      // Week
+      W: function(date) { var d = new Date(date.getFullYear(), 0, 1); return Math.ceil((((date - d) / 86400000) + d.getDay() + 1) / 7); }, // Fixed now
+      // Month
+      F: function(date, calendar) { return calendar.options.longMonths[date.getMonth()]; },
+      m: function(date) { return (date.getMonth() < 9 ? '0' : '') + (date.getMonth() + 1); },
+      M: function(date, calendar) { return calendar.options.shortMonths[date.getMonth()]; },
+      n: function(date) { return date.getMonth() + 1; },
+      t: function(date) { var d = date; return new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate() }, // Fixed now, gets #days of date
+      // Year
+      L: function(date) { var year = date.getFullYear(); return (year % 400 == 0 || (year % 100 != 0 && year % 4 == 0)); },  // Fixed now
+      o: function(date) { var d = new Date(date.valueOf()); d.setDate(d.getDate() - ((date.getDay() + 6) % 7) + 3); return d.getFullYear();}, //Fixed now
+      Y: function(date) { return date.getFullYear(); },
+      y: function(date) { return ('' + date.getFullYear()).substr(2); },
+      // Time
+      a: function(date) { return date.getHours() < 12 ? 'am' : 'pm'; },
+      A: function(date) { return date.getHours() < 12 ? 'AM' : 'PM'; },
+      B: function(date) { return Math.floor((((date.getUTCHours() + 1) % 24) + date.getUTCMinutes() / 60 + date.getUTCSeconds() / 3600) * 1000 / 24); }, // Fixed now
+      g: function(date) { return date.getHours() % 12 || 12; },
+      G: function(date) { return date.getHours(); },
+      h: function(date) { return ((date.getHours() % 12 || 12) < 10 ? '0' : '') + (date.getHours() % 12 || 12); },
+      H: function(date) { return (date.getHours() < 10 ? '0' : '') + date.getHours(); },
+      i: function(date) { return (date.getMinutes() < 10 ? '0' : '') + date.getMinutes(); },
+      s: function(date) { return (date.getSeconds() < 10 ? '0' : '') + date.getSeconds(); },
+      u: function(date) { var m = date.getMilliseconds(); return (m < 10 ? '00' : (m < 100 ? '0' : '')) + m; },
+      // Timezone
+      e: function(date) { return 'Not Yet Supported'; },
+      I: function(date) { return 'Not Yet Supported'; },
+      O: function(date) { return (-date.getTimezoneOffset() < 0 ? '-' : '+') + (Math.abs(date.getTimezoneOffset() / 60) < 10 ? '0' : '') + (Math.abs(date.getTimezoneOffset() / 60)) + '00'; },
+      P: function(date) { return (-date.getTimezoneOffset() < 0 ? '-' : '+') + (Math.abs(date.getTimezoneOffset() / 60) < 10 ? '0' : '') + (Math.abs(date.getTimezoneOffset() / 60)) + ':00'; }, // Fixed now
+      T: function(date) { var m = date.getMonth(); date.setMonth(0); var result = date.toTimeString().replace(/^.+ \(?([^\)]+)\)?$/, '$1'); date.setMonth(m); return result;},
+      Z: function(date) { return -date.getTimezoneOffset() * 60; },
+      // Full Date/Time
+      c: function(date, calendar) { return calendar._formatDate(date, 'Y-m-d\\TH:i:sP'); }, // Fixed now
+      r: function(date, calendar) { return calendar._formatDate(date, 'D, d M Y H:i:s O'); },
+      U: function(date) { return date.getTime() / 1000; }
+      },
+
+      /* USER MANAGEMENT FUNCTIONS */
+
+      getUserForId: function(id) {
+        return $.extend({}, this.options.users[this._getUserIndexFromId(id)]);
+      },
+
+      /**
+        * return the user name for header
+        */
+      _getUserName: function(index) {
+          var self = this;
+          var options = this.options;
+          var user = options.users[index];
+          if ($.isFunction(options.getUserName)) {
+          return options.getUserName(user, index, self.element);
+          }
+          else {
+          return user;
+          }
+      },
+      /**
+        * return the user id for given index
+        */
+      _getUserIdFromIndex: function(index) {
+          var self = this;
+          var options = this.options;
+          if ($.isFunction(options.getUserId)) {
+          return options.getUserId(options.users[index], index, self.element);
+          }
+          return index;
+      },
+      /**
+        * returns the associated user index for given ID
+        */
+      _getUserIndexFromId: function(id) {
+          var self = this;
+          var options = this.options;
+          for (var i = 0; i < options.users.length; i++) {
+            if (self._getUserIdFromIndex(i) == id) {
+              return i;
+            }
+          }
+          return 0;
+      },
+      /**
+        * return the user ids for given calEvent.
+        * default is calEvent.userId field.
+        */
+      _getEventUserId: function(calEvent) {
+          var self = this;
+          var options = this.options;
+          if (options.showAsSeparateUsers && options.users && options.users.length) {
+            if ($.isFunction(options.getEventUserId)) {
+            return options.getEventUserId(calEvent, self.element);
+            }
+            return calEvent.userId;
+          }
+          return [];
+      },
+      /**
+        * sets the event user id on given calEvent
+        * default is calEvent.userId field.
+        */
+      _setEventUserId: function(calEvent, userId) {
+          var self = this;
+          var options = this.options;
+          if ($.isFunction(options.setEventUserId)) {
+            return options.setEventUserId(userId, calEvent, self.element);
+          }
+          calEvent.userId = userId;
+          return calEvent;
+      },
+      /**
+        * return the user ids for given freeBusy.
+        * default is freeBusy.userId field.
+        */
+      _getFreeBusyUserId: function(freeBusy) {
+        var self = this;
+        var options = this.options;
+        if ($.isFunction(options.getFreeBusyUserId)) {
+          return options.getFreeBusyUserId(freeBusy.getOption(), self.element);
+        }
+        return freeBusy.getOption('userId');
+      },
+
+      /* FREEBUSY MANAGEMENT */
+
+      /**
+        * ckean the free busy managers and remove all the freeBusy
+        */
+      _clearFreeBusys: function() {
+        if (this.options.displayFreeBusys) {
+          var self = this,
+              options = this.options,
+              $freeBusyPlaceholders = self.element.find('.wc-grid-row-freebusy .wc-column-freebusy');
+          $freeBusyPlaceholders.each(function() {
+            $(this).data('wcFreeBusyManager', new FreeBusyManager({
+                start: self._cloneDate($(this).data('startDate')),
+                end: self._cloneDate($(this).data('endDate')),
+                defaultFreeBusy: options.defaultFreeBusy || {}
+            }));
+          });
+          self.element.find('.wc-grid-row-freebusy .wc-freebusy').remove();
+        }
+      },
+      /**
+        * retrieve placeholders for given freebusy
+        */
+      _findWeekDaysForFreeBusy: function(freeBusy, $weekDays) {
+        var $returnWeekDays,
+            options = this.options,
+            showAsSeparatedUser = options.showAsSeparateUsers && options.users && options.users.length,
+            self = this,
+            userList = self._getFreeBusyUserId(freeBusy);
+        if (!$.isArray(userList)) {
+          userList = userList != 'undefined' ? [userList] : [];
+        }
+        if (!$weekDays) {
+          $weekDays = self.element.find('.wc-grid-row-freebusy .wc-column-freebusy');
+        }
+        $weekDays.each(function() {
+          var manager = $(this).data('wcFreeBusyManager'),
+              has_overlap = manager.isWithin(freeBusy.getStart()) ||
+                              manager.isWithin(freeBusy.getEnd()) ||
+                              freeBusy.isWithin(manager.getStart()) ||
+                              freeBusy.isWithin(manager.getEnd()),
+              userId = $(this).data('wcUserId');
+          if (has_overlap && (!showAsSeparatedUser || ($.inArray(userId, userList) != -1))) {
+            $returnWeekDays = $returnWeekDays ? $returnWeekDays.add($(this)) : $(this);
+          }
+        });
+        return $returnWeekDays;
+      },
+
+      /**
+        * used to render all freeBusys
+        */
+      _renderFreeBusys: function(freeBusys) {
+        if (this.options.displayFreeBusys) {
+          var self = this,
+              $freeBusyPlaceholders = self.element.find('.wc-grid-row-freebusy .wc-column-freebusy'),
+              freebusysToRender;
+          //insert freebusys to dedicated placeholders freebusy managers
+          if ($.isArray(freeBusys)) {
+            freebusysToRender = self._cleanFreeBusys(freeBusys);
+          } else if (freeBusys.freebusys) {
+            freebusysToRender = self._cleanFreeBusys(freeBusys.freebusys);
+          }
+          else {
+            freebusysToRender = [];
+          }
+
+          $.each(freebusysToRender, function(index, freebusy) {
+              var $placeholders = self._findWeekDaysForFreeBusy(freebusy, $freeBusyPlaceholders);
+              if ($placeholders) {
+                $placeholders.each(function() {
+                  var manager = $(this).data('wcFreeBusyManager');
+                  manager.insertFreeBusy(new FreeBusy(freebusy.getOption()));
+                  $(this).data('wcFreeBusyManager', manager);
+                });
+              }
+            });
+
+          //now display freebusys on  place holders
+          self._refreshFreeBusys($freeBusyPlaceholders);
+        }
+      },
+      /**
+        * refresh freebusys for given placeholders
+        */
+      _refreshFreeBusys: function($freeBusyPlaceholders) {
+        if (this.options.displayFreeBusys && $freeBusyPlaceholders) {
+          var self = this,
+              options = this.options,
+              start = (options.businessHours.limitDisplay ? options.businessHours.start : 0),
+              end = (options.businessHours.limitDisplay ? options.businessHours.end : 24);
+
+          $freeBusyPlaceholders.each(function() {
+              var $placehoder = $(this);
+              var s = self._cloneDate($placehoder.data('startDate')),
+                  e = self._cloneDate(s);
+              s.setHours(start);
+              e.setHours(end);
+              $placehoder.find('.wc-freebusy').remove();
+              $.each($placehoder.data('wcFreeBusyManager').getFreeBusys(s, e), function() {
+                  self._renderFreeBusy(this, $placehoder);
+                });
+            });
+        }
+      },
+      /**
+        * render a freebusy item on dedicated placeholders
+        */
+      _renderFreeBusy: function(freeBusy, $freeBusyPlaceholder) {
+        if (this.options.displayFreeBusys) {
+          var self = this,
+              options = this.options,
+              freeBusyHtml = '<div class="wc-freebusy"></div>';
+
+          var $fb = $(freeBusyHtml);
+          $fb.data('wcFreeBusy', new FreeBusy(freeBusy.getOption()));
+          this._positionFreeBusy($freeBusyPlaceholder, $fb);
+          $fb = options.freeBusyRender(freeBusy.getOption(), $fb, self.element);
+          if ($fb) {
+            $fb.appendTo($freeBusyPlaceholder);
+          }
+        }
+      },
+      /*
+        * Position the freebusy element within the weekday based on it's start / end dates.
+        */
+      _positionFreeBusy: function($placeholder, $freeBusy) {
+          var options = this.options;
+          var freeBusy = $freeBusy.data('wcFreeBusy');
+          var pxPerMillis = $placeholder.height() / options.millisToDisplay;
+          var firstHourDisplayed = options.businessHours.limitDisplay ? options.businessHours.start : 0;
+          var startMillis = freeBusy.getStart().getTime() - new Date(freeBusy.getStart().getFullYear(), freeBusy.getStart().getMonth(), freeBusy.getStart().getDate(), firstHourDisplayed).getTime();
+          var eventMillis = freeBusy.getEnd().getTime() - freeBusy.getStart().getTime();
+          var pxTop = pxPerMillis * startMillis;
+          var pxHeight = pxPerMillis * eventMillis;
+          $freeBusy.css({top: pxTop, height: pxHeight});
+      },
+      /*
+        * Clean freebusys to ensure correct format
+        */
+      _cleanFreeBusys: function(freebusys) {
+          var self = this,
+              freeBusyToReturn = [];
+          if (!$.isArray(freebusys)) {
+            var freebusys = [freebusys];
+          }
+          $.each(freebusys, function(i, freebusy) {
+            freeBusyToReturn.push(new FreeBusy(self._cleanFreeBusy(freebusy)));
+          });
+          return freeBusyToReturn;
+      },
+
+      /*
+        * Clean specific freebusy
+        */
+      _cleanFreeBusy: function(freebusy) {
+          if (freebusy.date) {
+            freebusy.start = freebusy.date;
+          }
+          freebusy.start = this._cleanDate(freebusy.start);
+          freebusy.end = this._cleanDate(freebusy.end);
+          return freebusy;
+      },
+
+      /**
+        * retrives the first freebusy manager matching demand.
+        */
+      getFreeBusyManagersFor: function(date, users) {
+        var calEvent = {
+          start: date,
+          end: date
+        };
+        this._setEventUserId(calEvent, users);
+        return this.getFreeBusyManagerForEvent(calEvent);
+      },
+      /**
+        * retrives the first freebusy manager for given event.
+        */
+      getFreeBusyManagerForEvent: function(newCalEvent) {
+        var self = this,
+            options = this.options,
+            freeBusyManager;
+        if (options.displayFreeBusys) {
+          var $freeBusyPlaceHoders = self.element.find('.wc-grid-row-freebusy .wc-column-freebusy'),
+              freeBusy = new FreeBusy({start: newCalEvent.start, end: newCalEvent.end}),
+              showAsSeparatedUser = options.showAsSeparateUsers && options.users && options.users.length,
+              userId = showAsSeparatedUser ? self._getEventUserId(newCalEvent) : null;
+          if (!$.isArray(userId)) {
+            userId = [userId];
+          }
+          $freeBusyPlaceHoders.each(function() {
+            var manager = $(this).data('wcFreeBusyManager'),
+                has_overlap = manager.isWithin(freeBusy.getEnd()) ||
+                                manager.isWithin(freeBusy.getEnd()) ||
+                                freeBusy.isWithin(manager.getStart()) ||
+                                freeBusy.isWithin(manager.getEnd());
+            if (has_overlap && (!showAsSeparatedUser || $.inArray($(this).data('wcUserId'), userId) != -1)) {
+              freeBusyManager = $(this).data('wcFreeBusyManager');
+              return false;
+            }
+          });
+        }
+        return freeBusyManager;
+      },
+      /**
+        * appends the freebusys to replace the old ones.
+        * @param {array|object} freeBusys freebusy(s) to apply.
+        */
+      updateFreeBusy: function(freeBusys) {
+        var self = this,
+            options = this.options;
+        if (options.displayFreeBusys) {
+          var $toRender,
+              $freeBusyPlaceHoders = self.element.find('.wc-grid-row-freebusy .wc-column-freebusy'),
+              _freeBusys = self._cleanFreeBusys(freeBusys);
+
+          $.each(_freeBusys, function(index, _freeBusy) {
+
+            var $weekdays = self._findWeekDaysForFreeBusy(_freeBusy, $freeBusyPlaceHoders);
+            //if freebusy has a placeholder
+            if ($weekdays && $weekdays.length) {
+              $weekdays.each(function(index, day) {
+                var manager = $(day).data('wcFreeBusyManager');
+                manager.insertFreeBusy(_freeBusy);
+                $(day).data('wcFreeBusyManager', manager);
+              });
+              $toRender = $toRender ? $toRender.add($weekdays) : $weekdays;
+            }
+          });
+          self._refreshFreeBusys($toRender);
+        }
+      },
+
+      /* NEW OPTIONS MANAGEMENT */
+
+      /**
+        * checks wether or not the calendar should be displayed starting on first day of week
+        */
+      _startOnFirstDayOfWeek: function() {
+        return jQuery.isFunction(this.options.startOnFirstDayOfWeek) ? this.options.startOnFirstDayOfWeek(this.element) : this.options.startOnFirstDayOfWeek;
+      },
+
+      /**
+        * finds out the current scroll to apply it when changing the view
+        */
+      _getCurrentScrollHour: function() {
+          var self = this;
+          var options = this.options;
+          var $scrollable = this.element.find('.wc-scrollable-grid');
+          var scroll = $scrollable.scrollTop();
+          if (self.options.businessHours.limitDisplay) {
+            scroll = scroll + options.businessHours.start * options.timeslotHeight * options.timeslotsPerHour;
+          }
+          return Math.round(scroll / (options.timeslotHeight * options.timeslotsPerHour)) + 1;
+      },
+      _getJsonOptions: function() {
+        if ($.isFunction(this.options.jsonOptions)) {
+            return $.extend({}, this.options.jsonOptions(this.element));
+        }
+        if ($.isPlainObject(this.options.jsonOptions)) {
+          return $.extend({}, this.options.jsonOptions);
+        }
+        return {};
+      },
+      _getHeaderDate: function(date) {
+        var options = this.options;
+        if (options.getHeaderDate && $.isFunction(options.getHeaderDate))
+        {
+          return options.getHeaderDate(date, this.element);
+        }
+        var dayName = options.useShortDayNames ? options.shortDays[date.getDay()] : options.longDays[date.getDay()];
+        return dayName + (options.headerSeparator) + this._formatDate(date, options.dateFormat);
+      },
+
+
+
+      /**
+        * returns corrected date related to DST problem
+        */
+      _getDSTdayShift: function(date, shift) {
+      var start = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0);
+      var offset1 = start.getTimezoneOffset();
+      var offset2 = date.getTimezoneOffset();
+          if (offset1 == offset2)
+        return date;
+      shift = shift ? shift : 1;
+      return new Date(date.getTime() - shift * (offset1 > offset2 ? -1 : 1) * (Math.max(offset1, offset2) - Math.min(offset1, offset2)) * 60000);
+      },
+      _needDSTdayShift: function(date1, date2) {
+      return date1.getTimezoneOffset() != date2.getTimezoneOffset();
+      }
+
+
+
+    }; // end of widget function return
+    })() //end of widget function closure execution
+  ); // end of $.widget("ui.weekCalendar"...
+
+    $.extend($.ui.weekCalendar, {
+      version: '2.0-dev',
+      updateLayoutOptions: {
+        startOnFirstDayOfWeek: true,
+        firstDayOfWeek: true,
+        daysToShow: true,
+        displayOddEven: true,
+        timeFormat: true,
+        dateFormat: true,
+        use24Hour: true,
+        useShortDayNames: true,
+        businessHours: true,
+        timeslotHeight: true,
+        timeslotsPerHour: true,
+        buttonText: true,
+        height: true,
+        shortMonths: true,
+        longMonths: true,
+        shortDays: true,
+        longDays: true,
+        textSize: true,
+        users: true,
+        showAsSeparateUsers: true,
+        displayFreeBusys: true
+      }
+    });
+
+    var MILLIS_IN_DAY = 86400000;
+    var MILLIS_IN_WEEK = MILLIS_IN_DAY * 7;
+
+    /* FREE BUSY MANAGERS */
+    var FreeBusyProto = {
+      getStart: function() {return this.getOption('start')},
+      getEnd: function() {return this.getOption('end')},
+      getOption: function() {
+          if (!arguments.length) { return this.options }
+          if (typeof(this.options[arguments[0]]) !== 'undefined') {
+            return this.options[arguments[0]];
+          }
+          else if (typeof(arguments[1]) !== 'undefined') {
+            return arguments[1];
+          }
+          return null;
+        },
+      setOption: function(key, value) {
+          if (arguments.length == 1) {
+            $.extend(this.options, arguments[0]);
+            return this;
+          }
+          this.options[key] = value;
+          return this;
+        },
+      isWithin: function(dateTime) {return Math.floor(dateTime.getTime() / 1000) >= Math.floor(this.getStart().getTime() / 1000) && Math.floor(dateTime.getTime() / 1000) <= Math.floor(this.getEnd().getTime() / 1000)},
+      isValid: function() {return this.getStart().getTime() < this.getEnd().getTime()}
+    };
+
+    /**
+      * @constructor
+      * single user freebusy manager.
+      */
+    var FreeBusy = function(options) {
+      this.options = $.extend({}, options || {});
+    };
+    $.extend(FreeBusy.prototype, FreeBusyProto);
+
+    var FreeBusyManager = function(options) {
+      this.options = $.extend({
+          defaultFreeBusy: {}
+        }, options || {});
+      this.freeBusys = [];
+      this.freeBusys.push(new FreeBusy($.extend({
+            start: this.getStart(),
+            end: this.getEnd()
+          }, this.options.defaultFreeBusy)));
+    };
+    $.extend(FreeBusyManager.prototype, FreeBusyProto, {
+      /**
+        * return matching freeBusys.
+        * if you do not pass any argument, returns all freebusys.
+        * if you only pass a start date, only matchinf freebusy will be returned.
+        * if you pass 2 arguments, then all freebusys available within the time period will be returned
+        * @param {Date} start [optionnal] if you do not pass end date, will return the freeBusy within which this date falls.
+        * @param {Date} end [optionnal] the date where to stop the search.
+        * @return {Array} an array of FreeBusy matching arguments.
+        */
+      getFreeBusys: function() {
+          switch (arguments.length) {
+            case 0:
+              return this.freeBusys;
+            case 1:
+              var freeBusy = [];
+              var start = arguments[0];
+              if (!this.isWithin(start)) {
+                return freeBusy;
+              }
+              $.each(this.freeBusys, function() {
+                if (this.isWithin(start)) {
+                  freeBusy.push(this);
+                }
+                if (Math.floor(this.getEnd().getTime() / 1000) > Math.floor(start.getTime() / 1000)) {
+                  return false;
+                }
+              });
+              return freeBusy;
+            default:
+              //we assume only 2 first args are revealants
+              var freeBusy = [];
+              var start = arguments[0], end = arguments[1];
+              var tmpFreeBusy = new FreeBusy({start: start, end: end});
+              if (end.getTime() < start.getTime() || this.getStart().getTime() > end.getTime() || this.getEnd().getTime() < start.getTime()) {
+                return freeBusy;
+              }
+              $.each(this.freeBusys, function() {
+                if (this.getStart().getTime() >= end.getTime()) {
+                  return false;
+                }
+                if (tmpFreeBusy.isWithin(this.getStart()) && tmpFreeBusy.isWithin(this.getEnd())) {
+                  freeBusy.push(this);
+                }
+                else if (this.isWithin(tmpFreeBusy.getStart()) && this.isWithin(tmpFreeBusy.getEnd())) {
+                  var _f = new FreeBusy(this.getOption());
+                  _f.setOption('end', tmpFreeBusy.getEnd());
+                  _f.setOption('start', tmpFreeBusy.getStart());
+                  freeBusy.push(_f);
+                }
+                else if (this.isWithin(tmpFreeBusy.getStart()) && this.getStart().getTime() < start.getTime()) {
+                  var _f = new FreeBusy(this.getOption());
+                  _f.setOption('start', tmpFreeBusy.getStart());
+                  freeBusy.push(_f);
+                }
+                else if (this.isWithin(tmpFreeBusy.getEnd()) && this.getEnd().getTime() > end.getTime()) {
+                  var _f = new FreeBusy(this.getOption());
+                  _f.setOption('end', tmpFreeBusy.getEnd());
+                  freeBusy.push(_f);
+                }
+              });
+              return freeBusy;
+          }
+        },
+      insertFreeBusy: function(freeBusy) {
+          var freeBusy = new FreeBusy(freeBusy.getOption());
+          //first, if inserted freebusy is bigger than manager
+          if (freeBusy.getStart().getTime() < this.getStart().getTime()) {
+            freeBusy.setOption('start', this.getStart());
+          }
+          if (freeBusy.getEnd().getTime() > this.getEnd().getTime()) {
+            freeBusy.setOption('end', this.getEnd());
+          }
+          var start = freeBusy.getStart(), end = freeBusy.getEnd(),
+              startIndex = 0, endIndex = this.freeBusys.length - 1,
+              newFreeBusys = [];
+          var pushNewFreeBusy = function(_f) {if (_f.isValid()) newFreeBusys.push(_f);};
+
+          $.each(this.freeBusys, function(index) {
+            //within the loop, we have following vars:
+            // curFreeBusyItem: the current iteration freeBusy, part of manager freeBusys list
+            // start: the insterted freeBusy start
+            // end: the inserted freebusy end
+            var curFreeBusyItem = this;
+            if (curFreeBusyItem.isWithin(start) && curFreeBusyItem.isWithin(end)) {
+              /*
+                we are in case where inserted freebusy fits in curFreeBusyItem:
+                curFreeBusyItem:    *-----------------------------*
+                freeBusy:                *-------------*
+                obviously, start and end indexes are this item.
+              */
+              startIndex = index;
+              endIndex = index;
+              if (start.getTime() == curFreeBusyItem.getStart().getTime() && end.getTime() == curFreeBusyItem.getEnd().getTime()) {
+                /*
+                  in this case, inserted freebusy is exactly curFreeBusyItem:
+                  curFreeBusyItem:    *-----------------------------*
+                  freeBusy:            *-----------------------------*
+
+                  just replace curFreeBusyItem with freeBusy.
+                */
+                var _f1 = new FreeBusy(freeBusy.getOption());
+                pushNewFreeBusy(_f1);
+              }
+              else if (start.getTime() == curFreeBusyItem.getStart().getTime()) {
+                /*
+                  in this case inserted freebusy starts with curFreeBusyItem:
+                  curFreeBusyItem:    *-----------------------------*
+                  freeBusy:            *--------------*
+
+                  just replace curFreeBusyItem with freeBusy AND the rest.
+                */
+                var _f1 = new FreeBusy(freeBusy.getOption());
+                var _f2 = new FreeBusy(curFreeBusyItem.getOption());
+                _f2.setOption('start', end);
+                pushNewFreeBusy(_f1);
+                pushNewFreeBusy(_f2);
+              }
+              else if (end.getTime() == curFreeBusyItem.getEnd().getTime()) {
+                /*
+                  in this case inserted freebusy ends with curFreeBusyItem:
+                  curFreeBusyItem:    *-----------------------------*
+                  freeBusy:                          *--------------*
+
+                  just replace curFreeBusyItem with before part AND freeBusy.
+                */
+                var _f1 = new FreeBusy(curFreeBusyItem.getOption());
+                _f1.setOption('end', start);
+                var _f2 = new FreeBusy(freeBusy.getOption());
+                pushNewFreeBusy(_f1);
+                pushNewFreeBusy(_f2);
+              }
+              else {
+                /*
+                  in this case inserted freebusy is within curFreeBusyItem:
+                  curFreeBusyItem:    *-----------------------------*
+                  freeBusy:                    *--------------*
+
+                  just replace curFreeBusyItem with before part AND freeBusy AND the rest.
+                */
+                var _f1 = new FreeBusy(curFreeBusyItem.getOption());
+                var _f2 = new FreeBusy(freeBusy.getOption());
+                var _f3 = new FreeBusy(curFreeBusyItem.getOption());
+                _f1.setOption('end', start);
+                _f3.setOption('start', end);
+                pushNewFreeBusy(_f1);
+                pushNewFreeBusy(_f2);
+                pushNewFreeBusy(_f3);
+              }
+              /*
+                as work is done, no need to go further.
+                return false
+              */
+              return false;
+            }
+            else if (curFreeBusyItem.isWithin(start) && curFreeBusyItem.getEnd().getTime() != start.getTime()) {
+              /*
+                in this case, inserted freebusy starts within curFreeBusyItem:
+                curFreeBusyItem:    *----------*
+                freeBusy:                *-------------------*
+
+                set start index AND insert before part, we'll insert freebusy later
+              */
+              if (curFreeBusyItem.getStart().getTime() != start.getTime()) {
+                var _f1 = new FreeBusy(curFreeBusyItem.getOption());
+                _f1.setOption('end', start);
+                pushNewFreeBusy(_f1);
+              }
+              startIndex = index;
+            }
+            else if (curFreeBusyItem.isWithin(end) && curFreeBusyItem.getStart().getTime() != end.getTime()) {
+              /*
+                in this case, inserted freebusy starts within curFreeBusyItem:
+                curFreeBusyItem:                  *----------*
+                freeBusy:            *-------------------*
+
+                set end index AND insert freebusy AND insert after part if needed
+              */
+              pushNewFreeBusy(new FreeBusy(freeBusy.getOption()));
+              if (end.getTime() < curFreeBusyItem.getEnd().getTime()) {
+                var _f1 = new FreeBusy(curFreeBusyItem.getOption());
+                _f1.setOption('start', end);
+                pushNewFreeBusy(_f1);
+              }
+              endIndex = index;
+              return false;
+            }
+          });
+          //now compute arguments
+          var tmpFB = this.freeBusys;
+          this.freeBusys = [];
+
+          if (startIndex) {
+            this.freeBusys = this.freeBusys.concat(tmpFB.slice(0, startIndex));
+          }
+          this.freeBusys = this.freeBusys.concat(newFreeBusys);
+          if (endIndex < tmpFB.length) {
+            this.freeBusys = this.freeBusys.concat(tmpFB.slice(endIndex + 1));
+          }
+/*          if(start.getDate() == 1){
+          console.info('insert from '+freeBusy.getStart() +' to '+freeBusy.getEnd());
+            console.log('index from '+ startIndex + ' to ' + endIndex);
+            var str = [];
+            $.each(tmpFB, function(i){str.push(i + ": " + this.getStart().getHours() + ' > ' + this.getEnd().getHours() + ' ' + (this.getOption('free') ? 'free' : 'busy'))});
+            console.log(str.join('\n'));
+
+            console.log('insert');
+            var str = [];
+            $.each(newFreeBusys, function(i){str.push(this.getStart().getHours() + ' > ' + this.getEnd().getHours())});
+            console.log(str.join(', '));
+
+            console.log('results');
+            var str = [];
+            $.each(this.freeBusys, function(i){str.push(i + ": " + this.getStart().getHours() + ' > ' + this.getEnd().getHours()  + ' ' + (this.getOption('free') ? 'free' :'busy'))});
+            console.log(str.join('\n'));
+          }*/
+          return this;
+        }
+    });
+
+})(jQuery);