diff --git a/GoogleChartsNGraphsControls/BaseDesignTimeSupport.cs b/GoogleChartsNGraphsControls/BaseDesignTimeSupport.cs
index 427620b..b3b2bd5 100644
--- a/GoogleChartsNGraphsControls/BaseDesignTimeSupport.cs
+++ b/GoogleChartsNGraphsControls/BaseDesignTimeSupport.cs
@@ -536,6 +536,101 @@ public Interval() { }
     }
 
 
+    [Serializable()]
+    public class CHAPTimelineOptions
+    {
+        public enum ZOOMINTERVALS { MINUTE, HOUR, DAY, WEEK, MONTH, QUARTERLY, TRIMESTER, SIXMONTHS, YEAR }
+        public enum TIMELINENODESTYLE { BOX, DOT, };
+
+        private double getMilliseconds(ZOOMINTERVALS zi)
+        {
+            switch(zi)
+            {
+                case ZOOMINTERVALS.DAY:
+                    return 1000 * 60 * 60 * 24;
+                case ZOOMINTERVALS.HOUR:
+                    return 1000 * 60 * 60;
+                case ZOOMINTERVALS.MINUTE:
+                    return 1000 * 60;
+                case ZOOMINTERVALS.MONTH:
+                    return (1000 * 60 * 60 * 24) * 31d;
+                case ZOOMINTERVALS.QUARTERLY:
+                    return (1000 * 60 * 60 * 24) * 31d * 3;
+                case ZOOMINTERVALS.SIXMONTHS:
+                    return (1000 * 60 * 60 * 24) * 31d * 6;
+                case ZOOMINTERVALS.TRIMESTER:
+                    return (1000 * 60 * 60 * 24) * 31d * 4;
+                case ZOOMINTERVALS.WEEK:
+                    return 1000 * 60 * 60 * 24 * 7;
+                case ZOOMINTERVALS.YEAR:
+                    return (1000 * 60 * 60 * 24) * 31d * 12;
+                default:
+                    return (1000 * 60 * 60 * 24) * 31d;    
+            }
+        }
+
+        public CHAPTimelineOptions() { }
+
+        [DataMember(Name = "width")]
+        public string Width { get; set; }
+
+        [DataMember(Name = "height")]
+        public string Height { get; set; }
+
+        [DataMember(Name = "min")]
+        public DateTime? MinDateRange { get; set; }
+
+        [DataMember(Name = "max")]
+        public DateTime? MaxDateRange { get; set; }
+
+        [DataMember(Name = "zoomMin")]
+        public ZOOMINTERVALS? ZoomMin { get; set; }
+
+        [DataMember(Name = "zoomMax")]
+        public ZOOMINTERVALS? ZoomMax { get; set; }
+
+        [DataMember(Name = "editable")]
+        public bool? Editable { get; set; }
+
+        [DataMember(Name = "animate")]
+        public bool? AnimateTransitions { get; set; }
+
+        [DataMember(Name = "eventMargin")]
+        public int? Margin { get; set; }
+
+        [DataMember(Name = "showButtonNew")]
+        public bool? CreateNewButton { get; set; }
+
+        [DataMember(Name = "showNavigation")]
+        public bool? ShowNavigation { get; set; }
+
+        // minimal margin beteen events and the axis
+        [DataMember(Name = "eventMarginAxis")]
+        public int? AxisMargin { get; set; }
+
+        // in combination with grouping
+        [DataMember(Name = "showMajorLabels")]
+        public bool? MajorLabels { get; set; }
+
+        [DataMember(Name = "axisOnTop")]
+        public bool? AxisOnTop { get; set; }
+
+        [DataMember(Name = "groupsChangeable ")]
+        public bool? GroupsChangeable { get; set; }
+
+        [DataMember(Name = "groupsOnRight")]
+        public bool? GroupsOnRight { get; set; }
+
+        [DataMember(Name = "stackEvents")]
+        public bool? StackEvents { get; set; }
+
+        [DataMember(Name = "cluster")]
+        public bool? ClusterEvents { get; set; }
+
+
+    }
+
+
     //[Serializable()]
     //[DataContract(Name = "interval")]
     //public class Interval
@@ -559,16 +654,78 @@ public Interval() { }
     //    public float? Opacity { get; set; } // 0 - 1
     //}
 
-   
+
     public class ComboChartLineSeries
     {
+        public enum LINETYPE { DASHED, LONG_DASH, SHORT_DASH, DOTTED, LONG_DOTTED, SHORT_DOTTED};
+        public enum FUNCTION_TYPE { FIXED, AVG, COUNT, SUM, MAX, MIN, STD_DEV, VARIANCE, MEDIAN };
+        private List<string> Options = new List<string>();
+        
+        private string getDashDotted(LINETYPE? LT)
+        {
+            switch(LT)
+            {
+                case LINETYPE.DASHED:
+                    return "[14, 2, 7, 2]";
+                case LINETYPE.DOTTED:
+                    return "[4, 4]";
+                case LINETYPE.LONG_DASH:
+                    return "[2, 2, 20, 2, 20, 2]";
+                case LINETYPE.LONG_DOTTED:
+                    return "[10,2]";
+                case LINETYPE.SHORT_DASH:
+                    return "[5, 1, 3]";
+                case LINETYPE.SHORT_DOTTED:
+                    return "[4,1]";
+                default:
+                    return "[14, 2, 7, 2]";
+            }
+        }
+
+        public ComboChartLineSeries()
+        {
+            this.LineType = SeriesType.Line;
+        }
+
         public int Column { get; set; }
+        public FUNCTION_TYPE FunctType { get; set; }
         public SeriesType LineType { get; set; }
-        public Color? Color { get; set; }
+        public LINETYPE? DashedLine { get; set; }
+        public int? LineWidth { get; set; }
+        public string LineName { get; set; }
+        public decimal FixedValue { get; set; }
+        public Color? LineColor { get; set; }
+        
+        public void AddOption(string key, string value)
+        {
+            this.Options.Add(string.Format("{0}:'{1}'", key, value));
+        }
+        public void AddOption(string key, double value)
+        {
+            this.Options.Add(string.Format("{0}:{1}", key, value));
+        }
+        public void ClearOptions()
+        {
+            this.Options.Clear();
+        }
 
         public override string ToString() 
         {
-            return string.Format("{0}: {{ type:'{1}', color:'gray', lineWidth:'2', lineDashStyle:[5,1,3] }}", Column, LineType.ToString().ToLower());
+            List<string> options = new List<string>();
+            if (this.LineColor != null)
+                options.Add(string.Format("color:'{0}'", this.LineColor.HexConverter()));
+            if (this.LineWidth != null)
+                options.Add(string.Format("lineWidth:{0}", this.LineWidth.ToString()));
+            if (this.DashedLine != null)
+                options.Add(string.Format("lineDashStyle:{0}", getDashDotted(this.DashedLine)));
+            if (this.Options.Count() > 0)
+                options.AddRange(Options);
+            
+
+            if (options.Count() > 0)
+                return string.Format("{0}: {{ type:'{1}', {2} }}", Column, LineType.ToString().ToLower(), string.Join(", ", options));
+            else
+                return string.Format("{0}: {{ type:'{1}' }}", Column, LineType.ToString().ToLower());
         }
     }
     [Serializable()]
diff --git a/GoogleChartsNGraphsControls/BaseEvents.cs b/GoogleChartsNGraphsControls/BaseEvents.cs
index 8f57b7d..50e1199 100644
--- a/GoogleChartsNGraphsControls/BaseEvents.cs
+++ b/GoogleChartsNGraphsControls/BaseEvents.cs
@@ -2,7 +2,6 @@
 using System.Collections.Generic;
 using System.Linq;
 using System.Text;
-using System.Threading.Tasks;
 
 namespace GoogleChartsNGraphsControls
 {
diff --git a/GoogleChartsNGraphsControls/BaseGVI.cs b/GoogleChartsNGraphsControls/BaseGVI.cs
index 1622543..7d5983f 100644
--- a/GoogleChartsNGraphsControls/BaseGVI.cs
+++ b/GoogleChartsNGraphsControls/BaseGVI.cs
@@ -23,9 +23,10 @@ public enum GOOGLECHART
             COLUMNCHART, GAUGE, LINECHART, MAP,
             MOTIONCHART, ORGANIZATIONCHART, PIECHART,
             WORDCLOUD, SCATTERCHART, TABLEARROW, TABLEBAR,
-            CANDLESTICK, COMBO, HISTOGRAM, DONUT, TREEMAP, TIMELINE,
-            WORDTREE,
-            CALENDAR, ANNOTATION, SANKEY
+            CANDLESTICK, COMBO, HISTOGRAM, DONUT, TREEMAP,
+            TIMELINE, WORDTREE, CALENDAR, ANNOTATION, SANKEY,
+
+            CHAP_TIMELINE, CHAP_GRAPH, CHAP_GRAPH3D, CHAP_NETWORK
         }
 
         #region Formatter - for use with the IGoogleFormatter only
@@ -38,6 +39,79 @@ public enum GOOGLECHART
         /// easily debugged or matching that on the Google Vis site
         /// </summary>
 
+        private static string jschap =
+  @"
+
+        /********************************************************************************
+        *      GoogleVisualizationControls.NET {{ver}}
+        *      http://code.google.com/p/googlevisualizationsdotnet/ 
+        *      Visualization: {3} 
+        *      Div Element: {0}
+        *********************************************************************************/
+        google.load('visualization', '1');
+        google.setOnLoadCallback( draw_{0} );
+        var chart_{0} = undefined;
+        function draw_{0}() {{
+                var container = document.getElementById('{0}');
+                var chart = new links.{3}(container);
+                var arrayD = __DATATABLE__;
+                var data = new google.visualization.DataTable( arrayD );
+       
+         
+       /********* Formatter Hooks: your function will be called before render  ********/
+                chart.formatters = function(chart,data){{
+                    /*FORMATTERS*/
+                }}
+       /********* View Hooks: DataTables are placed in a View and invoke your functions before going to render ********/
+                chart.formatView = function(chart,view){{
+                    /*VIEW_FUNCTIONS*/
+                }}
+ 
+       /********* Extended Functions **********************/
+                chart.reload = function(args, url)
+                {{
+                    if (url == undefined || url == null){{
+                        url = '{QueryString}';
+                    }}
+                    m_SendAndDraw(container, chart, url, args)
+                }};
+                chart.load = function(data)
+                {{
+                    m_JustDraw(container, chart, data);
+                }};                
+                chart.format = function(data)
+                {{
+                    {formatter}
+                }};
+
+        /********* User Defined Functions **********************/
+                {4}
+
+        /********* Extended Params    **********************/
+                chart.opts = {1};
+                chart.container = container;
+                
+      
+
+       /********* Init Chart Load     **********************/
+                chart.draw(data, chart.opts);
+
+
+      /********* Update These Image Src     **********************/
+                    {SETIMAGEFOR}
+
+
+
+
+
+ /********* Save Chart Into DOM / Always Last **********************/
+                chart_{0} = chart;
+
+                
+
+}}
+";
+
         private static string jscode3 =
        @"
 
@@ -211,6 +285,12 @@ public BaseGVI()
                 dic.Add(GOOGLECHART.ANNOTATION, new string[] { "annotationchart", "AnnotationChart" });
                 dic.Add(GOOGLECHART.SANKEY, new string[] { "sankey", "Sankey" });
                 dic.Add(GOOGLECHART.WORDTREE, new string[] { "wordtree", "WordTree" });
+
+
+                dic.Add(GOOGLECHART.CHAP_TIMELINE, new string[] { "chap_timeline", "Timeline" });
+                dic.Add(GOOGLECHART.CHAP_GRAPH, new string[] { "chap_graph", "Graph" });
+                dic.Add(GOOGLECHART.CHAP_GRAPH3D, new string[] { "chap_graph3d", "Graph3D" });
+                dic.Add(GOOGLECHART.CHAP_NETWORK, new string[] { "chap_network", "Network" });
             }
         }
 
@@ -224,6 +304,10 @@ public BaseGVI()
         internal void RegisterGVIScriptsEx(BaseWebControl PageControl, DataTable dt, GOOGLECHART CHARTTYPE)
         {
             string JAVASCRIPT = jscode3;
+
+            if (CHARTTYPE == GOOGLECHART.CHAP_TIMELINE)
+                JAVASCRIPT = jschap;
+
             string options,formatter = string.Empty;
             string imagereplace = string.Empty;
             List<string> events = RenderGVIEvents(PageControl);
diff --git a/GoogleChartsNGraphsControls/CHAPTimeline.bmp b/GoogleChartsNGraphsControls/CHAPTimeline.bmp
new file mode 100644
index 0000000..f04bf8a
Binary files /dev/null and b/GoogleChartsNGraphsControls/CHAPTimeline.bmp differ
diff --git a/GoogleChartsNGraphsControls/CHAPTimeline.cs b/GoogleChartsNGraphsControls/CHAPTimeline.cs
new file mode 100644
index 0000000..05b1e17
--- /dev/null
+++ b/GoogleChartsNGraphsControls/CHAPTimeline.cs
@@ -0,0 +1,130 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.ComponentModel;
+using System.Web.UI;
+using System.Drawing;
+using System.Web.UI.WebControls;
+using System.Data;
+using System.Runtime.Serialization;
+
+namespace GoogleChartsNGraphsControls
+{
+    [DefaultProperty("GviShowTip")]
+    [ToolboxData("<{0}:CHAPTimeline runat=server></{0}:CHAPTimeline>")]
+    [ToolboxBitmap(typeof(CHAPTimeline))]
+    [DataContract]
+    public class CHAPTimeline : BaseWebControl
+    {
+        private DateTime? visibleChartRangeStart
+        {
+            get
+            {
+                if (ViewState["visibleChartRangeStart"] == null)
+                    return null;
+
+                DateTime? s = (DateTime?)ViewState["visibleChartRangeStart"];
+                return s;
+            }
+            set
+            {
+                ViewState["visibleChartRangeStart"] = value;
+            }
+        }
+        private DateTime? visibleChartRangeEnd
+        {
+            get
+            {
+                if (ViewState["visibleChartRangeEnd"] == null)
+                    return null;
+
+                DateTime? s = (DateTime?)ViewState["visibleChartRangeEnd"];
+                return s;
+            }
+            set
+            {
+                ViewState["visibleChartRangeEnd"] = value;
+            }
+        }
+
+        public void SetVisibleChartRange(DateTime start, DateTime end)
+        {
+            this.visibleChartRangeStart = start;
+            this.visibleChartRangeEnd = end;
+        }
+        public void ChartData(CHAPTimelineEvent[] ListOfEvents)
+        {
+
+            if ((this.dt == null) || (this.dt.Columns.Count == 0))
+            {
+                this.dt = new DataTable();
+                // there always must be a date
+                dt.Columns.Add("start", typeof(DateTime));
+                dt.Columns.Add("end", typeof(DateTime));
+                dt.Columns.Add("content");
+            }
+
+
+            foreach(var ee in ListOfEvents)
+            {
+                this.dt.Rows.Add(ee.ToRow());
+            }
+        }
+
+        protected override void OnLoad(EventArgs e)
+        {
+            base.OnLoad(e);
+
+            if (!this.Page.ClientScript.IsClientScriptBlockRegistered(this.GetType().BaseType, "REGISTER_CHAP_TIMELINE"))
+            {
+                this.Page.ClientScript.RegisterClientScriptBlock(this.GetType().BaseType, "REGISTER_CHAP_TIMELINE",
+                    Resource1.ResourceManager.GetString("timeline_min", System.Globalization.CultureInfo.CurrentCulture), true);
+                this.Page.ClientScript.RegisterClientScriptBlock(this.GetType().BaseType, "REGISTER_CHAP_TIMELINE_LOCALES",
+                   Resource1.ResourceManager.GetString("timeline_locales", System.Globalization.CultureInfo.CurrentCulture), true);
+
+                 
+                 this.Page.Header.Controls.Add(new LiteralControl("<style type=\"text/css\">" 
+                     + Environment.NewLine 
+                     + Resource1.ResourceManager.GetString("timeline", System.Globalization.CultureInfo.CurrentCulture) 
+                     + Environment.NewLine + "</style>" ));
+
+
+                this.Page.Header.Controls.Add(new LiteralControl("<style type=\"text/css\">"
+                    + Environment.NewLine
+                    + Resource1.ResourceManager.GetString("timeline_theme", System.Globalization.CultureInfo.CurrentCulture)
+                    + Environment.NewLine + "</style>"));
+
+            }
+
+          
+        }
+
+        protected override void RenderContents(HtmlTextWriter output)
+        {
+            this.GviTitle = string.IsNullOrEmpty(this.GviTitle) ? this.dt.TableName : this.GviTitle;
+            this.gvi.RegisterGVIScriptsEx(this, this.dt, BaseGVI.GOOGLECHART.CHAP_TIMELINE);
+            output.Write(Text);
+        }
+
+        public override string ToString()
+        {
+            List<Newtonsoft.Json.JsonConverter> myconverters = new List<Newtonsoft.Json.JsonConverter>();
+            myconverters.Add(new CustomConvertersColorToRGB());
+            myconverters.Add(new CustomConvertersAxis());
+            myconverters.Add(new CustomConvertersLegend());
+            myconverters.Add(new CustomConverterEnum());
+            myconverters.Add(new CustomConverterTrendLine());
+
+            Newtonsoft.Json.JsonSerializerSettings settings = new Newtonsoft.Json.JsonSerializerSettings()
+            {
+                NullValueHandling = Newtonsoft.Json.NullValueHandling.Ignore,
+                Converters = myconverters
+            };
+
+            string s = string.Empty;
+            s = Newtonsoft.Json.JsonConvert.SerializeObject(this, Newtonsoft.Json.Formatting.None, settings);
+            return s;
+        }
+    }
+}
diff --git a/GoogleChartsNGraphsControls/DataStructs.cs b/GoogleChartsNGraphsControls/DataStructs.cs
index cd59e61..6481117 100644
--- a/GoogleChartsNGraphsControls/DataStructs.cs
+++ b/GoogleChartsNGraphsControls/DataStructs.cs
@@ -51,22 +51,84 @@ public TimelineEvent(string EventCategory, DateTime EventDate, int value, string
         public string OptionalAnnotationTitle { get; set; }
         public string OptionalAnnotationText { get; set; }
     }
+    public class CHAPTimelineEvent
+    {
+        public class ImgFormatContent
+        {
+            public ImgFormatContent() { }
+            public ImgFormatContent(string img, string title)
+            {
+                this.IconUrl = img;
+                this.Title = title;
+            }
+            public string IconUrl { get; set; }
+            public string Title { get; set; }
+            public override string ToString()
+            {
+                return string.Format("<label class='chap-timeln-node' />{1}</lable><br/><img src='{0}' class='chap-timeln-node' />",this.IconUrl, this.Title);
+            }
+        }
+        public CHAPTimelineEvent()
+        {
+            this.start = DateTime.MinValue;
+            this.end = DateTime.MinValue;
+            this.content = string.Empty;
+            this.Editable = false;
+        }
+        public CHAPTimelineEvent(DateTime start, string content): this()
+        {
+            this.start = start;
+            this.content = content;
+        }
+        public CHAPTimelineEvent(DateTime start, DateTime end, string content) : this()
+        {
+            this.start = start;
+            this.end = end;
+            this.content = content;
+        }
+        public CHAPTimelineEvent(DateTime start, ImgFormatContent content) : this()
+        {
+            this.start = start;
+            this.content = content.ToString();
+        }
+        public CHAPTimelineEvent(DateTime start, DateTime end, ImgFormatContent content) : this()
+        {
+            this.start = start;
+            this.end = end;
+            this.content = content.ToString();
+        }
+        public DateTime start { get; set; }
+        public DateTime end { get; set; }
+        public string content { get; set; }
+        public bool editable { get; set; }
+        public string group { get; set; }
+        public object[] ToRow()
+        {
+            if (start == DateTime.MinValue || string.IsNullOrEmpty(content))
+                throw new Exception("Maleformed CHAP Timeline event - missing start date or content");
 
+            return new object[] 
+            {
+                start,
+                end,
+                content,
+                editable,
+                group
+            };
+        }
+    }
 
-    public class WaterMarkLine
+    public class WaterMarkLine : ComboChartLineSeries
     {
-        public WaterMarkLine()
+        public WaterMarkLine(System.Drawing.Color color, decimal FixedValueAt)
         {
-            this.LINETYPE = LineType.AVG;
-            this.LineColor = System.Drawing.Color.AliceBlue;
-            this.LineName = "Watermark";
+            this.FunctType = FUNCTION_TYPE.FIXED;
+            this.LineType = GoogleChartsNGraphsControls.SeriesType.Area;
+            this.LineName = "";
+            this.FixedValue = FixedValueAt;
+            this.LineColor = color;
+            this.AddOption("opacity", 1.0);
         }
-        public enum LineType { FIXED, AVG, COUNT, SUM, MAX, MIN, STD_DEV, VARIANCE };
-
-        public LineType LINETYPE { get; set; }
-        public System.Drawing.Color LineColor { get; set; }
-        public string LineName { get; set; }
-        public decimal LineValue { get; set; }
     }
 
     public class GviConfigOption : Attribute
@@ -115,6 +177,15 @@ public override string ToString()
     
     public static class GviExtensions
     {
+        public static string HexConverter(this System.Drawing.Color c)
+        {
+            return "#" + c.R.ToString("X2") + c.G.ToString("X2") + c.B.ToString("X2");
+        }
+        public static string HexConverter(this System.Drawing.Color? c)
+        {
+            if (c == null) return string.Empty;
+            return HexConverter((System.Drawing.Color)c);
+        }
         public static decimal Variance(this IEnumerable<decimal> source)
         {
             int n = 0;
diff --git a/GoogleChartsNGraphsControls/GVComboChart.cs b/GoogleChartsNGraphsControls/GVComboChart.cs
index add1081..56f114f 100644
--- a/GoogleChartsNGraphsControls/GVComboChart.cs
+++ b/GoogleChartsNGraphsControls/GVComboChart.cs
@@ -18,13 +18,54 @@ namespace GoogleChartsNGraphsControls
     public class GVComboChart : BaseWebControl, IsStackable
     {
        
-        
+        #region Math Calcs
+        //
+        // MAth Calcs from 
+        // http://www.codeproject.com/Articles/42492/Using-LINQ-to-Calculate-Basic-Statistics
+        //
+
+        private decimal Median(IEnumerable<decimal> source)
+        {
+            var sortedList = from number in source
+                             orderby number
+                             select number;
+
+            int count = sortedList.Count();
+            int itemIndex = count / 2;
+            if (count % 2 == 0) // Even number of items. 
+                return (sortedList.ElementAt(itemIndex) +
+                        sortedList.ElementAt(itemIndex - 1)) / 2;
+
+            // Odd number of items. 
+            return sortedList.ElementAt(itemIndex);
+        }
+        private decimal StandardDeviation(IEnumerable<decimal> source)
+        {
+            return decimal.Parse( Math.Sqrt( (double) source.Variance()).ToString());
+        }
+        public decimal Variance(IEnumerable<decimal> source)
+        {
+            int n = 0;
+            decimal mean = 0;
+            decimal M2 = 0;
+
+            foreach (decimal x in source)
+            {
+                n = n + 1;
+                decimal delta = x - mean;
+                mean = mean + delta / n;
+                M2 += delta * (x - mean);
+            }
+            return M2 / (n - 1);
+        }
+        #endregion
+
         public GVComboChart()
             : base()
         {
             this.GviSeriesType = SeriesType.Bars;
             this.GviComboChartLine = new ComboChartLineSeriesList();
-            this.WaterMarkLines = new List<WaterMarkLine>();
+            this.LineSeries = new List<ComboChartLineSeries>();
         }
         public void DataBindingEvent(object sender, EventArgs e)
         {
@@ -35,15 +76,22 @@ public void DataBindingEvent(object sender, EventArgs e)
                 this.dt.Columns[i].SetOrdinal(i);
             this.dt.AcceptChanges();
 
-                foreach (WaterMarkLine ln in this.WaterMarkLines)
+            // keep a list of original columns...
+            List<DataColumn> originalColumns = new List<DataColumn>();
+            foreach (DataColumn zz in this.dt.Columns)
+                originalColumns.Add(zz);
+
+
+            foreach (ComboChartLineSeries ln in this.LineSeries)
                 {
+
                     if (this.dt.Columns.Contains(ln.LineName))
                         continue;
 
-                    switch (ln.LINETYPE)
+                    switch (ln.FunctType)
                     {
 
-                        case WaterMarkLine.LineType.FIXED:
+                        case ComboChartLineSeries.FUNCTION_TYPE.FIXED:
                             {
                                 DataColumn dc = new DataColumn(ln.LineName, typeof(decimal));
                                 dc.Caption = ln.LineName;
@@ -54,18 +102,15 @@ public void DataBindingEvent(object sender, EventArgs e)
 
                                 for (int i = 0; i < this.dt.Rows.Count; i++)
                                 {
-                                    dt.Rows[i].SetField<decimal>(dc, ln.LineValue);
+                                    dt.Rows[i].SetField<decimal>(dc, ln.FixedValue);
                                 }
                                 this.dt.AcceptChanges();
 
-                                this.GviComboChartLine.Add(new ComboChartLineSeries()
-                                {
-                                    Column = this.dt.Columns.Count - 2,
-                                    LineType = SeriesType.Line
-                                });
+                                ln.Column = this.dt.Columns.Count - 2;
+                                this.GviComboChartLine.Add(ln);
                                 break;
                             }
-                        case WaterMarkLine.LineType.SUM:
+                        case ComboChartLineSeries.FUNCTION_TYPE.SUM:
                             {
                                 DataColumn dc = new DataColumn(ln.LineName, typeof(decimal));
                                 dc.Caption = ln.LineName;
@@ -77,19 +122,20 @@ public void DataBindingEvent(object sender, EventArgs e)
                                 for (int i = 0; i < this.dt.Rows.Count; i++)
                                 {
                                     DataRow dr = dt.Rows[i];
-                                    decimal val = dt.Columns.Cast<DataColumn>().Sum(oo => (decimal) dr[dc]);
+                                    decimal val = 0;
+                                    foreach (DataColumn cc in originalColumns.Where(c => c.DataType.IsNumeric()))
+                                    {
+                                        val += decimal.Parse(dr[cc].ToString());
+                                    }
                                     dt.Rows[i].SetField<decimal>(dc, val);
                                 }
                                 this.dt.AcceptChanges();
 
-                                this.GviComboChartLine.Add( new ComboChartLineSeries()
-                                {
-                                    Column = this.dt.Columns.Count - 2,
-                                    LineType = SeriesType.Line
-                                });
+                                ln.Column = this.dt.Columns.Count - 2;
+                                this.GviComboChartLine.Add(ln);
                                 break;
                             }
-                        case WaterMarkLine.LineType.AVG:
+                        case ComboChartLineSeries.FUNCTION_TYPE.AVG:
                             {
                                 DataColumn dc = new DataColumn(ln.LineName, typeof(decimal));
                                 dc.Caption = ln.LineName;
@@ -101,19 +147,20 @@ public void DataBindingEvent(object sender, EventArgs e)
                                 for (int i = 0; i < this.dt.Rows.Count; i++)
                                 {
                                     DataRow dr = dt.Rows[i];
-                                    decimal val = dt.Columns.Cast<DataColumn>().Average(oo => (decimal)dr[dc]) ;
-                                    dt.Rows[i].SetField<decimal>(dc, val);
+                                    decimal val = 0;
+                                    foreach (DataColumn cc in originalColumns.Where(c => c.DataType.IsNumeric()))
+                                    {
+                                        val += decimal.Parse(dr[cc].ToString());
+                                    }
+                                    dt.Rows[i].SetField<decimal>(dc, val / originalColumns.Where(c => c.DataType.IsNumeric()).Count());
                                 }
                                 this.dt.AcceptChanges();
 
-                                this.GviComboChartLine.Add(new ComboChartLineSeries()
-                                {
-                                    Column = this.dt.Columns.Count - 2,
-                                    LineType = SeriesType.Line
-                                });
+                                ln.Column = this.dt.Columns.Count - 2;
+                                this.GviComboChartLine.Add(ln);
                                 break;
                             }
-                        case WaterMarkLine.LineType.COUNT:
+                        case ComboChartLineSeries.FUNCTION_TYPE.COUNT:
                             {
                                 DataColumn dc = new DataColumn(ln.LineName, typeof(decimal));
                                 dc.Caption = ln.LineName;
@@ -125,19 +172,20 @@ public void DataBindingEvent(object sender, EventArgs e)
                                 for (int i = 0; i < this.dt.Rows.Count; i++)
                                 {
                                     DataRow dr = dt.Rows[i];
-                                    decimal val = dt.Columns.Cast<DataColumn>().Count(oo => oo.DataType.IsNumeric());
+                                    int val = 0;
+                                    foreach (DataColumn cc in originalColumns.Where(c => c.DataType.IsNumeric()))
+                                    {
+                                        decimal dd = 0;
+                                        val += decimal.TryParse(dr[cc].ToString(), out dd) ? 1 : 0;
+                                    }
                                     dt.Rows[i].SetField<decimal>(dc, val);
                                 }
                                 this.dt.AcceptChanges();
-
-                                this.GviComboChartLine.Add(new ComboChartLineSeries()
-                                {
-                                    Column = this.dt.Columns.Count - 2,
-                                    LineType = SeriesType.Line
-                                });
+                                ln.Column = this.dt.Columns.Count - 2;
+                                this.GviComboChartLine.Add(ln);
                                 break;
                             }
-                        case WaterMarkLine.LineType.STD_DEV:
+                        case ComboChartLineSeries.FUNCTION_TYPE.STD_DEV:
                             {
                                 DataColumn dc = new DataColumn(ln.LineName, typeof(decimal));
                                 dc.Caption = ln.LineName;
@@ -149,22 +197,21 @@ public void DataBindingEvent(object sender, EventArgs e)
                                 for (int i = 0; i < this.dt.Rows.Count; i++)
                                 {
                                     DataRow dr = dt.Rows[i];
-                                    decimal count = dt.Columns.Cast<DataColumn>().Count(oo => oo.DataType.IsNumeric());
-                                    decimal val = dt.Columns.Cast<DataColumn>().Average(oo => (decimal)dr[dc]);
-                                    decimal std_dev = dt.Columns.Cast<DataColumn>().Sum(oo => ((decimal)dr[dc] - val) * ((decimal)dr[dc] - val));
-
-                                    dt.Rows[i].SetField<decimal>(dc, decimal.Parse( Math.Sqrt( (double)std_dev / (double)count).ToString()));
+                                    List<decimal> median = new List<decimal>();
+                                    foreach (DataColumn cc in originalColumns.Where(c => c.DataType.IsNumeric()))
+                                    {
+                                        median.Add(decimal.Parse(dr[cc].ToString()));
+                                    }
+                                    dt.Rows[i].SetField<decimal>(dc, StandardDeviation(median));
                                 }
+
                                 this.dt.AcceptChanges();
 
-                                this.GviComboChartLine.Add( new ComboChartLineSeries()
-                                {
-                                    Column = this.dt.Columns.Count - 2,
-                                    LineType = SeriesType.Line
-                                });
+                                ln.Column = this.dt.Columns.Count - 2;
+                                this.GviComboChartLine.Add(ln);
                                 break;
                             }
-                        case WaterMarkLine.LineType.VARIANCE:
+                        case ComboChartLineSeries.FUNCTION_TYPE.VARIANCE:
                             {
                                 DataColumn dc = new DataColumn(ln.LineName, typeof(decimal));
                                 dc.Caption = ln.LineName;
@@ -176,16 +223,41 @@ public void DataBindingEvent(object sender, EventArgs e)
                                 for (int i = 0; i < this.dt.Rows.Count; i++)
                                 {
                                     DataRow dr = dt.Rows[i];
-                                    decimal dd = dt.Columns.Cast<DataColumn>().Where(o => o.DataType.IsNumeric()).Select(o => (decimal)dr[dc]).Variance();
-                                    dt.Rows[i].SetField<decimal>(dc, dd);
+                                    List<decimal> median = new List<decimal>();
+                                    foreach (DataColumn cc in originalColumns.Where(c => c.DataType.IsNumeric()))
+                                    {
+                                        median.Add(decimal.Parse(dr[cc].ToString()));
+                                    }
+                                    dt.Rows[i].SetField<decimal>(dc, Variance(median));
                                 }
                                 this.dt.AcceptChanges();
 
-                                this.GviComboChartLine.Add( new ComboChartLineSeries()
+                                ln.Column = this.dt.Columns.Count - 2;
+                                this.GviComboChartLine.Add(ln);
+                                break;
+                            }
+                        case ComboChartLineSeries.FUNCTION_TYPE.MEDIAN:
+                            {
+                                DataColumn dc = new DataColumn(ln.LineName, typeof(decimal));
+                                dc.Caption = ln.LineName;
+                                this.dt.Columns.Add(dc);
+                                dc.SetOrdinal(this.dt.Columns.Count - 1);
+
+                                this.dt.AcceptChanges();
+                                for (int i = 0; i < this.dt.Rows.Count; i++)
                                 {
-                                    Column = this.dt.Columns.Count - 2,
-                                    LineType = SeriesType.Line
-                                });
+                                    DataRow dr = dt.Rows[i];
+                                    List<decimal> median = new List<decimal>();
+                                    foreach (DataColumn cc in originalColumns.Where(c => c.DataType.IsNumeric()))
+                                    {
+                                        median.Add( decimal.Parse(dr[cc].ToString()));
+                                    }
+                                    dt.Rows[i].SetField<decimal>(dc, Median(median));
+                                }
+                                this.dt.AcceptChanges();
+
+                                ln.Column = this.dt.Columns.Count - 2;
+                                this.GviComboChartLine.Add(ln);
                                 break;
                             }
                         default:
@@ -202,15 +274,26 @@ public void DataBindingEvent(object sender, EventArgs e)
 
           
         }
-        protected List<WaterMarkLine> WaterMarkLines { get; set; }
-        public void AddWaterMark(WaterMarkLine waterLine)
+        //protected List<WaterMarkLine> WaterMarkLines { get; set; }
+        //public void AddWaterMark(WaterMarkLine waterLine)
+        //{
+        //    this.WaterMarkLines.Add(waterLine);
+        //    this.gvi.BindingDataTable += DataBindingEvent;
+        //}
+        //public void ClearWaterMarks()
+        //{
+        //    this.WaterMarkLines.Clear();
+        //    this.gvi.BindingDataTable -= DataBindingEvent;
+        //}
+        protected List<ComboChartLineSeries> LineSeries { get; set; }
+        public void AddNewSeries(ComboChartLineSeries line)
         {
-            this.WaterMarkLines.Add(waterLine);
+            this.LineSeries.Add(line);
             this.gvi.BindingDataTable += DataBindingEvent;
         }
-        public void ClearWaterMarks()
+        public void ClearSeries()
         {
-            this.WaterMarkLines.Clear();
+            this.LineSeries.Clear();
             this.gvi.BindingDataTable -= DataBindingEvent;
         }
 
diff --git a/GoogleChartsNGraphsControls/GVI/CHAP/timeline-locales.js b/GoogleChartsNGraphsControls/GVI/CHAP/timeline-locales.js
new file mode 100644
index 0000000..e6c591e
--- /dev/null
+++ b/GoogleChartsNGraphsControls/GVI/CHAP/timeline-locales.js
@@ -0,0 +1,284 @@
+if (typeof links === 'undefined') {
+    links = {};
+    links.locales = {};
+} else if (typeof links.locales === 'undefined') {
+    links.locales = {};
+}
+
+// English ===================================================
+links.locales['en'] = {
+    'MONTHS': ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
+    'MONTHS_SHORT': ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+    'DAYS': ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+    'DAYS_SHORT': ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+    'ZOOM_IN': "Zoom in",
+    'ZOOM_OUT': "Zoom out",
+    'MOVE_LEFT': "Move left",
+    'MOVE_RIGHT': "Move right",
+    'NEW': "New",
+    'CREATE_NEW_EVENT': "Create new event"
+};
+
+links.locales['en_US'] = links.locales['en'];
+links.locales['en_UK'] = links.locales['en'];
+
+// French ===================================================
+links.locales['fr'] = {
+    'MONTHS': ["Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Août", "Septembre", "Octobre", "Novembre", "Décembre"],
+    'MONTHS_SHORT': ["Jan", "Fev", "Mar", "Avr", "Mai", "Jun", "Jul", "Aou", "Sep", "Oct", "Nov", "Dec"],
+    'DAYS': ["Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi"],
+    'DAYS_SHORT': ["Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam"],
+    'ZOOM_IN': "Zoomer",
+    'ZOOM_OUT': "Dézoomer",
+    'MOVE_LEFT': "Déplacer à gauche",
+    'MOVE_RIGHT': "Déplacer à droite",
+    'NEW': "Nouveau",
+    'CREATE_NEW_EVENT': "Créer un nouvel évènement"
+};
+
+links.locales['fr_FR'] = links.locales['fr'];
+links.locales['fr_BE'] = links.locales['fr'];
+links.locales['fr_CA'] = links.locales['fr'];
+
+// Catalan ===================================================
+links.locales['ca'] = {
+    'MONTHS': ["Gener", "Febrer", "Març", "Abril", "Maig", "Juny", "Juliol", "Setembre", "Octubre", "Novembre", "Desembre"],
+    'MONTHS_SHORT': ["Gen", "Feb", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Oct", "Nov", "Des"],
+    'DAYS': ["Diumenge", "Dilluns", "Dimarts", "Dimecres", "Dijous", "Divendres", "Dissabte"],
+    'DAYS_SHORT': ["Dm.", "Dl.", "Dm.", "Dc.", "Dj.", "Dv.", "Ds."],
+    'ZOOM_IN': "Augmentar zoom",
+    'ZOOM_OUT': "Disminuir zoom",
+    'MOVE_LEFT': "Moure esquerra",
+    'MOVE_RIGHT': "Moure dreta",
+    'NEW': "Nou",
+    'CREATE_NEW_EVENT': "Crear nou event"
+};
+links.locales['ca_ES'] = links.locales['ca'];
+
+// German ===================================================
+links.locales['de'] = {
+    'MONTHS': ["Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"],
+    'MONTHS_SHORT': ["Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"],
+    'DAYS': ["Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"],
+    'DAYS_SHORT': ["Son", "Mon", "Die", "Mit", "Don", "Fre", "Sam"],
+    'ZOOM_IN': "Vergrößern",
+    'ZOOM_OUT': "Verkleinern",
+    'MOVE_LEFT': "Nach links verschieben",
+    'MOVE_RIGHT': "Nach rechts verschieben",
+    'NEW': "Neu",
+    'CREATE_NEW_EVENT': "Neues Ereignis erzeugen"
+};
+
+links.locales['de_DE'] = links.locales['de'];
+links.locales['de_CH'] = links.locales['de'];
+
+// Danish ===================================================
+links.locales['da'] = {
+    'MONTHS': ["januar", "februar", "marts", "april", "maj", "juni", "juli", "august", "september", "oktober", "november", "december"],
+    'MONTHS_SHORT': ["jan", "feb", "mar", "apr", "maj", "jun", "jul", "aug", "sep", "okt", "nov", "dec"],
+    'DAYS': ["søndag", "mandag", "tirsdag", "onsdag", "torsdag", "fredag", "lørdag"],
+    'DAYS_SHORT': ["søn", "man", "tir", "ons", "tor", "fre", "lør"],
+    'ZOOM_IN': "Zoom in",
+    'ZOOM_OUT': "Zoom out",
+    'MOVE_LEFT': "Move left",
+    'MOVE_RIGHT': "Move right",
+    'NEW': "New",
+    'CREATE_NEW_EVENT': "Create new event"
+};
+links.locales['da_DK'] = links.locales['da'];
+
+// Russian ===================================================
+links.locales['ru'] = {
+    'MONTHS': ["Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"],
+    'MONTHS_SHORT': ["Янв", "Фев", "Мар", "Апр", "Май", "Июн", "Июл", "Авг", "Сен", "Окт", "Ноя", "Дек"],
+    'DAYS': ["Воскресенье", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота"],
+    'DAYS_SHORT': ["Вос", "Пон", "Втo", "Срe", "Чет", "Пят", "Суб"],
+    'ZOOM_IN': "Увeличить",
+    'ZOOM_OUT': "Умeньшить",
+    'MOVE_LEFT': "Сдвинуть налeво",
+    'MOVE_RIGHT': "Сдвинуть направо",
+    'NEW': "Новый",
+    'CREATE_NEW_EVENT': "Создать новоe событиe"
+};
+links.locales['ru_RU'] = links.locales['ru'];
+
+// Spanish ===================================================
+links.locales['es'] = {
+    'MONTHS': ["Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"],
+    'MONTHS_SHORT': ["Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic"],
+    'DAYS': ["Domingo", "Lunes", "Martes", "Miércoles", "Jueves", "Viernes", "Sábado"],
+    'DAYS_SHORT': ["Dom", "Lun", "Mar", "Mié", "Jue", "Vie", "Sáb"],
+    'ZOOM_IN': "Aumentar zoom",
+    'ZOOM_OUT': "Disminuir zoom",
+    'MOVE_LEFT': "Mover izquierda",
+    'MOVE_RIGHT': "Mover derecha",
+    'NEW': "Nuevo",
+    'CREATE_NEW_EVENT': "Crear nuevo evento"
+};
+
+links.locales['es_ES'] = links.locales['es'];
+
+// Dutch =====================================================
+links.locales['nl'] = {
+    'MONTHS': ["januari", "februari", "maart", "april", "mei", "juni", "juli", "augustus", "september", "oktober", "november", "december"],
+    'MONTHS_SHORT': ["jan", "feb", "mrt", "apr", "mei", "jun", "jul", "aug", "sep", "okt", "nov", "dec"],
+    'DAYS': ["zondag", "maandag", "dinsdag", "woensdag", "donderdag", "vrijdag", "zaterdag"],
+    'DAYS_SHORT': ["zo", "ma", "di", "wo", "do", "vr", "za"],
+    'ZOOM_IN': "Inzoomen",
+    'ZOOM_OUT': "Uitzoomen",
+    'MOVE_LEFT': "Naar links",
+    'MOVE_RIGHT': "Naar rechts",
+    'NEW': "Nieuw",
+    'CREATE_NEW_EVENT': "Nieuwe gebeurtenis maken"
+};
+
+links.locales['nl_NL'] = links.locales['nl'];
+links.locales['nl_BE'] = links.locales['nl'];
+
+// Turkish ===================================================
+links.locales['tr'] = {
+    'MONTHS': ["Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"],
+    'MONTHS_SHORT': ["Oca", "Şub", "Mar", "Nis", "May", "Haz", "Tem", "Ağu", "Eyl", "Eki", "Kas", "Ara"],
+    'DAYS': ["Pazar", "Pazartesi", "Salı", "Çarşamba", "Perşembe", "Cuma", "Cumartesi"],
+    'DAYS_SHORT': ["Paz", "Pzt", "Sal", "Çar", "Per", "Cum", "Cmt"],
+    'ZOOM_IN': "Büyült",
+    'ZOOM_OUT': "Küçült",
+    'MOVE_LEFT': "Sola Taşı",
+    'MOVE_RIGHT': "Sağa Taşı",
+    'NEW': "Yeni",
+    'CREATE_NEW_EVENT': "Yeni etkinlik oluştur"
+};
+
+links.locales['tr_TR'] = links.locales['tr'];
+
+// Hungarian ===================================================
+links.locales['hu'] = {
+    'MONTHS': ["január", "február", "március", "április", "május", "június", "július", "augusztus", "szeptember", "október", "november", "december"],
+    'MONTHS_SHORT': ["jan", "feb", "márc", "ápr", "máj", "jún", "júl", "aug", "szep", "okt", "nov", "dec"],
+    'DAYS': ["vasárnap", "hétfő", "kedd", "szerda", "csütörtök", "péntek", "szombat"],
+    'DAYS_SHORT': ["vas", "hét", "kedd", "sze", "csü", "pé", "szo"],
+    'ZOOM_IN': "Nagyítás",
+    'ZOOM_OUT': "Kicsinyítés",
+    'MOVE_LEFT': "Balra",
+    'MOVE_RIGHT': "Jobbra",
+    'NEW': "Új",
+    'CREATE_NEW_EVENT': "Új esemény készítése"
+};
+
+links.locales['hu_HU'] = links.locales['hu'];
+
+// Brazilian Portuguese ===================================================
+links.locales['pt'] = {
+    'MONTHS': ["Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"],
+    'MONTHS_SHORT': ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"],
+    'DAYS': ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"],
+    'DAYS_SHORT': ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"],
+    'ZOOM_IN': "Aproximar",
+    'ZOOM_OUT': "Afastar",
+    'MOVE_LEFT': "Mover para esquerda",
+    'MOVE_RIGHT': "Mover para direita",
+    'NEW': "Novo",
+    'CREATE_NEW_EVENT': "Criar novo evento"
+};
+
+links.locales['pt_BR'] = links.locales['pt'];
+
+// Portuguese ===================================================
+links.locales['pt'] = {
+    'MONTHS': ["Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro", "Outubro", "Novembro", "Dezembro"],
+    'MONTHS_SHORT': ["Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez"],
+    'DAYS': ["Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"],
+    'DAYS_SHORT': ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"],
+    'ZOOM_IN': "Mais Zoom",
+    'ZOOM_OUT': "Menos Zoom",
+    'MOVE_LEFT': "Esquerda",
+    'MOVE_RIGHT': "Direita",
+    'NEW': "Novo",
+    'CREATE_NEW_EVENT': "Criar novo evento"
+};
+
+links.locales['pt_PT'] = links.locales['pt'];
+
+
+// Chinese ===================================================
+links.locales['zh'] = {
+    'MONTHS': ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
+    'MONTHS_SHORT': ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
+    'DAYS': ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
+    'DAYS_SHORT': ["星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"],
+    'ZOOM_IN': "放大",
+    'ZOOM_OUT': "缩小",
+    'MOVE_LEFT': "左移",
+    'MOVE_RIGHT': "右移",
+    'NEW': "新建",
+    'CREATE_NEW_EVENT': "创建新的事件"
+};
+
+links.locales['zh_CN'] = links.locales['zh'];
+links.locales['zh_TR'] = links.locales['zh'];
+
+
+// Arabic ===================================================
+links.locales['ar'] = {
+    'MONTHS': ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"],
+    'MONTHS_SHORT': ["يناير", "فبراير", "مارس", "أبريل", "مايو", "يونيو", "يوليو", "أغسطس", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"],
+    'DAYS': ["الأحد", "الأثنين", "الثلاثاء", "الأربعاء", "الخميس", "الجمعة", "السبت"],
+    'DAYS_SHORT': ["الأحد", "الأثنين", "الثلاثاء", "الأربعاء", "الخميس", "الجمعة", "السبت"],
+    'ZOOM_IN': "تكبير",
+    'ZOOM_OUT': "تصغير",
+    'MOVE_LEFT': "تحريك لليسار",
+    'MOVE_RIGHT': "تحريك لليمين",
+    'NEW': "جديد",
+    'CREATE_NEW_EVENT': "إنشاء حدث جديد"
+};
+
+links.locales['ar_AR'] = links.locales['ar'];
+
+
+// Japanese ===================================================
+links.locales['ja'] = {
+    'MONTHS': ["一月", "二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],
+    'MONTHS_SHORT': ["一月", "二月", "三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月"],
+    'DAYS': ["日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日"],
+    'DAYS_SHORT': ["日", "月", "火", "水", "木", "金", "土"],
+    'ZOOM_IN': "拡大する",
+    'ZOOM_OUT': "縮小する",
+    'MOVE_LEFT': "左に移動",
+    'MOVE_RIGHT': "右に移動",
+    'NEW': "新しい",
+    'CREATE_NEW_EVENT': "新しいイベントの作成"
+};
+
+links.locales['ja_JA'] = links.locales['ja'];
+
+// Korean ===================================================
+links.locales['ko'] = {
+    'MONTHS': ["1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월"],
+    'MONTHS_SHORT': ["1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월"],
+    'DAYS': ["일요일", "월요일", "화요일", "수요일", "목요일", "금요일", "토요일"],
+    'DAYS_SHORT': ["일", "월", "화", "수", "목", "금", "토"],
+    'ZOOM_IN': "줌 인",
+    'ZOOM_OUT': "줌 아웃",
+    'MOVE_LEFT': "왼쪽으로 이동",
+    'MOVE_RIGHT': "오른쪽으로 이동",
+    'NEW': "신규",
+    'CREATE_NEW_EVENT': "새 이벤트 생성"
+};
+
+links.locales['ko_KO'] = links.locales['ko'];
+
+// Polish ===================================================
+links.locales['pl'] = {
+    'MONTHS': ["Styczeń", "Luty", "Marzec", "Kwiecień", "Maj", "Czerwiec", "Lipiec", "Sierpień", "Wrzesień", "Październik", "Listopad", "Grudzień"],
+    'MONTHS_SHORT': ["Sty", "Lut", "Mar", "Kwi", "Maj", "Cze", "Lip", "Sie", "Wrz", "Paź", "Lis", "Gru"],
+    'DAYS': ["Niedziela", "Poniedziałek", "Wtorek", "Środa", "Czwartek", "Piątek", "Sobota"],
+    'DAYS_SHORT': ["niedz", "pon", "wt", "śr", "czw", "pt", "sob"],
+    'ZOOM_IN': "Powiększ",
+    'ZOOM_OUT': "Zmniejsz",
+    'MOVE_LEFT': "Przesuń w lewo",
+    'MOVE_RIGHT': "Przesuń w prawo",
+    'NEW': "Nowy",
+    'CREATE_NEW_EVENT': "Utwórz nowe wydarzenie"
+};
+
+links.locales['ko'] = links.locales['ko_KO'];
diff --git a/GoogleChartsNGraphsControls/GVI/CHAP/timeline-min.js b/GoogleChartsNGraphsControls/GVI/CHAP/timeline-min.js
new file mode 100644
index 0000000..904601f
--- /dev/null
+++ b/GoogleChartsNGraphsControls/GVI/CHAP/timeline-min.js
@@ -0,0 +1,218 @@
+/*
+
+ Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ use this file except in compliance with the License. You may obtain a copy
+ of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ License for the specific language governing permissions and limitations under
+ the License.
+
+ Copyright (c) 2011-2015 Almende B.V.
+
+ @author  Jos de Jong, <jos@almende.org>
+ @date    2015-03-04
+ @version 2.9.1
+*/
+typeof links==="undefined"&&(links={});typeof google==="undefined"&&(google=void 0);if(!Array.prototype.indexOf)Array.prototype.indexOf=function(a){for(var b=0;b<this.length;b++)if(this[b]==a)return b;return-1};if(!Array.prototype.forEach)Array.prototype.forEach=function(a,b){for(var c=0,d=this.length;c<d;++c)a.call(b||this,this[c],c,this)};
+links.Timeline=function(a,b){if(a){this.dom={};this.conversion={};this.eventParams={};this.groups=[];this.groupIndexes={};this.items=[];this.renderQueue={show:[],hide:[],update:[]};this.renderedItems=[];this.clusterGenerator=new links.Timeline.ClusterGenerator(this);this.currentClusters=[];this.selection=void 0;this.listeners={};this.size={actualHeight:0,axis:{characterMajorHeight:0,characterMajorWidth:0,characterMinorHeight:0,characterMinorWidth:0,height:0,labelMajorTop:0,labelMinorTop:0,line:0,
+lineMajorWidth:0,lineMinorHeight:0,lineMinorTop:0,lineMinorWidth:0,top:0},contentHeight:0,contentLeft:0,contentWidth:0,frameHeight:0,frameWidth:0,groupsLeft:0,groupsWidth:0,items:{top:0}};this.dom.container=a;this.options={width:"100%",height:"auto",minHeight:0,groupMinHeight:0,autoHeight:!0,eventMargin:10,eventMarginAxis:20,dragAreaWidth:10,min:void 0,max:void 0,zoomMin:10,zoomMax:31536E10,moveable:!0,zoomable:!0,selectable:!0,unselectable:!0,editable:!1,snapEvents:!0,groupsChangeable:!0,timeChangeable:!0,
+showCurrentTime:!0,showCustomTime:!1,showMajorLabels:!0,showMinorLabels:!0,showNavigation:!1,showButtonNew:!1,groupsOnRight:!1,groupsOrder:!0,axisOnTop:!1,stackEvents:!0,animate:!0,animateZoom:!0,cluster:!1,clusterMaxItems:5,style:"box",customStackOrder:!1,locale:"en",MONTHS:"January,February,March,April,May,June,July,August,September,October,November,December".split(","),MONTHS_SHORT:"Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec".split(","),DAYS:"Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday".split(","),
+DAYS_SHORT:"Sun,Mon,Tue,Wed,Thu,Fri,Sat".split(","),ZOOM_IN:"Zoom in",ZOOM_OUT:"Zoom out",MOVE_LEFT:"Move left",MOVE_RIGHT:"Move right",NEW:"New",CREATE_NEW_EVENT:"Create new event"};this.setOptions(b);this.clientTimeOffset=0;for(var c=this.dom;c.container.hasChildNodes();)c.container.removeChild(c.container.firstChild);this.step=new links.Timeline.StepDate;this.itemTypes={box:links.Timeline.ItemBox,range:links.Timeline.ItemRange,floatingRange:links.Timeline.ItemFloatingRange,dot:links.Timeline.ItemDot};
+this.data=[];this.firstDraw=!0;this.setVisibleChartRange(void 0,void 0,!1);this.render();var d=this;setTimeout(function(){d.trigger("ready")},0)}};
+links.Timeline.prototype.draw=function(a,b){b&&(console.log("WARNING: Passing options in draw() is deprecated. Pass options to the constructur or use setOptions() instead!"),this.setOptions(b));this.options.selectable&&links.Timeline.addClassName(this.dom.frame,"timeline-selectable");this.setData(a);this.firstDraw&&this.setVisibleChartRangeAuto();this.firstDraw=!1};
+links.Timeline.prototype.setOptions=function(a){if(a){for(var b in a)a.hasOwnProperty(b)&&(this.options[b]=a[b]);if(typeof links.locales!=="undefined"&&this.options.locale!=="en"&&(b=links.locales[this.options.locale]))for(var c in b)b.hasOwnProperty(c)&&(this.options[c]=b[c]);if(a.showButtonAdd!=void 0)this.options.showButtonNew=a.showButtonAdd,console.log("WARNING: Option showButtonAdd is deprecated. Use showButtonNew instead");if(a.intervalMin!=void 0)this.options.zoomMin=a.intervalMin,console.log("WARNING: Option intervalMin is deprecated. Use zoomMin instead");
+if(a.intervalMax!=void 0)this.options.zoomMax=a.intervalMax,console.log("WARNING: Option intervalMax is deprecated. Use zoomMax instead");a.scale&&a.step&&this.step.setScale(a.scale,a.step)}this.options.autoHeight=this.options.height==="auto"};links.Timeline.prototype.getOptions=function(){return this.options};links.Timeline.prototype.addItemType=function(a,b){this.itemTypes[a]=b};
+links.Timeline.mapColumnIds=function(a){for(var b={},c=a.getNumberOfColumns(),d=!0,e=0;e<c;e++){var f=a.getColumnId(e)||a.getColumnLabel(e);b[f]=e;if(f=="start"||f=="end"||f=="content"||f=="group"||f=="className"||f=="editable"||f=="type")d=!1}if(d){b.start=0;b.end=1;b.content=2;if(c>3)b.group=3;if(c>4)b.className=4;if(c>5)b.editable=5;if(c>6)b.type=6}return b};
+links.Timeline.prototype.setData=function(a){this.unselectItem();a||(a=[]);this.stackCancelAnimation();this.clearItems();this.data=a;var b=this.items;this.deleteGroups();if(google&&google.visualization&&a instanceof google.visualization.DataTable)for(var c=links.Timeline.mapColumnIds(a),d=0,e=a.getNumberOfRows();d<e;d++)b.push(this.createItem({start:c.start!=void 0?a.getValue(d,c.start):void 0,end:c.end!=void 0?a.getValue(d,c.end):void 0,content:c.content!=void 0?a.getValue(d,c.content):void 0,group:c.group!=
+void 0?a.getValue(d,c.group):void 0,className:c.className!=void 0?a.getValue(d,c.className):void 0,editable:c.editable!=void 0?a.getValue(d,c.editable):void 0,type:c.type!=void 0?a.getValue(d,c.type):void 0}));else if(links.Timeline.isArray(a)){d=0;for(e=a.length;d<e;d++)c=this.createItem(a[d]),b.push(c)}else throw"Unknown data type. DataTable or Array expected.";this.options.cluster&&this.clusterGenerator.setData(this.items);this.render({animate:!1})};links.Timeline.prototype.getData=function(){return this.data};
+links.Timeline.prototype.updateData=function(a,b){var c=this.data,d;if(google&&google.visualization&&c instanceof google.visualization.DataTable){var e=a+1-c.getNumberOfRows();e>0&&c.addRows(e);e=links.Timeline.mapColumnIds(c);for(d in b)if(b.hasOwnProperty(d)){var f=e[d];if(f==void 0){var f=b[d],g="string";typeof f=="number"?g="number":typeof f=="boolean"?g="boolean":f instanceof Date&&(g="datetime");f=c.addColumn(g,d)}c.setValue(a,f,b[d])}}else if(links.Timeline.isArray(c))for(d in e=c[a],e==void 0&&
+(e={},c[a]=e),b)b.hasOwnProperty(d)&&(e[d]=b[d]);else throw"Cannot update data, unknown type of data";};links.Timeline.prototype.getItemIndex=function(a){for(var b=this.dom.items.frame,c=this.items,d=void 0;a.parentNode&&a.parentNode!==b;)a=a.parentNode;if(a.parentNode===b)for(var b=0,e=c.length;b<e;b++)if(c[b].dom===a){d=b;break}return d};
+links.Timeline.prototype.getClusterIndex=function(a){var b=this.dom.items.frame,c=this.clusters,d=void 0;if(this.clusters){for(;a.parentNode&&a.parentNode!==b;)a=a.parentNode;if(a.parentNode===b)for(var b=0,e=c.length;b<e;b++)if(c[b].dom===a){d=b;break}}return d};links.Timeline.prototype.getVisibleItems=function(a,b){var c=this.items,d=[];if(c)for(var e=0,f=c.length;e<f;e++){var g=c[e];g.end?a<=g.start&&g.end<=b&&d.push({row:e}):a<=g.start&&g.start<=b&&d.push({row:e})}return d};
+links.Timeline.prototype.setSize=function(a,b){if(a)this.options.width=a,this.dom.frame.style.width=a;if(b&&(this.options.height=b,this.options.autoHeight=this.options.height==="auto",b!=="auto"))this.dom.frame.style.height=b;this.render({animate:!1})};
+links.Timeline.prototype.setVisibleChartRange=function(a,b,c){var d={};if(!a||!b)d=this.getDataRange(!0);if(!a)b?d.min&&d.min.valueOf()<b.valueOf()?a=d.min:(a=new Date(b.valueOf()),a.setDate(a.getDate()-7)):(a=new Date,a.setDate(a.getDate()-3));if(!b)d.max?b=d.max:(b=new Date(a.valueOf()),b.setDate(b.getDate()+7));b<=a&&(b=new Date(a.valueOf()),b.setDate(b.getDate()+7));d=this.options.min?this.options.min:void 0;d!=void 0&&a.valueOf()<d.valueOf()&&(a=new Date(d.valueOf()));d=this.options.max?this.options.max:
+void 0;d!=void 0&&b.valueOf()>d.valueOf()&&(b=new Date(d.valueOf()));this.applyRange(a,b);c==void 0||c==!0?this.render({animate:!1}):this.recalcConversion()};links.Timeline.prototype.setVisibleChartRangeAuto=function(){var a=this.getDataRange(!0);this.setVisibleChartRange(a.min,a.max)};links.Timeline.prototype.setVisibleChartRangeNow=function(){var a=this.end.valueOf()-this.start.valueOf(),b=new Date((new Date).valueOf()-a/2);this.setVisibleChartRange(b,new Date(b.valueOf()+a))};
+links.Timeline.prototype.getVisibleChartRange=function(){return{start:new Date(this.start.valueOf()),end:new Date(this.end.valueOf())}};
+links.Timeline.prototype.getDataRange=function(a){var b=this.items,c=void 0,d=void 0;if(b)for(var e=0,f=b.length;e<f;e++){var g=b[e],h=g.start!=void 0?g.start.valueOf():void 0,g=g.end!=void 0?g.end.valueOf():h;h!=void 0&&(c=c!=void 0?Math.min(c.valueOf(),h.valueOf()):h);g!=void 0&&(d=d!=void 0?Math.max(d.valueOf(),g.valueOf()):g)}c&&d&&a&&(a=d-c,c-=a*0.05,d+=a*0.05);return{min:c!=void 0?new Date(c):void 0,max:d!=void 0?new Date(d):void 0}};
+links.Timeline.prototype.render=function(a){this.reflowFrame();this.reflowAxis();this.reflowGroups();this.reflowItems();var b=this.options.animate;if(a&&a.animate!=void 0)b=a.animate;this.recalcConversion();this.clusterItems();this.filterItems();this.stackItems(b);this.recalcItems();this.repaint()&&(b=a?a.renderTimesLeft:void 0,b==void 0&&(b=5),b>0&&this.render({animate:a?a.animate:void 0,renderTimesLeft:b-1}))};
+links.Timeline.prototype.repaint=function(){var a=this.repaintFrame(),b=this.repaintAxis(),c=this.repaintGroups(),d=this.repaintItems();this.repaintCurrentTime();this.repaintCustomTime();return a||b||c||d};links.Timeline.prototype.reflowFrame=function(){var a=this.dom,b=this.size,c=a.frame?a.frame.offsetWidth:0,d=a.frame?a.frame.clientHeight:0,a=(a=b.frameWidth!==c)||b.frameHeight!==d;b.frameWidth=c;b.frameHeight=d;return a};
+links.Timeline.prototype.repaintFrame=function(){var a=!1,b=this.dom,c=this.options,d=this.size;if(!b.frame)b.frame=document.createElement("DIV"),b.frame.className="timeline-frame ui-widget ui-widget-content ui-corner-all",b.container.appendChild(b.frame),a=!0;var e=c.autoHeight?d.actualHeight+"px":c.height||"100%",c=c.width||"100%",a=(a=a||b.frame.style.height!=e)||b.frame.style.width!=c;b.frame.style.height=e;b.frame.style.width=c;if(!b.content){b.content=document.createElement("DIV");b.content.className=
+"timeline-content";b.frame.appendChild(b.content);a=document.createElement("DIV");a.style.position="absolute";a.style.left="0px";a.style.top="0px";a.style.height="100%";a.style.width="0px";b.content.appendChild(a);b.contentTimelines=a;var a=this.eventParams,f=this;if(!a.onMouseDown)a.onMouseDown=function(a){f.onMouseDown(a)},links.Timeline.addEventListener(b.content,"mousedown",a.onMouseDown);if(!a.onTouchStart)a.onTouchStart=function(a){f.onTouchStart(a)},links.Timeline.addEventListener(b.content,
+"touchstart",a.onTouchStart);if(!a.onMouseWheel)a.onMouseWheel=function(a){f.onMouseWheel(a)},links.Timeline.addEventListener(b.content,"mousewheel",a.onMouseWheel);if(!a.onDblClick)a.onDblClick=function(a){f.onDblClick(a)},links.Timeline.addEventListener(b.content,"dblclick",a.onDblClick);a=!0}b.content.style.left=d.contentLeft+"px";b.content.style.top="0px";b.content.style.width=d.contentWidth+"px";b.content.style.height=d.frameHeight+"px";this.repaintNavigation();return a};
+links.Timeline.prototype.reflowAxis=function(){var a,b=this.options,c=this.size,d=this.dom.axis,e=d&&d.characterMinor?d.characterMinor.clientWidth:0,f=d&&d.characterMinor?d.characterMinor.clientHeight:0,g=d&&d.characterMajor?d.characterMajor.clientWidth:0,h=d&&d.characterMajor?d.characterMajor.clientHeight:0,i=(b.showMinorLabels?f:0)+(b.showMajorLabels?h:0),k=b.axisOnTop?0:c.frameHeight-i,m=b.axisOnTop?i:k;a=(a=(a=c.axis.top!==k)||c.axis.line!==m)||c.axis.height!==i;c.axis.top=k;c.axis.line=m;c.axis.height=
+i;c.axis.labelMajorTop=b.axisOnTop?0:m+(b.showMinorLabels?f:0);c.axis.labelMinorTop=b.axisOnTop?b.showMajorLabels?h:0:m;c.axis.lineMinorTop=b.axisOnTop?c.axis.labelMinorTop:0;c.axis.lineMinorHeight=b.showMajorLabels?c.frameHeight-h:c.frameHeight;c.axis.lineMinorWidth=d&&d.minorLines&&d.minorLines.length?d.minorLines[0].offsetWidth:1;c.axis.lineMajorWidth=d&&d.majorLines&&d.majorLines.length?d.majorLines[0].offsetWidth:1;a=(a=(a=(a=a||c.axis.characterMinorWidth!==e)||c.axis.characterMinorHeight!==
+f)||c.axis.characterMajorWidth!==g)||c.axis.characterMajorHeight!==h;c.axis.characterMinorWidth=e;c.axis.characterMinorHeight=f;c.axis.characterMajorWidth=g;c.axis.characterMajorHeight=h;d=Math.max(c.frameHeight-i,0);c.contentLeft=b.groupsOnRight?0:c.groupsWidth;c.contentWidth=Math.max(c.frameWidth-c.groupsWidth,0);c.contentHeight=d;return a};
+links.Timeline.prototype.repaintAxis=function(){var a=!1,b=this.dom,c=this.options,d=this.size,e=this.step,f=b.axis;if(!f)f={},b.axis=f;if(!d.axis.properties)d.axis.properties={};if(!f.minorTexts)f.minorTexts=[];if(!f.minorLines)f.minorLines=[];if(!f.majorTexts)f.majorTexts=[];if(!f.majorLines)f.majorLines=[];if(!f.frame)f.frame=document.createElement("DIV"),f.frame.style.position="absolute",f.frame.style.left="0px",f.frame.style.top="0px",b.content.appendChild(f.frame);b.content.removeChild(f.frame);
+f.frame.style.width=d.contentWidth+"px";f.frame.style.height=d.axis.height+"px";var g=this.screenToTime(0),h=this.screenToTime(d.contentWidth);if(d.axis.characterMinorWidth)this.minimumStep=this.screenToTime(d.axis.characterMinorWidth*6)-this.screenToTime(0),e.setRange(g,h,this.minimumStep);g=this.repaintAxisCharacters();a=a||g;this.repaintAxisStartOverwriting();e.start();g=void 0;for(h=0;!e.end()&&h<1E3;){h++;var i=this.timeToScreen(e.getCurrent()),k=e.isMajor();c.showMinorLabels&&this.repaintAxisMinorText(i,
+e.getLabelMinor(c));k&&c.showMajorLabels?(i>0&&(g==void 0&&(g=i),this.repaintAxisMajorText(i,e.getLabelMajor(c))),this.repaintAxisMajorLine(i)):this.repaintAxisMinorLine(i);e.next()}c.showMajorLabels&&(e=this.screenToTime(0),c=this.step.getLabelMajor(c,e),d=c.length*d.axis.characterMajorWidth+10,(g==void 0||d<g)&&this.repaintAxisMajorText(0,c,e));this.repaintAxisEndOverwriting();this.repaintAxisHorizontal();b.content.insertBefore(f.frame,b.content.firstChild);return a};
+links.Timeline.prototype.repaintAxisCharacters=function(){var a=!1,b=this.dom.axis;if(!b.characterMinor){var a=document.createTextNode("0"),c=document.createElement("DIV");c.className="timeline-axis-text timeline-axis-text-minor";c.appendChild(a);c.style.position="absolute";c.style.visibility="hidden";c.style.paddingLeft="0px";c.style.paddingRight="0px";b.frame.appendChild(c);b.characterMinor=c;a=!0}if(!b.characterMajor)a=document.createTextNode("0"),c=document.createElement("DIV"),c.className="timeline-axis-text timeline-axis-text-major",
+c.appendChild(a),c.style.position="absolute",c.style.visibility="hidden",c.style.paddingLeft="0px",c.style.paddingRight="0px",b.frame.appendChild(c),b.characterMajor=c,a=!0;return a};links.Timeline.prototype.repaintAxisStartOverwriting=function(){var a=this.size.axis.properties;a.minorTextNum=0;a.minorLineNum=0;a.majorTextNum=0;a.majorLineNum=0};
+links.Timeline.prototype.repaintAxisEndOverwriting=function(){var a=this.dom,b=this.size.axis.properties,c=this.dom.axis.frame,d,e=a.axis.minorTexts;for(d=b.minorTextNum;e.length>d;)c.removeChild(e[d]),e.splice(d,1);e=a.axis.minorLines;for(d=b.minorLineNum;e.length>d;)c.removeChild(e[d]),e.splice(d,1);e=a.axis.majorTexts;for(d=b.majorTextNum;e.length>d;)c.removeChild(e[d]),e.splice(d,1);a=a.axis.majorLines;for(d=b.majorLineNum;a.length>d;)c.removeChild(a[d]),a.splice(d,1)};
+links.Timeline.prototype.repaintAxisHorizontal=function(){var a=this.dom.axis,b=this.size,c=this.options;if(c=c.showMinorLabels||c.showMajorLabels){if(!a.backgroundLine){var d=document.createElement("DIV");d.className="timeline-axis";d.style.position="absolute";d.style.left="0px";d.style.width="100%";d.style.border="none";a.frame.insertBefore(d,a.frame.firstChild);a.backgroundLine=d}if(a.backgroundLine)a.backgroundLine.style.top=b.axis.top+"px",a.backgroundLine.style.height=b.axis.height+"px"}else a.backgroundLine&&
+(a.frame.removeChild(a.backgroundLine),delete a.backgroundLine);c?(a.line?(c=a.frame.removeChild(a.line),a.frame.appendChild(c)):(c=document.createElement("DIV"),c.className="timeline-axis",c.style.position="absolute",c.style.left="0px",c.style.width="100%",c.style.height="0px",a.frame.appendChild(c),a.line=c),a.line.style.top=b.axis.line+"px"):a.line&&a.line.parentElement&&(a.frame.removeChild(a.line),delete a.line)};
+links.Timeline.prototype.repaintAxisMinorText=function(a,b){var c=this.size,d=this.dom,e=c.axis.properties,f=d.axis.frame,d=d.axis.minorTexts,g=e.minorTextNum;if(g<d.length)g=d[g];else{var h=document.createTextNode(""),g=document.createElement("DIV");g.appendChild(h);g.className="timeline-axis-text timeline-axis-text-minor";g.style.position="absolute";f.appendChild(g);d.push(g)}g.childNodes[0].nodeValue=b;g.style.left=a+"px";g.style.top=c.axis.labelMinorTop+"px";e.minorTextNum++};
+links.Timeline.prototype.repaintAxisMinorLine=function(a){var b=this.size.axis,c=this.dom,d=b.properties,e=c.axis.frame,c=c.axis.minorLines,f=d.minorLineNum;f<c.length?f=c[f]:(f=document.createElement("DIV"),f.className="timeline-axis-grid timeline-axis-grid-minor",f.style.position="absolute",f.style.width="0px",e.appendChild(f),c.push(f));f.style.top=b.lineMinorTop+"px";f.style.height=b.lineMinorHeight+"px";f.style.left=a-b.lineMinorWidth/2+"px";d.minorLineNum++};
+links.Timeline.prototype.repaintAxisMajorText=function(a,b){var c=this.size,d=c.axis.properties,e=this.dom.axis.frame,f=this.dom.axis.majorTexts,g=d.majorTextNum;if(g<f.length)g=f[g];else{var h=document.createTextNode(b),g=document.createElement("DIV");g.className="timeline-axis-text timeline-axis-text-major";g.appendChild(h);g.style.position="absolute";g.style.top="0px";e.appendChild(g);f.push(g)}g.childNodes[0].nodeValue=b;g.style.top=c.axis.labelMajorTop+"px";g.style.left=a+"px";d.majorTextNum++};
+links.Timeline.prototype.repaintAxisMajorLine=function(a){var b=this.size,c=b.axis.properties,d=this.size.axis,e=this.dom.axis.frame,f=this.dom.axis.majorLines,g=c.majorLineNum;g<f.length?g=f[g]:(g=document.createElement("DIV"),g.className="timeline-axis-grid timeline-axis-grid-major",g.style.position="absolute",g.style.top="0px",g.style.width="0px",e.appendChild(g),f.push(g));g.style.left=a-d.lineMajorWidth/2+"px";g.style.height=b.frameHeight+"px";c.majorLineNum++};
+links.Timeline.prototype.reflowItems=function(){var a=!1,b,c,d;b=this.groups;var e=this.renderedItems;b&&b.forEach(function(a){a.itemsHeight=a.labelHeight||0});for(b=0,c=e.length;b<c;b++){var f=e[b],g=f.dom;d=f.group;if(g){var h=g?g.clientWidth:0,g=g?g.clientHeight:0,a=(a=a||f.width!=h)||f.height!=g;f.width=h;f.height=g;f.reflow()}if(d)d.itemsHeight=Math.max(this.options.groupMinHeight,d.itemsHeight?Math.max(d.itemsHeight,f.height):f.height)}return a};
+links.Timeline.prototype.recalcItems=function(){var a=!1,b,c,d,e,f;d=this.groups;var g=this.size,h=this.options;f=this.renderedItems;var i=0;if(d.length==0){if(h.autoHeight||h.cluster){var k=i=0;if(this.stack&&this.stack.finalItems){d=this.stack.finalItems;if((e=d[0])&&e.top)i=e.top,k=e.top+e.height;for(b=1,c=d.length;b<c;b++)e=d[b],i=Math.min(i,e.top),k=Math.max(k,e.top+e.height)}else{if((d=f[0])&&d.top)i=d.top,k=d.top+d.height;for(b=1,c=f.length;b<c;b++)d=f[b],d.top&&(i=Math.min(i,d.top),k=Math.max(k,
+d.top+d.height))}i=k-i+2*h.eventMarginAxis+g.axis.height;if(i<h.minHeight)i=h.minHeight;if(g.actualHeight!=i&&h.autoHeight&&!h.axisOnTop)if(k=i-g.actualHeight,this.stack&&this.stack.finalItems){d=this.stack.finalItems;for(b=0,c=d.length;b<c;b++)d[b].top+=k,d[b].item.top+=k}else for(b=0,c=f.length;b<c;b++)f[b].top+=k}}else{i=g.axis.height+2*h.eventMarginAxis;for(b=0,c=d.length;b<c;b++)f=d[b],k=f.itemsHeight,a=a||k!=f.height,f.height=Math.max(k,h.groupMinHeight),i+=d[b].height+h.eventMargin;a=h.eventMargin;
+k=h.axisOnTop?h.eventMarginAxis+a/2:g.contentHeight-h.eventMarginAxis+a/2;e=g.axis.height;for(b=0,c=d.length;b<c;b++)f=d[b],h.axisOnTop?(f.top=k+e,f.labelTop=k+e+(f.height-f.labelHeight)/2,f.lineTop=k+e+f.height+a/2,k+=f.height+a):(k-=f.height+a,f.top=k,f.labelTop=k+(f.height-f.labelHeight)/2,f.lineTop=k-a/2);a=!0}if(i<h.minHeight)i=h.minHeight;a=a||i!=g.actualHeight;g.actualHeight=i;return a};
+links.Timeline.prototype.clearItems=function(){var a=this.renderQueue.hide;this.renderedItems.forEach(function(b){a.push(b)});this.clusterGenerator.clear();this.items=[]};
+links.Timeline.prototype.repaintItems=function(){var a,b,c=!1,d=this.dom;a=this.size;var e=this,f=this.renderedItems;if(!d.items)d.items={};var g=d.items.frame;if(!g)g=document.createElement("DIV"),g.style.position="relative",d.content.appendChild(g),d.items.frame=g;g.style.left="0px";g.style.top=a.items.top+"px";g.style.height="0px";d.content.removeChild(g);for(var h=this.renderQueue,i=[],c=c||h.show.length>0||h.update.length>0||h.hide.length>0;a=h.show.shift();)a.showDOM(g),a.getImageUrls(i),f.push(a);
+for(;a=h.update.shift();)a.updateDOM(g),a.getImageUrls(i),b=this.renderedItems.indexOf(a),b==-1&&f.push(a);for(;a=h.hide.shift();)a.hideDOM(g),b=this.renderedItems.indexOf(a),b!=-1&&f.splice(b,1);f.forEach(function(a){a.updatePosition(e)});this.repaintDeleteButton();this.repaintDragAreas();d.content.appendChild(g);i.length&&links.imageloader.loadAll(i,function(){e.render()},!1);return c};
+links.Timeline.prototype.reflowGroups=function(){for(var a=!1,b=this.options,c=this.size,d=this.dom,e=0,f=this.groups,g=this.dom.groups?this.dom.groups.labels:[],h=0,i=f.length;h<i;h++){var k=f[h],m=g[h];k.labelWidth=m?m.clientWidth:0;k.labelHeight=m?m.clientHeight:0;k.width=k.labelWidth;e=Math.max(e,k.width)}b.groupsWidth!==void 0&&(e=d.groups&&d.groups.frame?d.groups.frame.clientWidth:0);e+=1;b=b.groupsOnRight?c.frameWidth-e:0;a=(a=a||c.groupsWidth!==e)||c.groupsLeft!==b;c.groupsWidth=e;c.groupsLeft=
+b;return a};
+links.Timeline.prototype.repaintGroups=function(){var a=this.dom,b=this,c=this.options,d=this.size,e=this.groups;if(a.groups===void 0)a.groups={};var f=a.groups.labels;if(!f)f=[],a.groups.labels=f;var g=a.groups.labelLines;if(!g)g=[],a.groups.labelLines=g;var h=a.groups.itemLines;if(!h)h=[],a.groups.itemLines=h;var i=a.groups.frame;if(!i)i=document.createElement("DIV"),i.className="timeline-groups-axis",i.style.position="absolute",i.style.overflow="hidden",i.style.top="0px",i.style.height="100%",
+a.frame.appendChild(i),a.groups.frame=i;i.style.left=d.groupsLeft+"px";i.style.width=c.groupsWidth!==void 0?c.groupsWidth:d.groupsWidth+"px";i.style.display=e.length==0?"none":"";for(var k=f.length,m=e.length,l=0,s=Math.min(k,m);l<s;l++){var q=e[l],o=f[l];o.innerHTML=this.getGroupName(q);o.style.display=""}for(l=k;l<m;l++){q=e[l];o=document.createElement("DIV");o.className="timeline-groups-text";o.style.position="absolute";if(c.groupsWidth===void 0)o.style.whiteSpace="nowrap";o.innerHTML=this.getGroupName(q);
+i.appendChild(o);f[l]=o;var p=document.createElement("DIV");p.className="timeline-axis-grid timeline-axis-grid-minor";p.style.position="absolute";p.style.left="0px";p.style.width="100%";p.style.height="0px";p.style.borderTopStyle="solid";i.appendChild(p);g[l]=p;var n=document.createElement("DIV");n.className="timeline-axis-grid timeline-axis-grid-minor";n.style.position="absolute";n.style.left="0px";n.style.width="100%";n.style.height="0px";n.style.borderTopStyle="solid";a.content.insertBefore(n,
+a.content.firstChild);h[l]=n}for(l=m;l<k;l++)o=f[l],p=g[l],n=h[l],i.removeChild(o),i.removeChild(p),a.content.removeChild(n);f.splice(m,k-m);g.splice(m,k-m);h.splice(m,k-m);links.Timeline.addClassName(i,c.groupsOnRight?"timeline-groups-axis-onright":"timeline-groups-axis-onleft");l=0;for(s=e.length;l<s;l++)q=e[l],o=f[l],p=g[l],n=h[l],o.style.top=q.labelTop+"px",p.style.top=q.lineTop+"px",n.style.top=q.lineTop+"px",n.style.width=d.contentWidth+"px";if(!a.groups.background)c=document.createElement("DIV"),
+c.className="timeline-axis",c.style.position="absolute",c.style.left="0px",c.style.width="100%",c.style.border="none",i.appendChild(c),a.groups.background=c;a.groups.background.style.top=d.axis.top+"px";a.groups.background.style.height=d.axis.height+"px";if(!a.groups.line)c=document.createElement("DIV"),c.className="timeline-axis",c.style.position="absolute",c.style.left="0px",c.style.width="100%",c.style.height="0px",i.appendChild(c),a.groups.line=c;a.groups.line.style.top=d.axis.line+"px";a.groups.frame&&
+e.length&&(d=[],links.imageloader.filterImageUrls(a.groups.frame,d),d.length&&links.imageloader.loadAll(d,function(){b.render()},!1))};
+links.Timeline.prototype.repaintCurrentTime=function(){var a=this.dom,b=this.size;if(this.options.showCurrentTime){if(!a.currentTime){var c=document.createElement("DIV");c.className="timeline-currenttime";c.style.position="absolute";c.style.top="0px";c.style.height="100%";a.contentTimelines.appendChild(c);a.currentTime=c}var c=new Date((new Date).valueOf()+this.clientTimeOffset),d=this.timeToScreen(c);a.currentTime.style.display=d>-b.contentWidth&&d<2*b.contentWidth?"":"none";a.currentTime.style.left=
+d+"px";a.currentTime.title="Current time: "+c;this.currentTimeTimer!=void 0&&(clearTimeout(this.currentTimeTimer),delete this.currentTimeTimer);var e=this,a=1/this.conversion.factor/2;a<30&&(a=30);this.currentTimeTimer=setTimeout(function(){e.repaintCurrentTime()},a)}else a.currentTime&&(a.contentTimelines.removeChild(a.currentTime),delete a.currentTime)};
+links.Timeline.prototype.repaintCustomTime=function(){var a=this.dom,b=this.size;if(this.options.showCustomTime){if(!a.customTime){var c=document.createElement("DIV");c.className="timeline-customtime";c.style.position="absolute";c.style.top="0px";c.style.height="100%";var d=document.createElement("DIV");d.style.position="relative";d.style.top="0px";d.style.left="-10px";d.style.height="100%";d.style.width="20px";c.appendChild(d);a.contentTimelines.appendChild(c);a.customTime=c;this.customTime=new Date}c=
+this.timeToScreen(this.customTime);a.customTime.style.display=c>-b.contentWidth&&c<2*b.contentWidth?"":"none";a.customTime.style.left=c+"px";a.customTime.title="Time: "+this.customTime}else a.customTime&&(a.contentTimelines.removeChild(a.customTime),delete a.customTime)};
+links.Timeline.prototype.repaintDeleteButton=function(){var a=this.dom,b=a.items.frame,c=a.items.deleteButton;if(!c)c=document.createElement("DIV"),c.className="timeline-navigation-delete",c.style.position="absolute",b.appendChild(c),a.items.deleteButton=c;var a=this.selection&&this.selection.index!==void 0?this.selection.index:-1,d=this.selection&&this.selection.index!==void 0?this.items[a]:void 0;d&&d.rendered&&this.isEditable(d)?(a=d.getRight(this),d=d.top,c.style.left=a+"px",c.style.top=d+"px",
+c.style.display="",b.removeChild(c),b.appendChild(c)):c.style.display="none"};
+links.Timeline.prototype.repaintDragAreas=function(){var a=this.options,b=this.dom,c=this.dom.items.frame,d=b.items.dragLeft;if(!d)d=document.createElement("DIV"),d.className="timeline-event-range-drag-left",d.style.position="absolute",c.appendChild(d),b.items.dragLeft=d;var e=b.items.dragRight;if(!e)e=document.createElement("DIV"),e.className="timeline-event-range-drag-right",e.style.position="absolute",c.appendChild(e),b.items.dragRight=e;var b=this.selection&&this.selection.index!==void 0?this.selection.index:
+-1,f=this.selection&&this.selection.index!==void 0?this.items[b]:void 0;if(f&&f.rendered&&this.isEditable(f)&&(f instanceof links.Timeline.ItemRange||f instanceof links.Timeline.ItemFloatingRange)){var b=f.getLeft(this),g=f.getRight(this),h=f.top,f=f.height;d.style.left=b+"px";d.style.top=h+"px";d.style.width=a.dragAreaWidth+"px";d.style.height=f+"px";d.style.display="";c.removeChild(d);c.appendChild(d);e.style.left=g-a.dragAreaWidth+"px";e.style.top=h+"px";e.style.width=a.dragAreaWidth+"px";e.style.height=
+f+"px";e.style.display="";c.removeChild(e);c.appendChild(e)}else d.style.display="none",e.style.display="none"};
+links.Timeline.prototype.repaintNavigation=function(){var a=this,b=this.options,c=this.dom,d=c.frame,e=c.navBar;if(!e){var f=b.showButtonNew&&b.editable,g=b.showNavigation&&(b.zoomable||b.moveable);if(g||f)e=document.createElement("DIV"),e.style.position="absolute",e.className="timeline-navigation ui-widget ui-state-highlight ui-corner-all",b.groupsOnRight?e.style.left="10px":e.style.right="10px",b.axisOnTop?e.style.bottom="10px":e.style.top="10px",c.navBar=e,d.appendChild(e);if(f)e.addButton=document.createElement("DIV"),
+e.addButton.className="timeline-navigation-new",e.addButton.title=b.CREATE_NEW_EVENT,c=document.createElement("SPAN"),c.className="ui-icon ui-icon-circle-plus",e.addButton.appendChild(c),links.Timeline.addEventListener(e.addButton,"mousedown",function(c){links.Timeline.preventDefault(c);links.Timeline.stopPropagation(c);c=a.screenToTime(a.size.contentWidth/2);b.snapEvents&&a.step.snap(c);a.addItem({start:c,content:b.NEW,group:a.groups.length?a.groups[0].content:void 0},!0);c=a.items.length-1;a.selectItem(c);
+a.applyAdd=!0;a.trigger("add");a.applyAdd?(a.render({animate:!1}),a.selectItem(c)):a.deleteItem(c)}),e.appendChild(e.addButton);f&&g&&links.Timeline.addClassName(e.addButton,"timeline-navigation-new-line");if(g){if(b.zoomable)e.zoomInButton=document.createElement("DIV"),e.zoomInButton.className="timeline-navigation-zoom-in",e.zoomInButton.title=this.options.ZOOM_IN,f=document.createElement("SPAN"),f.className="ui-icon ui-icon-circle-zoomin",e.zoomInButton.appendChild(f),links.Timeline.addEventListener(e.zoomInButton,
+"mousedown",function(b){links.Timeline.preventDefault(b);links.Timeline.stopPropagation(b);a.zoom(0.4);a.trigger("rangechange");a.trigger("rangechanged")}),e.appendChild(e.zoomInButton),e.zoomOutButton=document.createElement("DIV"),e.zoomOutButton.className="timeline-navigation-zoom-out",e.zoomOutButton.title=this.options.ZOOM_OUT,f=document.createElement("SPAN"),f.className="ui-icon ui-icon-circle-zoomout",e.zoomOutButton.appendChild(f),links.Timeline.addEventListener(e.zoomOutButton,"mousedown",
+function(b){links.Timeline.preventDefault(b);links.Timeline.stopPropagation(b);a.zoom(-0.4);a.trigger("rangechange");a.trigger("rangechanged")}),e.appendChild(e.zoomOutButton);if(b.moveable)e.moveLeftButton=document.createElement("DIV"),e.moveLeftButton.className="timeline-navigation-move-left",e.moveLeftButton.title=this.options.MOVE_LEFT,f=document.createElement("SPAN"),f.className="ui-icon ui-icon-circle-arrow-w",e.moveLeftButton.appendChild(f),links.Timeline.addEventListener(e.moveLeftButton,
+"mousedown",function(b){links.Timeline.preventDefault(b);links.Timeline.stopPropagation(b);a.move(-0.2);a.trigger("rangechange");a.trigger("rangechanged")}),e.appendChild(e.moveLeftButton),e.moveRightButton=document.createElement("DIV"),e.moveRightButton.className="timeline-navigation-move-right",e.moveRightButton.title=this.options.MOVE_RIGHT,f=document.createElement("SPAN"),f.className="ui-icon ui-icon-circle-arrow-e",e.moveRightButton.appendChild(f),links.Timeline.addEventListener(e.moveRightButton,
+"mousedown",function(b){links.Timeline.preventDefault(b);links.Timeline.stopPropagation(b);a.move(0.2);a.trigger("rangechange");a.trigger("rangechanged")}),e.appendChild(e.moveRightButton)}}};links.Timeline.prototype.setCurrentTime=function(a){this.clientTimeOffset=a.valueOf()-(new Date).valueOf();this.repaintCurrentTime()};links.Timeline.prototype.getCurrentTime=function(){return new Date((new Date).valueOf()+this.clientTimeOffset)};
+links.Timeline.prototype.setCustomTime=function(a){this.customTime=new Date(a.valueOf());this.repaintCustomTime()};links.Timeline.prototype.getCustomTime=function(){return new Date(this.customTime.valueOf())};links.Timeline.prototype.setScale=function(a,b){this.step.setScale(a,b);this.render()};links.Timeline.prototype.setAutoScale=function(a){this.step.setAutoScale(a);this.render()};links.Timeline.prototype.redraw=function(){this.setData(this.data)};links.Timeline.prototype.checkResize=function(){this.render()};
+links.Timeline.prototype.isEditable=function(a){return a?a.editable!=void 0?a.editable:this.options.editable:!1};links.Timeline.prototype.recalcConversion=function(){this.conversion.offset=this.start.valueOf();this.conversion.factor=this.size.contentWidth/(this.end.valueOf()-this.start.valueOf())};links.Timeline.prototype.screenToTime=function(a){var b=this.conversion;return new Date(a/b.factor+b.offset)};
+links.Timeline.prototype.timeToScreen=function(a){var b=this.conversion;return(a.valueOf()-b.offset)*b.factor};
+links.Timeline.prototype.onTouchStart=function(a){var b=this.eventParams,c=this;if(!b.touchDown){b.touchDown=!0;b.zoomed=!1;this.onMouseDown(a);if(!b.onTouchMove)b.onTouchMove=function(a){c.onTouchMove(a)},links.Timeline.addEventListener(document,"touchmove",b.onTouchMove);if(!b.onTouchEnd)b.onTouchEnd=function(a){c.onTouchEnd(a)},links.Timeline.addEventListener(document,"touchend",b.onTouchEnd);var d=this.getItemIndex(links.Timeline.getTarget(a));b.doubleTapStartPrev=b.doubleTapStart;b.doubleTapStart=
+(new Date).valueOf();b.doubleTapItemPrev=b.doubleTapItem;b.doubleTapItem=d;links.Timeline.preventDefault(a)}};links.Timeline.prototype.onTouchMove=function(a){var b=this.eventParams;if(a.scale&&a.scale!==1)b.zoomed=!0;if(b.zoomed){if(this.options.zoomable){b.zoomed=!0;var c=b.end.valueOf()-b.start.valueOf(),d=c/a.scale-c,c=new Date(parseInt(b.start.valueOf()-d/2)),b=new Date(parseInt(b.end.valueOf()+d/2));this.setVisibleChartRange(c,b);this.trigger("rangechange")}}else this.onMouseMove(a);links.Timeline.preventDefault(a)};
+links.Timeline.prototype.onTouchEnd=function(a){var b=this.eventParams;b.touchDown=!1;b.zoomed&&this.trigger("rangechanged");b.onTouchMove&&(links.Timeline.removeEventListener(document,"touchmove",b.onTouchMove),delete b.onTouchMove);b.onTouchEnd&&(links.Timeline.removeEventListener(document,"touchend",b.onTouchEnd),delete b.onTouchEnd);this.onMouseUp(a);var c=(new Date).valueOf();this.getItemIndex(links.Timeline.getTarget(a));if(b.doubleTapStartPrev&&c-b.doubleTapStartPrev<500&&b.doubleTapItem==
+b.doubleTapItemPrev)b.touchDown=!0,this.onDblClick(a),b.touchDown=!1;links.Timeline.preventDefault(a)};
+links.Timeline.prototype.onMouseDown=function(a){var a=a||window.event,b=this.eventParams,c=this.options,d=this.dom;if((a.which?a.which==1:a.button==1)||b.touchDown){b.mouseX=links.Timeline.getPageX(a);b.mouseY=links.Timeline.getPageY(a);b.frameLeft=links.Timeline.getAbsoluteLeft(this.dom.content);b.frameTop=links.Timeline.getAbsoluteTop(this.dom.content);b.previousLeft=0;b.previousOffset=0;b.moved=!1;b.start=new Date(this.start.valueOf());b.end=new Date(this.end.valueOf());b.target=links.Timeline.getTarget(a);
+var e=d.items&&d.items.dragRight?d.items.dragRight:void 0;b.itemDragLeft=b.target===(d.items&&d.items.dragLeft?d.items.dragLeft:void 0);b.itemDragRight=b.target===e;b.itemDragLeft||b.itemDragRight?(b.itemIndex=this.selection&&this.selection.index!==void 0?this.selection.index:void 0,delete b.clusterIndex):(b.itemIndex=this.getItemIndex(b.target),b.clusterIndex=this.getClusterIndex(b.target));b.customTime=b.target===d.customTime||b.target.parentNode===d.customTime?this.customTime:void 0;b.addItem=
+c.editable&&a.ctrlKey;if(b.addItem){var f=b.mouseY-b.frameTop,d=this.screenToTime(b.mouseX-b.frameLeft);c.snapEvents&&this.step.snap(d);e=new Date(d.valueOf());c=c.NEW;f=this.getGroupFromHeight(f);this.addItem({start:d,end:e,content:c,group:this.getGroupName(f)});b.itemIndex=this.items.length-1;delete b.clusterIndex;this.selectItem(b.itemIndex);b.itemDragRight=!0}c=this.items[b.itemIndex];d=this.isSelected(b.itemIndex);b.editItem=d&&this.isEditable(c);b.editItem?(b.itemStart=c.start,b.itemEnd=c.end,
+b.itemGroup=c.group,b.itemLeft=c.getLeft(this),b.itemRight=c.getRight(this)):this.dom.frame.style.cursor="move";if(!b.touchDown){var g=this;if(!b.onMouseMove)b.onMouseMove=function(a){g.onMouseMove(a)},links.Timeline.addEventListener(document,"mousemove",b.onMouseMove);if(!b.onMouseUp)b.onMouseUp=function(a){g.onMouseUp(a)},links.Timeline.addEventListener(document,"mouseup",b.onMouseUp);links.Timeline.preventDefault(a)}}};
+links.Timeline.prototype.onMouseMove=function(a){var a=a||window.event,b=this.eventParams,c=this.size,d=this.dom,e=this.options,f=links.Timeline.getPageX(a),g=links.Timeline.getPageY(a);if(b.mouseX==void 0)b.mouseX=f;if(b.mouseY==void 0)b.mouseY=g;f-=b.mouseX;if(Math.abs(f)>=1)b.moved=!0;if(b.customTime)this.customTime=this.screenToTime(this.timeToScreen(b.customTime)+f),this.repaintCustomTime(),this.trigger("timechange");else if(b.editItem){var d=this.items[b.itemIndex],h,i;if(b.itemDragLeft&&e.timeChangeable){h=
+b.itemLeft+f;i=b.itemRight;d.start=this.screenToTime(h);e.snapEvents&&(this.step.snap(d.start),h=this.timeToScreen(d.start));if(h>i)h=i,d.start=this.screenToTime(h);this.trigger("change")}else if(b.itemDragRight&&e.timeChangeable){h=b.itemLeft;i=b.itemRight+f;d.end=this.screenToTime(i);e.snapEvents&&(this.step.snap(d.end),i=this.timeToScreen(d.end));if(i<h)i=h,d.end=this.screenToTime(i);this.trigger("change")}else if(e.timeChangeable){h=b.itemLeft+f;d.start=this.screenToTime(h);e.snapEvents&&(this.step.snap(d.start),
+h=this.timeToScreen(d.start));if(d.end)i=h+(b.itemRight-b.itemLeft),d.end=this.screenToTime(i);this.trigger("change")}d.setPosition(h,i);c=b.itemDragLeft||b.itemDragRight;this.groups.length&&!c?(b=this.getGroupFromHeight(g-b.frameTop),e.groupsChangeable&&d.group!==b?this.changeItem(this.items.indexOf(d),{group:this.getGroupName(b)}):(this.repaintDeleteButton(),this.repaintDragAreas())):this.render()}else if(e.moveable)e=b.end.valueOf()-b.start.valueOf(),g=Math.round(-f/c.contentWidth*e),f=new Date(b.start.valueOf()+
+g),this.applyRange(f,new Date(b.end.valueOf()+g)),(f=this.start.valueOf()-f.valueOf())&&(g+=f),this.recalcConversion(),f=b.previousLeft||0,h=parseFloat(d.items.frame.style.left)||0,f=(b.previousOffset||0)+(h-f),c=-g/e*c.contentWidth+f,d.items.frame.style.left=c+"px",b.previousOffset=f,b.previousLeft=parseFloat(d.items.frame.style.left)||c,this.repaintCurrentTime(),this.repaintCustomTime(),this.repaintAxis(),this.trigger("rangechange");links.Timeline.preventDefault(a)};
+links.Timeline.prototype.onMouseUp=function(){var a=this.eventParams,b=this.options;this.dom.frame.style.cursor="auto";a.onMouseMove&&(links.Timeline.removeEventListener(document,"mousemove",a.onMouseMove),delete a.onMouseMove);a.onMouseUp&&(links.Timeline.removeEventListener(document,"mouseup",a.onMouseUp),delete a.onMouseUp);if(a.customTime)this.trigger("timechanged");else if(a.editItem){if(b=this.items[a.itemIndex],a.moved||a.addItem)this.applyAdd=this.applyChange=!0,this.updateData(a.itemIndex,
+{start:b.start,end:b.end}),this.trigger(a.addItem?"add":"changed"),b=this.items[a.itemIndex],a.addItem?this.applyAdd?this.updateData(a.itemIndex,{start:b.start,end:b.end,content:b.content,group:this.getGroupName(b.group)}):this.deleteItem(a.itemIndex):this.applyChange?this.updateData(a.itemIndex,{start:b.start,end:b.end}):(delete this.applyChange,delete this.applyAdd,b=this.items[a.itemIndex],b.start=a.itemStart,b.end=a.itemEnd,b.group=a.itemGroup,b.setPosition(a.itemLeft,a.itemRight),this.updateData(a.itemIndex,
+{start:a.itemStart,end:a.itemEnd})),this.options.cluster&&this.clusterGenerator.updateData(),this.render()}else!a.moved&&!a.zoomed?a.target===this.dom.items.deleteButton?this.selection&&this.selection.index!==void 0&&this.confirmDeleteItem(this.selection.index):b.selectable&&(a.itemIndex!=void 0?this.isSelected(a.itemIndex)||(this.selectItem(a.itemIndex),this.trigger("select")):a.clusterIndex!=void 0?(this.selectCluster(a.clusterIndex),this.trigger("select")):b.unselectable&&(this.unselectItem(),
+this.trigger("select"))):(this.render(),(a.moved&&b.moveable||a.zoomed&&b.zoomable)&&this.trigger("rangechanged"))};
+links.Timeline.prototype.onDblClick=function(a){var b=this.eventParams,c=this.options,d=this.dom,a=a||window.event;if(b.itemIndex!=void 0)(b=this.items[b.itemIndex])&&this.isEditable(b)&&this.trigger("edit");else if(c.editable){b.mouseX=links.Timeline.getPageX(a);b.mouseY=links.Timeline.getPageY(a);var e=b.mouseX-links.Timeline.getAbsoluteLeft(d.content),d=b.mouseY-links.Timeline.getAbsoluteTop(d.content),e=this.screenToTime(e);c.snapEvents&&this.step.snap(e);c=c.NEW;d=this.getGroupFromHeight(d);
+this.addItem({start:e,content:c,group:this.getGroupName(d)},!0);b.itemIndex=this.items.length-1;this.selectItem(b.itemIndex);this.applyAdd=!0;this.trigger("add");this.applyAdd?(this.render({animate:!1}),this.selectItem(b.itemIndex)):this.deleteItem(b.itemIndex)}links.Timeline.preventDefault(a)};
+links.Timeline.prototype.onMouseWheel=function(a){if(this.options.zoomable){if(!a)a=window.event;var b=0;a.wheelDelta?b=a.wheelDelta/120:a.detail&&(b=-a.detail/3);if(b){var c=this,d=function(){var d=b/5,f=links.Timeline.getAbsoluteLeft(c.dom.content),g=links.Timeline.getPageX(a),f=g!=void 0&&f!=void 0?c.screenToTime(g-f):void 0;c.zoom(d,f);c.trigger("rangechange");c.trigger("rangechanged")};a.shiftKey?(c.move(b*-0.2),c.trigger("rangechange"),c.trigger("rangechanged")):d()}links.Timeline.preventDefault(a)}};
+links.Timeline.prototype.zoom=function(a,b){b==void 0&&(b=new Date((this.start.valueOf()+this.end.valueOf())/2));a>=1&&(a=0.9);a<=-1&&(a=-0.9);a<0&&(a/=1+a);var c=new Date(this.start.valueOf()-(this.start.valueOf()-b)*a),d=new Date(this.end.valueOf()-(this.end.valueOf()-b)*a),e=d.valueOf()-c.valueOf(),f=Number(this.options.zoomMin)||10;f<10&&(f=10);e>=f&&(this.applyRange(c,d,b),this.render({animate:this.options.animate&&this.options.animateZoom}))};
+links.Timeline.prototype.move=function(a){var b=this.end.valueOf()-this.start.valueOf();this.applyRange(new Date(this.start.valueOf()+b*a),new Date(this.end.valueOf()+b*a));this.render()};
+links.Timeline.prototype.applyRange=function(a,b,c){var a=a.valueOf(),b=b.valueOf(),d=b-a,e=this.options,f=Number(e.zoomMin)||10;f<10&&(f=10);var g=Number(e.zoomMax)||31536E10;g>31536E10&&(g=31536E10);g<f&&(g=f);var h=e.min?e.min.valueOf():void 0,e=e.max?e.max.valueOf():void 0;h!=void 0&&e!=void 0&&(h>=e&&(e=h+864E5),g>e-h&&(g=e-h),f>e-h&&(f=e-h));a>=b&&(b+=864E5);if(d<f){f-=d;var i=c?(c.valueOf()-a)/d:0.5;a-=Math.round(f*i);b+=Math.round(f*(1-i))}d>g&&(f=d-g,i=c?(c.valueOf()-a)/d:0.5,a+=Math.round(f*
+i),b-=Math.round(f*(1-i)));h!=void 0&&(f=a-h,f<0&&(a-=f,b-=f));e!=void 0&&(f=e-b,f<0&&(a+=f,b+=f));this.start=new Date(a);this.end=new Date(b)};links.Timeline.prototype.confirmDeleteItem=function(a){this.applyDelete=!0;this.isSelected(a)||this.selectItem(a);this.trigger("delete");this.applyDelete&&this.deleteItem(a);delete this.applyDelete};
+links.Timeline.prototype.deleteItem=function(a,b){if(a>=this.items.length)throw"Cannot delete row, index out of range";this.selection&&this.selection.index!==void 0&&(this.selection.index==a?this.unselectItem():this.selection.index>a&&this.selection.index--);this.renderQueue.hide.push(this.items.splice(a,1)[0]);if(this.data)if(google&&google.visualization&&this.data instanceof google.visualization.DataTable)this.data.removeRow(a);else if(links.Timeline.isArray(this.data))this.data.splice(a,1);else throw"Cannot delete row from data, unknown data type";
+this.options.cluster&&this.clusterGenerator.updateData();b||this.render()};
+links.Timeline.prototype.deleteAllItems=function(){this.unselectItem();this.clearItems();this.deleteGroups();if(this.data)if(google&&google.visualization&&this.data instanceof google.visualization.DataTable)this.data.removeRows(0,this.data.getNumberOfRows());else if(links.Timeline.isArray(this.data))this.data.splice(0,this.data.length);else throw"Cannot delete row from data, unknown data type";this.options.cluster&&this.clusterGenerator.updateData();this.render()};
+links.Timeline.prototype.getGroupFromHeight=function(a){var b,c,d=this.groups;if(d.length){if(this.options.axisOnTop)for(b=d.length-1;b>=0;b--){if(c=d[b],a>c.top)break}else for(b=0;b<d.length;b++)if(c=d[b],a>c.top)break;return c}};
+links.Timeline.Item=function(a,b){if(a)this.start=a.start,this.end=a.end,this.content=a.content,this.className=a.className,this.editable=a.editable,this.group=a.group,this.type=a.type;this.dotHeight=this.dotWidth=this.lineWidth=this.height=this.width=this.left=this.top=0;this.rendered=!1;if(b)for(var c in b)b.hasOwnProperty(c)&&(this[c]=b[c])};links.Timeline.Item.prototype.reflow=function(){return!1};
+links.Timeline.Item.prototype.getImageUrls=function(a){this.dom&&links.imageloader.filterImageUrls(this.dom,a)};links.Timeline.Item.prototype.select=function(){};links.Timeline.Item.prototype.unselect=function(){};links.Timeline.Item.prototype.createDOM=function(){};links.Timeline.Item.prototype.showDOM=function(){};links.Timeline.Item.prototype.hideDOM=function(){};links.Timeline.Item.prototype.updateDOM=function(){};links.Timeline.Item.prototype.updatePosition=function(){};
+links.Timeline.Item.prototype.isRendered=function(){return this.rendered};links.Timeline.Item.prototype.isVisible=function(){return!1};links.Timeline.Item.prototype.setPosition=function(){};links.Timeline.Item.prototype.getLeft=function(){return 0};links.Timeline.Item.prototype.getRight=function(){return 0};links.Timeline.Item.prototype.getWidth=function(){return this.width||0};links.Timeline.ItemBox=function(a,b){links.Timeline.Item.call(this,a,b)};links.Timeline.ItemBox.prototype=new links.Timeline.Item;
+links.Timeline.ItemBox.prototype.reflow=function(){var a=this.dom,b=a.dot.offsetHeight,c=a.dot.offsetWidth,a=a.line.offsetWidth,d=this.dotHeight!=b||this.dotWidth!=c||this.lineWidth!=a;this.dotHeight=b;this.dotWidth=c;this.lineWidth=a;return d};links.Timeline.ItemBox.prototype.select=function(){var a=this.dom;links.Timeline.addClassName(a,"timeline-event-selected ui-state-active");links.Timeline.addClassName(a.line,"timeline-event-selected ui-state-active");links.Timeline.addClassName(a.dot,"timeline-event-selected ui-state-active")};
+links.Timeline.ItemBox.prototype.unselect=function(){var a=this.dom;links.Timeline.removeClassName(a,"timeline-event-selected ui-state-active");links.Timeline.removeClassName(a.line,"timeline-event-selected ui-state-active");links.Timeline.removeClassName(a.dot,"timeline-event-selected ui-state-active")};
+links.Timeline.ItemBox.prototype.createDOM=function(){var a=document.createElement("DIV");a.style.position="absolute";a.style.left=this.left+"px";a.style.top=this.top+"px";var b=document.createElement("DIV");b.className="timeline-event-content";b.innerHTML=this.content;a.appendChild(b);b=document.createElement("DIV");b.style.position="absolute";b.style.width="0px";a.line=b;b=document.createElement("DIV");b.style.position="absolute";b.style.width="0px";b.style.height="0px";a.dot=b;this.dom=a;this.updateDOM();
+return a};links.Timeline.ItemBox.prototype.showDOM=function(a){var b=this.dom;b||(b=this.createDOM());if(b.parentNode!=a)b.parentNode&&this.hideDOM(),a.appendChild(b),a.insertBefore(b.line,a.firstChild),a.appendChild(b.dot),this.rendered=!0};links.Timeline.ItemBox.prototype.hideDOM=function(){var a=this.dom;if(a)a.parentNode&&a.parentNode.removeChild(a),a.line&&a.line.parentNode&&a.line.parentNode.removeChild(a.line),a.dot&&a.dot.parentNode&&a.dot.parentNode.removeChild(a.dot),this.rendered=!1};
+links.Timeline.ItemBox.prototype.updateDOM=function(){var a=this.dom;if(a){var b=a.line,c=a.dot;a.firstChild.innerHTML=this.content;a.className="timeline-event timeline-event-box ui-widget ui-state-default";b.className="timeline-event timeline-event-line ui-widget ui-state-default";c.className="timeline-event timeline-event-dot ui-widget ui-state-default";this.isCluster&&(links.Timeline.addClassName(a,"timeline-event-cluster ui-widget-header"),links.Timeline.addClassName(b,"timeline-event-cluster ui-widget-header"),
+links.Timeline.addClassName(c,"timeline-event-cluster ui-widget-header"));this.className&&(links.Timeline.addClassName(a,this.className),links.Timeline.addClassName(b,this.className),links.Timeline.addClassName(c,this.className))}};
+links.Timeline.ItemBox.prototype.updatePosition=function(a){var b=this.dom;if(b){var c=a.timeToScreen(this.start),d=a.options.axisOnTop,e=a.size.axis.top,f=a.size.axis.height,a=a.options.box&&a.options.box.align?a.options.box.align:void 0;b.style.top=this.top+"px";b.style.left=a=="right"?c-this.width+"px":a=="left"?c+"px":c-this.width/2+"px";a=b.line;b=b.dot;a.style.left=c-this.lineWidth/2+"px";b.style.left=c-this.dotWidth/2+"px";d?(a.style.top=f+"px",a.style.height=Math.max(this.top-f,0)+"px",b.style.top=
+f-this.dotHeight/2+"px"):(a.style.top=this.top+this.height+"px",a.style.height=Math.max(e-this.top-this.height,0)+"px",b.style.top=e-this.dotHeight/2+"px")}};links.Timeline.ItemBox.prototype.isVisible=function(a,b){return this.cluster?!1:this.start>a&&this.start<b};
+links.Timeline.ItemBox.prototype.setPosition=function(a){var b=this.dom;b.style.left=a-this.width/2+"px";b.line.style.left=a-this.lineWidth/2+"px";b.dot.style.left=a-this.dotWidth/2+"px";if(this.group)this.top=this.group.top,b.style.top=this.top+"px"};links.Timeline.ItemBox.prototype.getLeft=function(a){var b=a.options.box&&a.options.box.align?a.options.box.align:void 0,a=a.timeToScreen(this.start);a-=b=="right"?width:this.width/2;return a};
+links.Timeline.ItemBox.prototype.getRight=function(a){var b=a.options.box&&a.options.box.align?a.options.box.align:void 0,a=a.timeToScreen(this.start);return b=="right"?a:b=="left"?a+this.width:a+this.width/2};links.Timeline.ItemRange=function(a,b){links.Timeline.Item.call(this,a,b)};links.Timeline.ItemRange.prototype=new links.Timeline.Item;links.Timeline.ItemRange.prototype.select=function(){links.Timeline.addClassName(this.dom,"timeline-event-selected ui-state-active")};
+links.Timeline.ItemRange.prototype.unselect=function(){links.Timeline.removeClassName(this.dom,"timeline-event-selected ui-state-active")};links.Timeline.ItemRange.prototype.createDOM=function(){var a=document.createElement("DIV");a.style.position="absolute";var b=document.createElement("DIV");b.className="timeline-event-content";a.appendChild(b);this.dom=a;this.updateDOM();return a};
+links.Timeline.ItemRange.prototype.showDOM=function(a){var b=this.dom;b||(b=this.createDOM());if(b.parentNode!=a)b.parentNode&&this.hideDOM(),a.appendChild(b),this.rendered=!0};links.Timeline.ItemRange.prototype.hideDOM=function(){var a=this.dom;if(a)a.parentNode&&a.parentNode.removeChild(a),this.rendered=!1};
+links.Timeline.ItemRange.prototype.updateDOM=function(){var a=this.dom;if(a)a.firstChild.innerHTML=this.content,a.className="timeline-event timeline-event-range ui-widget ui-state-default",this.isCluster&&links.Timeline.addClassName(a,"timeline-event-cluster ui-widget-header"),this.className&&links.Timeline.addClassName(a,this.className)};
+links.Timeline.ItemRange.prototype.updatePosition=function(a){var b=this.dom;if(b){var c=a.size.contentWidth,d=a.timeToScreen(this.start),a=a.timeToScreen(this.end);d<-c&&(d=-c);a>2*c&&(a=2*c);b.style.top=this.top+"px";b.style.left=d+"px";b.style.width=Math.max(a-d,1)+"px"}};links.Timeline.ItemRange.prototype.isVisible=function(a,b){return this.cluster?!1:this.end>a&&this.start<b};
+links.Timeline.ItemRange.prototype.setPosition=function(a,b){var c=this.dom;c.style.left=a+"px";c.style.width=b-a+"px";if(this.group)this.top=this.group.top,c.style.top=this.top+"px"};links.Timeline.ItemRange.prototype.getLeft=function(a){return a.timeToScreen(this.start)};links.Timeline.ItemRange.prototype.getRight=function(a){return a.timeToScreen(this.end)};links.Timeline.ItemRange.prototype.getWidth=function(a){return a.timeToScreen(this.end)-a.timeToScreen(this.start)};
+links.Timeline.ItemFloatingRange=function(a,b){links.Timeline.Item.call(this,a,b)};links.Timeline.ItemFloatingRange.prototype=new links.Timeline.Item;links.Timeline.ItemFloatingRange.prototype.select=function(){links.Timeline.addClassName(this.dom,"timeline-event-selected ui-state-active")};links.Timeline.ItemFloatingRange.prototype.unselect=function(){links.Timeline.removeClassName(this.dom,"timeline-event-selected ui-state-active")};
+links.Timeline.ItemFloatingRange.prototype.createDOM=function(){var a=document.createElement("DIV");a.style.position="absolute";var b=document.createElement("DIV");b.className="timeline-event-content";a.appendChild(b);this.dom=a;this.updateDOM();return a};links.Timeline.ItemFloatingRange.prototype.showDOM=function(a){var b=this.dom;b||(b=this.createDOM());if(b.parentNode!=a)b.parentNode&&this.hideDOM(),a.appendChild(b),this.rendered=!0};
+links.Timeline.ItemFloatingRange.prototype.hideDOM=function(){var a=this.dom;if(a)a.parentNode&&a.parentNode.removeChild(a),this.rendered=!1};links.Timeline.ItemFloatingRange.prototype.updateDOM=function(){var a=this.dom;if(a)a.firstChild.innerHTML=this.content,a.className="timeline-event timeline-event-range ui-widget ui-state-default",this.isCluster&&links.Timeline.addClassName(a,"timeline-event-cluster ui-widget-header"),this.className&&links.Timeline.addClassName(a,this.className)};
+links.Timeline.ItemFloatingRange.prototype.updatePosition=function(a){var b=this.dom;if(b){var c=a.size.contentWidth,d=this.getLeft(a),a=this.getRight(a);d<-c&&(d=-c);a>2*c&&(a=2*c);b.style.top=this.top+"px";b.style.left=d+"px";b.style.width=Math.max(a-d,1)+"px"}};links.Timeline.ItemFloatingRange.prototype.isVisible=function(a,b){return this.cluster?!1:this.end&&this.start?this.end>a&&this.start<b:this.start?this.start<b:this.end?this.end>a:!0};
+links.Timeline.ItemFloatingRange.prototype.setPosition=function(a,b){var c=this.dom;c.style.left=a+"px";c.style.width=b-a+"px";if(this.group)this.top=this.group.top,c.style.top=this.top+"px"};links.Timeline.ItemFloatingRange.prototype.getLeft=function(a){return this.start?a.timeToScreen(this.start):0};links.Timeline.ItemFloatingRange.prototype.getRight=function(a){return this.end?a.timeToScreen(this.end):a.size.contentWidth};
+links.Timeline.ItemFloatingRange.prototype.getWidth=function(a){return this.getRight(a)-this.getLeft(a)};links.Timeline.ItemDot=function(a,b){links.Timeline.Item.call(this,a,b)};links.Timeline.ItemDot.prototype=new links.Timeline.Item;links.Timeline.ItemDot.prototype.reflow=function(){var a=this.dom,b=a.dot.offsetHeight,c=a.dot.offsetWidth,a=a.content.offsetHeight,d=this.dotHeight!=b||this.dotWidth!=c||this.contentHeight!=a;this.dotHeight=b;this.dotWidth=c;this.contentHeight=a;return d};
+links.Timeline.ItemDot.prototype.select=function(){links.Timeline.addClassName(this.dom,"timeline-event-selected ui-state-active")};links.Timeline.ItemDot.prototype.unselect=function(){links.Timeline.removeClassName(this.dom,"timeline-event-selected ui-state-active")};
+links.Timeline.ItemDot.prototype.createDOM=function(){var a=document.createElement("DIV");a.style.position="absolute";var b=document.createElement("DIV");b.className="timeline-event-content";a.appendChild(b);var c=document.createElement("DIV");c.style.position="absolute";c.style.width="0px";c.style.height="0px";a.appendChild(c);a.content=b;a.dot=c;this.dom=a;this.updateDOM();return a};
+links.Timeline.ItemDot.prototype.showDOM=function(a){var b=this.dom;b||(b=this.createDOM());if(b.parentNode!=a)b.parentNode&&this.hideDOM(),a.appendChild(b),this.rendered=!0};links.Timeline.ItemDot.prototype.hideDOM=function(){var a=this.dom;if(a)a.parentNode&&a.parentNode.removeChild(a),this.rendered=!1};
+links.Timeline.ItemDot.prototype.updateDOM=function(){if(this.dom){var a=this.dom,b=a.dot;a.firstChild.innerHTML=this.content;a.className="timeline-event-dot-container";b.className="timeline-event timeline-event-dot ui-widget ui-state-default";this.isCluster&&(links.Timeline.addClassName(a,"timeline-event-cluster ui-widget-header"),links.Timeline.addClassName(b,"timeline-event-cluster ui-widget-header"));this.className&&(links.Timeline.addClassName(a,this.className),links.Timeline.addClassName(b,
+this.className))}};links.Timeline.ItemDot.prototype.updatePosition=function(a){var b=this.dom;if(b)a=a.timeToScreen(this.start),b.style.top=this.top+"px",b.style.left=a-this.dotWidth/2+"px",b.content.style.marginLeft=1.5*this.dotWidth+"px",b.dot.style.top=(this.height-this.dotHeight)/2+"px"};links.Timeline.ItemDot.prototype.isVisible=function(a,b){return this.cluster?!1:this.start>a&&this.start<b};
+links.Timeline.ItemDot.prototype.setPosition=function(a){var b=this.dom;b.style.left=a-this.dotWidth/2+"px";if(this.group)this.top=this.group.top,b.style.top=this.top+"px"};links.Timeline.ItemDot.prototype.getLeft=function(a){return a.timeToScreen(this.start)};links.Timeline.ItemDot.prototype.getRight=function(a){return a.timeToScreen(this.start)+this.width};
+links.Timeline.prototype.getItem=function(a){if(a>=this.items.length)throw"Cannot get item, index out of range";var b=this.data;if(google&&google.visualization&&b instanceof google.visualization.DataTable){var c=links.Timeline.mapColumnIds(b),b={},d;for(d in c)c.hasOwnProperty(d)&&(b[d]=this.data.getValue(a,c[d]))}else if(links.Timeline.isArray(this.data))b=links.Timeline.clone(this.data[a]);else throw"Unknown data type. DataTable or Array expected.";a=this.items[a];b.start=new Date(a.start.valueOf());
+if(a.end)b.end=new Date(a.end.valueOf());b.content=a.content;if(a.group)b.group=this.getGroupName(a.group);if(a.className)b.className=a.className;if(typeof a.editable!=="undefined")b.editable=a.editable;if(a.type)b.type=a.type;return b};
+links.Timeline.prototype.getCluster=function(a){if(a>=this.clusters.length)throw"Cannot get cluster, index out of range";var b={},c=this.clusters[a],a=c.items;b.start=new Date(c.start.valueOf());if(c.type)b.type=c.type;b.items=[];for(c=0;c<a.length;c++)for(var d=0;d<this.items.length;d++)if(this.items[d]==a[c]){b.items.push(this.getItem(d));break}return b};links.Timeline.prototype.addItem=function(a,b){this.addItems([a],b)};
+links.Timeline.prototype.addItems=function(a,b){var c=this,d=this.items;a.forEach(function(a){var b=d.length;d.push(c.createItem(a));c.updateData(b,a)});this.options.cluster&&this.clusterGenerator.updateData();b||this.render({animate:!1})};
+links.Timeline.prototype.createItem=function(a){var b=a.type||(a.end?"range":this.options.style),c=links.Timeline.clone(a);c.type=b;c.group=this.getGroup(a.group);a=this.options;a=a.axisOnTop?this.size.axis.height+a.eventMarginAxis+a.eventMargin/2:this.size.contentHeight-a.eventMarginAxis-a.eventMargin/2;if(b in this.itemTypes)return new this.itemTypes[b](c,{top:a});console.log('ERROR: Unknown event type "'+b+'"');return new links.Timeline.Item(c,{top:a})};
+links.Timeline.prototype.changeItem=function(a,b,c){var d=this.items[a];if(!d)throw"Cannot change item, index out of range";var e=this.createItem({start:b.hasOwnProperty("start")?b.start:d.start,end:b.hasOwnProperty("end")?b.end:d.end,content:b.hasOwnProperty("content")?b.content:d.content,group:b.hasOwnProperty("group")?b.group:this.getGroupName(d.group),className:b.hasOwnProperty("className")?b.className:d.className,editable:b.hasOwnProperty("editable")?b.editable:d.editable,type:b.hasOwnProperty("type")?
+b.type:d.type});this.items[a]=e;this.renderQueue.hide.push(d);this.renderQueue.show.push(e);this.updateData(a,b);this.options.cluster&&this.clusterGenerator.updateData();c||(this.render({animate:!1}),this.selection&&this.selection.index==a&&e.select())};links.Timeline.prototype.deleteGroups=function(){this.groups=[];this.groupIndexes={}};
+links.Timeline.prototype.getGroup=function(a){var b=this.groups,c=this.groupIndexes,d=void 0,d=c[a];if(d==void 0&&a!=void 0){d={content:a,labelTop:0,lineTop:0};b.push(d);this.options.groupsOrder==!0?b=b.sort(function(a,b){return a.content>b.content?1:a.content<b.content?-1:0}):typeof this.options.groupsOrder=="function"&&(b=b.sort(this.options.groupsOrder));for(var a=0,e=b.length;a<e;a++)c[b[a].content]=a}else d=b[d];return d};links.Timeline.prototype.getGroupName=function(a){return a?a.content:void 0};
+links.Timeline.prototype.cancelChange=function(){this.applyChange=!1};links.Timeline.prototype.cancelDelete=function(){this.applyDelete=!1};links.Timeline.prototype.cancelAdd=function(){this.applyAdd=!1};
+links.Timeline.prototype.setSelection=function(a){if(a!=void 0&&a.length>0){if(a[0].row!=void 0){var b=a[0].row;if(this.items[b])return a=this.items[b],this.selectItem(b),b=a.start,a=a.end,a=a!=void 0?(a.valueOf()+b.valueOf())/2:b.valueOf(),b=this.end.valueOf()-this.start.valueOf(),this.setVisibleChartRange(new Date(a-b/2),new Date(a+b/2)),!0}}else this.unselectItem();return!1};
+links.Timeline.prototype.getSelection=function(){var a=[];this.selection&&(this.selection.index!==void 0?a.push({row:this.selection.index}):a.push({cluster:this.selection.cluster}));return a};links.Timeline.prototype.selectItem=function(a){this.unselectItem();this.selection=void 0;if(this.items[a]!=void 0){var b=this.items[a];this.selection={index:a};if(b&&b.dom){if(this.isEditable(b))b.dom.style.cursor="move";b.select()}this.repaintDeleteButton();this.repaintDragAreas()}};
+links.Timeline.prototype.selectCluster=function(a){this.unselectItem();this.selection=void 0;if(this.clusters[a]!=void 0)this.selection={cluster:a},this.repaintDeleteButton(),this.repaintDragAreas()};links.Timeline.prototype.isSelected=function(a){return this.selection&&this.selection.index==a};
+links.Timeline.prototype.unselectItem=function(){if(this.selection&&this.selection.index!==void 0){var a=this.items[this.selection.index];if(a&&a.dom)a.dom.style.cursor="",a.unselect();this.selection=void 0;this.repaintDeleteButton();this.repaintDragAreas()}};
+links.Timeline.prototype.stackItems=function(a){a==void 0&&(a=!1);var b=this.stack;if(!b)this.stack=b={};b.sortedItems=this.stackOrder(this.renderedItems);b.finalItems=this.stackCalculateFinal(b.sortedItems);if(a||b.timer){var c=this,d=function(){var a=c.stackMoveOneStep(b.sortedItems,b.finalItems);c.repaint();a?delete b.timer:b.timer=setTimeout(d,30)};if(!b.timer)b.timer=setTimeout(d,30)}else this.stackMoveToFinal(b.sortedItems,b.finalItems)};
+links.Timeline.prototype.stackCancelAnimation=function(){this.stack&&this.stack.timer&&(clearTimeout(this.stack.timer),delete this.stack.timer)};links.Timeline.prototype.getItemsByGroup=function(a){for(var b={},c=0;c<a.length;++c){var d=a[c],e="undefined";d.group&&(e=d.group.content?d.group.content:d.group);b[e]||(b[e]=[]);b[e].push(d)}return b};
+links.Timeline.prototype.stackOrder=function(a){a=a.concat([]);a.sort(this.options.customStackOrder&&typeof this.options.customStackOrder==="function"?this.options.customStackOrder:function(a,c){return(a instanceof links.Timeline.ItemRange||a instanceof links.Timeline.ItemFloatingRange)&&!(c instanceof links.Timeline.ItemRange||c instanceof links.Timeline.ItemFloatingRange)?-1:!(a instanceof links.Timeline.ItemRange||a instanceof links.Timeline.ItemFloatingRange)&&(c instanceof links.Timeline.ItemRange||
+c instanceof links.Timeline.ItemFloatingRange)?1:a.left-c.left});return a};
+links.Timeline.prototype.stackCalculateFinal=function(a){var b=this.size,c=this.options,d=c.axisOnTop,e=c.eventMargin,f=c.eventMarginAxis,b=d?b.axis.height+f+e/2:b.contentHeight-f-e/2,g=[],a=this.getItemsByGroup(a);for(j=0;j<this.groups.length;++j){var h=this.groups[j];a[h.content]?(f=this.finalItemsPosition(a[h.content],b,h),f.forEach(function(a){g.push(a)}),d?b+=h.itemsHeight+e:b-=h.itemsHeight+e):d?b+=c.groupMinHeight+e:b-=c.groupMinHeight+e}a.undefined&&(f=this.finalItemsPosition(a.undefined,
+b),f.forEach(function(a){g.push(a)}));return g};
+links.Timeline.prototype.finalItemsPosition=function(a,b,c){var d,e=this.options,f=e.axisOnTop,e=e.eventMargin,g;g=this.initialItemsPosition(a,b);for(a=0,d=g.length;a<d;a++){var h=g[a],i=null;if(this.options.stackEvents){do if(i=this.stackItemsCheckOverlap(g,a,0,a-1),i!=null)h.top=f?i.top+i.height+e:i.top-h.height-e,h.bottom=h.top+h.height;while(i)}if(c)c.itemsHeight=f?c.itemsHeight?Math.max(c.itemsHeight,h.bottom-b):h.height+e:c.itemsHeight?Math.max(c.itemsHeight,b-h.top):h.height+e}return g};
+links.Timeline.prototype.initialItemsPosition=function(a,b){for(var c=this.options.axisOnTop,d=[],e=0,f=a.length;e<f;++e){var g=a[e],h,i=g.height;h=g.getWidth(this);var k=g.getRight(this),m=k-h;h=c?b:b-i;d.push({left:m,top:h,right:k,bottom:h+i,height:i,item:g})}return d};
+links.Timeline.prototype.stackMoveOneStep=function(a,b){for(var c=!0,d=0,e=b.length;d<e;d++){var f=b[d],g=f.item,h=parseInt(g.top),i=parseInt(f.top),k=i-h;if(k){var m=i==h?0:i>h?1:-1;Math.abs(k)>4&&(m=k/4);h=parseInt(h+m);h!=i&&(c=!1);g.top=h;g.bottom=g.top+g.height}else g.top=f.top,g.bottom=f.bottom;g.left=f.left;g.right=f.right}return c};
+links.Timeline.prototype.stackMoveToFinal=function(a,b){for(var c=0,d=b.length;c<d;c++){var e=b[c],f=e.item;f.left=e.left;f.top=e.top;f.right=e.right;f.bottom=e.bottom}};links.Timeline.prototype.stackItemsCheckOverlap=function(a,b,c,d){for(var e=this.options.eventMargin,f=this.collision,g=a[b];d>=c;d--){var h=a[d];if(f(g,h,e)&&d!=b)return h}};links.Timeline.prototype.collision=function(a,b,c){c==void 0&&(c=0);return a.left-c<b.right&&a.right+c>b.left&&a.top-c<b.bottom&&a.bottom+c>b.top};
+links.Timeline.prototype.trigger=function(a){var b=null;switch(a){case "rangechange":case "rangechanged":b={start:new Date(this.start.valueOf()),end:new Date(this.end.valueOf())};break;case "timechange":case "timechanged":b={time:new Date(this.customTime.valueOf())}}links.events.trigger(this,a,b);google&&google.visualization&&google.visualization.events.trigger(this,a,b)};
+links.Timeline.prototype.clusterItems=function(){if(this.options.cluster){var a=this.clusterGenerator.getClusters(this.conversion.factor,this.options.clusterMaxItems);if(this.clusters!=a){var b=this.renderQueue;this.clusters&&this.clusters.forEach(function(a){b.hide.push(a);a.items.forEach(function(a){a.cluster=void 0})});a.forEach(function(a){a.items.forEach(function(b){b.cluster=a})});this.clusters=a}}};
+links.Timeline.prototype.filterItems=function(){function a(a){a.forEach(function(a){var c=a.rendered,f=a.isVisible(d,e);c!=f&&(c&&b.hide.push(a),f&&b.show.indexOf(a)==-1&&b.show.push(a))})}var b=this.renderQueue,c=this.end-this.start,d=new Date(this.start.valueOf()-c),e=new Date(this.end.valueOf()+c);a(this.items);this.clusters&&a(this.clusters)};links.Timeline.ClusterGenerator=function(a){this.timeline=a;this.clear()};
+links.Timeline.ClusterGenerator.prototype.clear=function(){this.items=[];this.groups={};this.clearCache()};links.Timeline.ClusterGenerator.prototype.clearCache=function(){this.cache={};this.cacheLevel=-1;this.cache[this.cacheLevel]=[]};links.Timeline.ClusterGenerator.prototype.setData=function(a,b){this.items=a||[];this.applyOnChangedLevel=this.dataChanged=!0;if(b&&b.applyOnChangedLevel)this.applyOnChangedLevel=b.applyOnChangedLevel};
+links.Timeline.ClusterGenerator.prototype.updateData=function(){this.dataChanged=!0;this.applyOnChangedLevel=!1};links.Timeline.ClusterGenerator.prototype.filterData=function(){var a=this.items||[],b={};this.groups=b;a.forEach(function(a){var c=a.group?a.group.content:"",f=b[c];f||(f=[],b[c]=f);f.push(a);if(a.start)a.center=a.end?(a.start.valueOf()+a.end.valueOf())/2:a.start.valueOf()});for(var c in b)b.hasOwnProperty(c)&&b[c].sort(function(a,b){return a.center-b.center});this.dataChanged=!1};
+links.Timeline.ClusterGenerator.prototype.getClusters=function(a,b){var c=-1,d=0;a>0&&(c=Math.round(Math.log(100/a)/Math.log(2)),d=Math.pow(2,c));if(this.dataChanged){var e=c!=this.cacheLevel;if(this.applyOnChangedLevel?e:1)this.clearCache(),this.filterData()}this.cacheLevel=c;e=this.cache[c];if(!e){var e=[],f;for(f in this.groups)if(this.groups.hasOwnProperty(f))for(var g=this.groups[f],h=g.length,i=0;i<h;){for(var k=g[i],m=1,l=i-1;l>=0&&k.center-g[l].center<d/2;)g[l].cluster||m++,l--;for(l=i+1;l<
+g.length&&g[l].center-k.center<d/2;)m++,l++;for(l=e.length-1;l>=0&&k.center-e[l].center<d/2;)k.group==e[l].group&&m++,l--;if(m>b){for(var m=m-b+1,l=[],s=void 0,q=void 0,o=void 0,p=!1,n=0,u=i;l.length<m&&u<g.length;){var r=g[u],v=r.start.valueOf(),w=r.end?r.end.valueOf():r.start.valueOf();l.push(r);s=n?n/(n+1)*s+1/(n+1)*r.center:r.center;q=q!=void 0?Math.min(q,v):v;o=o!=void 0?Math.max(o,w):w;p=p||r instanceof links.Timeline.ItemRange||r instanceof links.Timeline.ItemFloatingRange;n++;u++}var t,n=
+'<div title="'+("Cluster containing "+n+" events. Zoom in to see the individual events.")+'">'+n+" events</div>",k=k.group?k.group.content:void 0;t=p?this.timeline.createItem({start:new Date(q),end:new Date(o),content:n,group:k}):this.timeline.createItem({start:new Date(s),content:n,group:k});t.isCluster=!0;t.items=l;t.items.forEach(function(a){a.cluster=t});e.push(t);i+=m}else delete k.cluster,i+=1}this.cache[c]=e}return e};
+links.events=links.events||{listeners:[],indexOf:function(a){for(var b=this.listeners,c=0,d=this.listeners.length;c<d;c++){var e=b[c];if(e&&e.object==a)return c}return-1},addListener:function(a,b,c){var d=this.listeners[this.indexOf(a)];d||(d={object:a,events:{}},this.listeners.push(d));a=d.events[b];a||(a=[],d.events[b]=a);a.indexOf(c)==-1&&a.push(c)},removeListener:function(a,b,c){var a=this.indexOf(a),d=this.listeners[a];if(d){var e=d.events[b];e&&(a=e.indexOf(c),a!=-1&&e.splice(a,1),e.length==
+0&&delete d.events[b]);var b=0,c=d.events,f;for(f in c)c.hasOwnProperty(f)&&b++;b==0&&delete this.listeners[a]}},removeAllListeners:function(){this.listeners=[]},trigger:function(a,b,c){if(a=this.listeners[this.indexOf(a)])if(b=a.events[b])for(var a=0,d=b.length;a<d;a++)b[a](c)}};links.Timeline.StepDate=function(a,b,c){this.current=new Date;this._start=new Date;this._end=new Date;this.autoScale=!0;this.scale=links.Timeline.StepDate.SCALE.DAY;this.step=1;this.setRange(a,b,c)};
+links.Timeline.StepDate.SCALE={MILLISECOND:1,SECOND:2,MINUTE:3,HOUR:4,DAY:5,WEEKDAY:6,MONTH:7,YEAR:8};links.Timeline.StepDate.prototype.setRange=function(a,b,c){if(a instanceof Date&&b instanceof Date)this._start=a!=void 0?new Date(a.valueOf()):new Date,this._end=b!=void 0?new Date(b.valueOf()):new Date,this.autoScale&&this.setMinimumStep(c)};links.Timeline.StepDate.prototype.start=function(){this.current=new Date(this._start.valueOf());this.roundToMinor()};
+links.Timeline.StepDate.prototype.roundToMinor=function(){switch(this.scale){case links.Timeline.StepDate.SCALE.YEAR:this.current.setFullYear(this.step*Math.floor(this.current.getFullYear()/this.step)),this.current.setMonth(0);case links.Timeline.StepDate.SCALE.MONTH:this.current.setDate(1);case links.Timeline.StepDate.SCALE.DAY:case links.Timeline.StepDate.SCALE.WEEKDAY:this.current.setHours(0);case links.Timeline.StepDate.SCALE.HOUR:this.current.setMinutes(0);case links.Timeline.StepDate.SCALE.MINUTE:this.current.setSeconds(0);
+case links.Timeline.StepDate.SCALE.SECOND:this.current.setMilliseconds(0)}if(this.step!=1)switch(this.scale){case links.Timeline.StepDate.SCALE.MILLISECOND:this.current.setMilliseconds(this.current.getMilliseconds()-this.current.getMilliseconds()%this.step);break;case links.Timeline.StepDate.SCALE.SECOND:this.current.setSeconds(this.current.getSeconds()-this.current.getSeconds()%this.step);break;case links.Timeline.StepDate.SCALE.MINUTE:this.current.setMinutes(this.current.getMinutes()-this.current.getMinutes()%
+this.step);break;case links.Timeline.StepDate.SCALE.HOUR:this.current.setHours(this.current.getHours()-this.current.getHours()%this.step);break;case links.Timeline.StepDate.SCALE.WEEKDAY:case links.Timeline.StepDate.SCALE.DAY:this.current.setDate(this.current.getDate()-1-(this.current.getDate()-1)%this.step+1);break;case links.Timeline.StepDate.SCALE.MONTH:this.current.setMonth(this.current.getMonth()-this.current.getMonth()%this.step);break;case links.Timeline.StepDate.SCALE.YEAR:this.current.setFullYear(this.current.getFullYear()-
+this.current.getFullYear()%this.step)}};links.Timeline.StepDate.prototype.end=function(){return this.current.valueOf()>this._end.valueOf()};
+links.Timeline.StepDate.prototype.next=function(){var a=this.current.valueOf();if(this.current.getMonth()<6)switch(this.scale){case links.Timeline.StepDate.SCALE.MILLISECOND:this.current=new Date(this.current.valueOf()+this.step);break;case links.Timeline.StepDate.SCALE.SECOND:this.current=new Date(this.current.valueOf()+this.step*1E3);break;case links.Timeline.StepDate.SCALE.MINUTE:this.current=new Date(this.current.valueOf()+this.step*6E4);break;case links.Timeline.StepDate.SCALE.HOUR:this.current=
+new Date(this.current.valueOf()+this.step*36E5);var b=this.current.getHours();this.current.setHours(b-b%this.step);break;case links.Timeline.StepDate.SCALE.WEEKDAY:case links.Timeline.StepDate.SCALE.DAY:this.current.setDate(this.current.getDate()+this.step);break;case links.Timeline.StepDate.SCALE.MONTH:this.current.setMonth(this.current.getMonth()+this.step);break;case links.Timeline.StepDate.SCALE.YEAR:this.current.setFullYear(this.current.getFullYear()+this.step)}else switch(this.scale){case links.Timeline.StepDate.SCALE.MILLISECOND:this.current=
+new Date(this.current.valueOf()+this.step);break;case links.Timeline.StepDate.SCALE.SECOND:this.current.setSeconds(this.current.getSeconds()+this.step);break;case links.Timeline.StepDate.SCALE.MINUTE:this.current.setMinutes(this.current.getMinutes()+this.step);break;case links.Timeline.StepDate.SCALE.HOUR:this.current.setHours(this.current.getHours()+this.step);break;case links.Timeline.StepDate.SCALE.WEEKDAY:case links.Timeline.StepDate.SCALE.DAY:this.current.setDate(this.current.getDate()+this.step);
+break;case links.Timeline.StepDate.SCALE.MONTH:this.current.setMonth(this.current.getMonth()+this.step);break;case links.Timeline.StepDate.SCALE.YEAR:this.current.setFullYear(this.current.getFullYear()+this.step)}if(this.step!=1)switch(this.scale){case links.Timeline.StepDate.SCALE.MILLISECOND:this.current.getMilliseconds()<this.step&&this.current.setMilliseconds(0);break;case links.Timeline.StepDate.SCALE.SECOND:this.current.getSeconds()<this.step&&this.current.setSeconds(0);break;case links.Timeline.StepDate.SCALE.MINUTE:this.current.getMinutes()<
+this.step&&this.current.setMinutes(0);break;case links.Timeline.StepDate.SCALE.HOUR:this.current.getHours()<this.step&&this.current.setHours(0);break;case links.Timeline.StepDate.SCALE.WEEKDAY:case links.Timeline.StepDate.SCALE.DAY:this.current.getDate()<this.step+1&&this.current.setDate(1);break;case links.Timeline.StepDate.SCALE.MONTH:this.current.getMonth()<this.step&&this.current.setMonth(0)}if(this.current.valueOf()==a)this.current=new Date(this._end.valueOf())};
+links.Timeline.StepDate.prototype.getCurrent=function(){return this.current};links.Timeline.StepDate.prototype.setScale=function(a,b){this.scale=a;if(b>0)this.step=b;this.autoScale=!1};links.Timeline.StepDate.prototype.setAutoScale=function(a){this.autoScale=a};
+links.Timeline.StepDate.prototype.setMinimumStep=function(a){if(a!=void 0){if(31104E9>a)this.scale=links.Timeline.StepDate.SCALE.YEAR,this.step=1E3;if(15552E9>a)this.scale=links.Timeline.StepDate.SCALE.YEAR,this.step=500;if(31104E8>a)this.scale=links.Timeline.StepDate.SCALE.YEAR,this.step=100;if(15552E8>a)this.scale=links.Timeline.StepDate.SCALE.YEAR,this.step=50;if(31104E7>a)this.scale=links.Timeline.StepDate.SCALE.YEAR,this.step=10;if(15552E7>a)this.scale=links.Timeline.StepDate.SCALE.YEAR,this.step=
+5;if(31104E6>a)this.scale=links.Timeline.StepDate.SCALE.YEAR,this.step=1;if(7776E6>a)this.scale=links.Timeline.StepDate.SCALE.MONTH,this.step=3;if(2592E6>a)this.scale=links.Timeline.StepDate.SCALE.MONTH,this.step=1;if(432E6>a)this.scale=links.Timeline.StepDate.SCALE.DAY,this.step=5;if(1728E5>a)this.scale=links.Timeline.StepDate.SCALE.DAY,this.step=2;if(864E5>a)this.scale=links.Timeline.StepDate.SCALE.DAY,this.step=1;if(432E5>a)this.scale=links.Timeline.StepDate.SCALE.WEEKDAY,this.step=1;if(144E5>
+a)this.scale=links.Timeline.StepDate.SCALE.HOUR,this.step=4;if(36E5>a)this.scale=links.Timeline.StepDate.SCALE.HOUR,this.step=1;if(9E5>a)this.scale=links.Timeline.StepDate.SCALE.MINUTE,this.step=15;if(6E5>a)this.scale=links.Timeline.StepDate.SCALE.MINUTE,this.step=10;if(3E5>a)this.scale=links.Timeline.StepDate.SCALE.MINUTE,this.step=5;if(6E4>a)this.scale=links.Timeline.StepDate.SCALE.MINUTE,this.step=1;if(15E3>a)this.scale=links.Timeline.StepDate.SCALE.SECOND,this.step=15;if(1E4>a)this.scale=links.Timeline.StepDate.SCALE.SECOND,
+this.step=10;if(5E3>a)this.scale=links.Timeline.StepDate.SCALE.SECOND,this.step=5;if(1E3>a)this.scale=links.Timeline.StepDate.SCALE.SECOND,this.step=1;if(200>a)this.scale=links.Timeline.StepDate.SCALE.MILLISECOND,this.step=200;if(100>a)this.scale=links.Timeline.StepDate.SCALE.MILLISECOND,this.step=100;if(50>a)this.scale=links.Timeline.StepDate.SCALE.MILLISECOND,this.step=50;if(10>a)this.scale=links.Timeline.StepDate.SCALE.MILLISECOND,this.step=10;if(5>a)this.scale=links.Timeline.StepDate.SCALE.MILLISECOND,
+this.step=5;if(1>a)this.scale=links.Timeline.StepDate.SCALE.MILLISECOND,this.step=1}};
+links.Timeline.StepDate.prototype.snap=function(a){if(this.scale==links.Timeline.StepDate.SCALE.YEAR){var b=a.getFullYear()+Math.round(a.getMonth()/12);a.setFullYear(Math.round(b/this.step)*this.step);a.setMonth(0);a.setDate(0);a.setHours(0);a.setMinutes(0);a.setSeconds(0);a.setMilliseconds(0)}else if(this.scale==links.Timeline.StepDate.SCALE.MONTH)a.getDate()>15?(a.setDate(1),a.setMonth(a.getMonth()+1)):a.setDate(1),a.setHours(0),a.setMinutes(0),a.setSeconds(0),a.setMilliseconds(0);else if(this.scale==
+links.Timeline.StepDate.SCALE.DAY||this.scale==links.Timeline.StepDate.SCALE.WEEKDAY){switch(this.step){case 5:case 2:a.setHours(Math.round(a.getHours()/24)*24);break;default:a.setHours(Math.round(a.getHours()/12)*12)}a.setMinutes(0);a.setSeconds(0);a.setMilliseconds(0)}else if(this.scale==links.Timeline.StepDate.SCALE.HOUR){switch(this.step){case 4:a.setMinutes(Math.round(a.getMinutes()/60)*60);break;default:a.setMinutes(Math.round(a.getMinutes()/30)*30)}a.setSeconds(0);a.setMilliseconds(0)}else if(this.scale==
+links.Timeline.StepDate.SCALE.MINUTE){switch(this.step){case 15:case 10:a.setMinutes(Math.round(a.getMinutes()/5)*5);a.setSeconds(0);break;case 5:a.setSeconds(Math.round(a.getSeconds()/60)*60);break;default:a.setSeconds(Math.round(a.getSeconds()/30)*30)}a.setMilliseconds(0)}else if(this.scale==links.Timeline.StepDate.SCALE.SECOND)switch(this.step){case 15:case 10:a.setSeconds(Math.round(a.getSeconds()/5)*5);a.setMilliseconds(0);break;case 5:a.setMilliseconds(Math.round(a.getMilliseconds()/1E3)*1E3);
+break;default:a.setMilliseconds(Math.round(a.getMilliseconds()/500)*500)}else this.scale==links.Timeline.StepDate.SCALE.MILLISECOND&&(b=this.step>5?this.step/2:1,a.setMilliseconds(Math.round(a.getMilliseconds()/b)*b))};
+links.Timeline.StepDate.prototype.isMajor=function(){switch(this.scale){case links.Timeline.StepDate.SCALE.MILLISECOND:return this.current.getMilliseconds()==0;case links.Timeline.StepDate.SCALE.SECOND:return this.current.getSeconds()==0;case links.Timeline.StepDate.SCALE.MINUTE:return this.current.getHours()==0&&this.current.getMinutes()==0;case links.Timeline.StepDate.SCALE.HOUR:return this.current.getHours()==0;case links.Timeline.StepDate.SCALE.WEEKDAY:case links.Timeline.StepDate.SCALE.DAY:return this.current.getDate()==
+1;case links.Timeline.StepDate.SCALE.MONTH:return this.current.getMonth()==0;case links.Timeline.StepDate.SCALE.YEAR:return!1;default:return!1}};
+links.Timeline.StepDate.prototype.getLabelMinor=function(a,b){if(b==void 0)b=this.current;switch(this.scale){case links.Timeline.StepDate.SCALE.MILLISECOND:return String(b.getMilliseconds());case links.Timeline.StepDate.SCALE.SECOND:return String(b.getSeconds());case links.Timeline.StepDate.SCALE.MINUTE:return this.addZeros(b.getHours(),2)+":"+this.addZeros(b.getMinutes(),2);case links.Timeline.StepDate.SCALE.HOUR:return this.addZeros(b.getHours(),2)+":"+this.addZeros(b.getMinutes(),2);case links.Timeline.StepDate.SCALE.WEEKDAY:return a.DAYS_SHORT[b.getDay()]+
+" "+b.getDate();case links.Timeline.StepDate.SCALE.DAY:return String(b.getDate());case links.Timeline.StepDate.SCALE.MONTH:return a.MONTHS_SHORT[b.getMonth()];case links.Timeline.StepDate.SCALE.YEAR:return String(b.getFullYear());default:return""}};
+links.Timeline.StepDate.prototype.getLabelMajor=function(a,b){if(b==void 0)b=this.current;switch(this.scale){case links.Timeline.StepDate.SCALE.MILLISECOND:return this.addZeros(b.getHours(),2)+":"+this.addZeros(b.getMinutes(),2)+":"+this.addZeros(b.getSeconds(),2);case links.Timeline.StepDate.SCALE.SECOND:return b.getDate()+" "+a.MONTHS[b.getMonth()]+" "+this.addZeros(b.getHours(),2)+":"+this.addZeros(b.getMinutes(),2);case links.Timeline.StepDate.SCALE.MINUTE:return a.DAYS[b.getDay()]+" "+b.getDate()+
+" "+a.MONTHS[b.getMonth()]+" "+b.getFullYear();case links.Timeline.StepDate.SCALE.HOUR:return a.DAYS[b.getDay()]+" "+b.getDate()+" "+a.MONTHS[b.getMonth()]+" "+b.getFullYear();case links.Timeline.StepDate.SCALE.WEEKDAY:case links.Timeline.StepDate.SCALE.DAY:return a.MONTHS[b.getMonth()]+" "+b.getFullYear();case links.Timeline.StepDate.SCALE.MONTH:return String(b.getFullYear());default:return""}};links.Timeline.StepDate.prototype.addZeros=function(a,b){for(var c=""+a;c.length<b;)c="0"+c;return c};
+links.imageloader=function(){function a(a){if(e[a]==!0)return!0;var b=new Image;b.src=a;return b.complete?!0:!1}function b(a){return f[a]!=void 0}function c(c,d,i){i==void 0&&(i=!0);if(a(c))i&&d(c);else if(!b(c)||i){var k=f[c];if(!k)i=new Image,i.src=c,k=[],f[c]=k,i.onload=function(){e[c]=!0;delete f[c];for(var a=0;a<k.length;a++)k[a](c)};k.indexOf(d)==-1&&k.push(d)}}function d(a,b){for(var c=a.firstChild;c;){if(c.tagName=="IMG"){var e=c.src;b.indexOf(e)==-1&&b.push(e)}d(c,b);c=c.nextSibling}}var e=
+{},f={};return{isLoaded:a,isLoading:b,load:c,loadAll:function(b,d,e){var f=[];b.forEach(function(b){a(b)||f.push(b)});if(f.length){var m=f.length;f.forEach(function(a){c(a,function(){m--;m==0&&d()},e)})}else e&&d()},filterImageUrls:d}}();links.Timeline.addEventListener=function(a,b,c,d){a.addEventListener?(d===void 0&&(d=!1),b==="mousewheel"&&navigator.userAgent.indexOf("Firefox")>=0&&(b="DOMMouseScroll"),a.addEventListener(b,c,d)):a.attachEvent("on"+b,c)};
+links.Timeline.removeEventListener=function(a,b,c,d){a.removeEventListener?(d===void 0&&(d=!1),b==="mousewheel"&&navigator.userAgent.indexOf("Firefox")>=0&&(b="DOMMouseScroll"),a.removeEventListener(b,c,d)):a.detachEvent("on"+b,c)};links.Timeline.getTarget=function(a){if(!a)a=window.event;var b;if(a.target)b=a.target;else if(a.srcElement)b=a.srcElement;if(b.nodeType!=void 0&&b.nodeType==3)b=b.parentNode;return b};
+links.Timeline.stopPropagation=function(a){if(!a)a=window.event;a.stopPropagation?a.stopPropagation():a.cancelBubble=!0};links.Timeline.preventDefault=function(a){if(!a)a=window.event;a.preventDefault?a.preventDefault():a.returnValue=!1};links.Timeline.getAbsoluteLeft=function(a){for(var b=document.documentElement,c=document.body,d=a.offsetLeft,a=a.offsetParent;a!=null&&a!=c&&a!=b;)d+=a.offsetLeft,d-=a.scrollLeft,a=a.offsetParent;return d};
+links.Timeline.getAbsoluteTop=function(a){for(var b=document.documentElement,c=document.body,d=a.offsetTop,a=a.offsetParent;a!=null&&a!=c&&a!=b;)d+=a.offsetTop,d-=a.scrollTop,a=a.offsetParent;return d};links.Timeline.getPageY=function(a){"targetTouches"in a&&a.targetTouches.length&&(a=a.targetTouches[0]);if("pageY"in a)return a.pageY;var b=document.documentElement,c=document.body;return a.clientY+(b&&b.scrollTop||c&&c.scrollTop||0)-(b&&b.clientTop||c&&c.clientTop||0)};
+links.Timeline.getPageX=function(a){"targetTouches"in a&&a.targetTouches.length&&(a=a.targetTouches[0]);if("pageX"in a)return a.pageX;var b=document.documentElement,c=document.body;return a.clientX+(b&&b.scrollLeft||c&&c.scrollLeft||0)-(b&&b.clientLeft||c&&c.clientLeft||0)};links.Timeline.addClassName=function(a,b){for(var c=a.className.split(" "),d=b.split(" "),e=!1,f=0;f<d.length;f++)c.indexOf(d[f])==-1&&(c.push(d[f]),e=!0);if(e)a.className=c.join(" ")};
+links.Timeline.removeClassName=function(a,b){for(var c=a.className.split(" "),d=b.split(" "),e=!1,f=0;f<d.length;f++){var g=c.indexOf(d[f]);g!=-1&&(c.splice(g,1),e=!0)}if(e)a.className=c.join(" ")};links.Timeline.isArray=function(a){return a instanceof Array?!0:Object.prototype.toString.call(a)==="[object Array]"};links.Timeline.clone=function(a){var b={},c;for(c in a)a.hasOwnProperty(c)&&(b[c]=a[c]);return b};
+links.Timeline.parseJSONDate=function(a){if(a!=void 0){if(a instanceof Date)return a;var b=a.match(/\/Date\((-?\d+)([-\+]?\d{2})?(\d{2})?\)\//i);return b?(a=b[2]?36E5*b[2]+6E4*b[3]*(b[2]/Math.abs(b[2])):0,new Date(1*b[1]+a)):Date.parse(a)}};
diff --git a/GoogleChartsNGraphsControls/GVI/CHAP/timeline-theme.css b/GoogleChartsNGraphsControls/GVI/CHAP/timeline-theme.css
new file mode 100644
index 0000000..ad3985a
--- /dev/null
+++ b/GoogleChartsNGraphsControls/GVI/CHAP/timeline-theme.css
@@ -0,0 +1,157 @@
+div.timeline-frame {
+    position: relative;
+    overflow: hidden;
+}
+
+div.timeline-content {
+    position: relative;
+    overflow: hidden;
+}
+
+div.timeline-axis {
+    filter: alpha(opacity = 60);
+    -khtml-opacity: 0.6;
+    -moz-opacity: 0.6;
+    opacity: 0.6;
+    border-width: 1px;
+    border-top-style: solid;
+}
+
+div.timeline-axis-grid {
+    border-left-style: solid;
+    border-width: 1px;
+}
+
+div.timeline-axis-grid-minor {
+    filter: alpha(opacity = 30);
+    -khtml-opacity: 0.3;
+    -moz-opacity: 0.3;
+    opacity: 0.3;
+}
+
+div.timeline-axis-grid-major {
+    filter: alpha(opacity = 50);
+    -khtml-opacity: 0.5;
+    -moz-opacity: 0.5;
+    opacity: 0.5;
+}
+
+div.timeline-axis-text {
+    padding: 3px;
+    white-space: nowrap;
+}
+
+div.timeline-event {
+    display: inline-block;
+}
+
+div.timeline-event-selected {
+    z-index: 999;
+}
+
+div.timeline-event.timeline-event-box {
+    text-align: center;
+    border-style: solid;
+    border-width: 1px;
+    border-radius: 5px;
+    -moz-border-radius: 5px; /* For Firefox 3.6 and older */
+}
+
+div.timeline-event.timeline-event-dot {
+    border-style: solid;
+    border-width: 5px;
+    border-radius: 5px;
+    -moz-border-radius: 5px; /* For Firefox 3.6 and older */
+}
+
+div.timeline-event.timeline-event-range {
+    border-style: solid;
+    border-width: 1px;
+    border-radius: 2px;
+    -moz-border-radius: 2px; /* For Firefox 3.6 and older */
+}
+
+div.timeline-frame div.timeline-event-dot-container {
+    border: none;
+}
+
+div.timeline-event-range-drag-left {
+    cursor: w-resize;
+    z-index: 1000;
+}
+
+div.timeline-event-range-drag-right {
+    cursor: e-resize;
+    z-index: 1000;
+}
+
+div.timeline-event-line {
+    border-left-width: 1px;
+    border-left-style: solid;
+}
+
+div.timeline-event-content {
+    margin: 5px;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+div.timeline-groups-axis {
+    border-width: 1px;
+}
+
+div.timeline-groups-axis-onleft {
+    border-style: none groove none none;
+}
+
+div.timeline-groups-axis-onright {
+    border-style: none none none groove;
+}
+
+div.timeline-groups-text {
+    padding-left: 10px;
+    padding-right: 10px;
+}
+
+div.timeline-currenttime {
+    background-color: #FF7F6E;
+    width: 2px;
+}
+
+div.timeline-customtime {
+    background-color: #6E94FF;
+    width: 2px;
+    cursor: move;
+}
+
+div.timeline-navigation-new, div.timeline-navigation-delete,
+div.timeline-navigation-zoom-in, div.timeline-navigation-zoom-out,
+div.timeline-navigation-move-left, div.timeline-navigation-move-right {
+    cursor: pointer;
+    float: left;
+    padding: 5px;
+    text-decoration: none;
+}
+
+div.timeline-navigation-new-line {
+    border-right: dotted 1px;
+}
+
+div.timeline-navigation-delete {
+    padding: 0 0 0 5px;
+    background: url('img/deleteEvent.png') no-repeat center;
+    width: 13px;
+    height: 13px;
+}
+
+div.timeline-selectable div.timeline-event {
+    cursor: pointer;
+}
+
+div.timeline-selectable div.timeline-event-content {
+    cursor: pointer;
+}
+
+div.timeline-event-selected div.timeline-event-content {
+    cursor: move;
+}
\ No newline at end of file
diff --git a/GoogleChartsNGraphsControls/GVI/CHAP/timeline.css b/GoogleChartsNGraphsControls/GVI/CHAP/timeline.css
new file mode 100644
index 0000000..7e6f861
--- /dev/null
+++ b/GoogleChartsNGraphsControls/GVI/CHAP/timeline.css
@@ -0,0 +1,211 @@
+div.timeline-frame {
+    -moz-box-sizing: border-box;
+    border: 1px solid #bebebe;
+    box-sizing: border-box;
+    overflow: hidden;
+    position: relative;
+}
+
+div.timeline-content {
+    overflow: hidden;
+    position: relative;
+}
+
+div.timeline-axis {
+    -moz-box-sizing: border-box;
+    border-color: #bebebe;
+    border-top-style: solid;
+    border-width: 1px;
+    box-sizing: border-box;
+}
+
+div.timeline-axis-grid {
+    -moz-box-sizing: border-box;
+    border-left-style: solid;
+    border-width: 1px;
+    box-sizing: border-box;
+}
+
+div.timeline-axis-grid-minor {
+    border-color: #e5e5e5;
+}
+
+div.timeline-axis-grid-major {
+    border-color: #bfbfbf;
+}
+
+div.timeline-axis-text {
+    color: #4d4d4d;
+    padding: 3px;
+    white-space: nowrap;
+}
+
+div.timeline-axis-text-minor {
+}
+
+div.timeline-axis-text-major {
+}
+
+div.timeline-event {
+    -moz-box-sizing: border-box;
+    background-color: #d5ddf6;
+    border-color: #97b0f8;
+    box-sizing: border-box;
+    color: #1a1a1a;
+    display: inline-block;
+}
+
+div.timeline-event-selected {
+    background-color: #fff785;
+    border-color: #ffc200;
+    z-index: 999;
+}
+
+/* TODO: use another color or pattern? */
+div.timeline-event-cluster {
+    background: url('img/cluster_bg.png') #97b0f8;
+    color: #ffffff;
+}
+
+div.timeline-event-cluster div.timeline-event-dot {
+    border-color: #d5ddf6;
+}
+
+div.timeline-event-box {
+    -moz-border-radius: 5px; /* For Firefox 3.6 and older */
+    border-radius: 5px;
+    border-style: solid;
+    border-width: 1px;
+    text-align: center;
+}
+
+div.timeline-event-dot {
+    -moz-border-radius: 5px; /* For Firefox 3.6 and older */
+    border-radius: 5px;
+    border-style: solid;
+    border-width: 5px;
+}
+
+div.timeline-event-range {
+    -moz-border-radius: 2px; /* For Firefox 3.6 and older */
+    border-radius: 2px;
+    border-style: solid;
+    border-width: 1px;
+}
+
+div.timeline-event-range-drag-left {
+    cursor: w-resize;
+    z-index: 1000;
+}
+
+div.timeline-event-range-drag-right {
+    cursor: e-resize;
+    z-index: 1000;
+}
+
+div.timeline-event-line {
+    -moz-box-sizing: border-box;
+    border-left-style: solid;
+    border-left-width: 1px;
+    box-sizing: border-box;
+}
+
+div.timeline-event-content {
+    margin: 5px;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+div.timeline-groups-axis {
+    -moz-box-sizing: border-box;
+    border-color: #bebebe;
+    border-width: 1px;
+    box-sizing: border-box;
+}
+
+div.timeline-groups-axis-onleft {
+    border-style: none solid none none;
+}
+
+div.timeline-groups-axis-onright {
+    border-style: none none none solid;
+}
+
+div.timeline-groups-text {
+    color: #4d4d4d;
+    padding-left: 10px;
+    padding-right: 10px;
+}
+
+div.timeline-currenttime {
+    -moz-box-sizing: border-box;
+    background-color: #ff7f6e;
+    box-sizing: border-box;
+    width: 2px;
+}
+
+div.timeline-customtime {
+    -moz-box-sizing: border-box;
+    background-color: #6e94ff;
+    box-sizing: border-box;
+    cursor: move;
+    width: 2px;
+}
+
+div.timeline-navigation {
+    -moz-border-radius: 2px; /* For Firefox 3.6 and older */
+    -moz-box-sizing: border-box;
+    background-color: #f5f5f5;
+    border: 1px solid #bebebe;
+    border-radius: 2px;
+    box-sizing: border-box;
+    color: #808080;
+    font-family: arial;
+    font-size: 20px;
+    font-weight: bold;
+}
+
+div.timeline-navigation-new,
+div.timeline-navigation-delete,
+div.timeline-navigation-zoom-in,
+div.timeline-navigation-zoom-out,
+div.timeline-navigation-move-left,
+div.timeline-navigation-move-right {
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    cursor: pointer;
+    float: left;
+    height: 36px;
+    padding: 10px;
+    text-decoration: none;
+    width: 36px;
+}
+
+div.timeline-navigation-new {
+    background: url('img/16/new.png') no-repeat center;
+}
+
+/* separator between new and navigation buttons */
+div.timeline-navigation-new-line {
+    border-right: 1px solid #bebebe;
+}
+
+div.timeline-navigation-delete {
+    background: url('img/16/delete.png') no-repeat center;
+}
+
+div.timeline-navigation-zoom-in {
+    background: url('img/16/zoomin.png') no-repeat center;
+}
+
+div.timeline-navigation-zoom-out {
+    background: url('img/16/zoomout.png') no-repeat center;
+}
+
+div.timeline-navigation-move-left {
+    background: url('img/16/moveleft.png') no-repeat center;
+}
+
+div.timeline-navigation-move-right {
+    background: url('img/16/moveright.png') no-repeat center;
+}
diff --git a/GoogleChartsNGraphsControls/GoogleChartsNGraphsControls.csproj b/GoogleChartsNGraphsControls/GoogleChartsNGraphsControls.csproj
index 5bae07f..4370b70 100644
--- a/GoogleChartsNGraphsControls/GoogleChartsNGraphsControls.csproj
+++ b/GoogleChartsNGraphsControls/GoogleChartsNGraphsControls.csproj
@@ -91,6 +91,7 @@
     <Compile Include="BaseInterfaces.cs" />
     <Compile Include="GVAnnotationChart.cs" />
     <Compile Include="GVCalendar.cs" />
+    <Compile Include="CHAPTimeline.cs" />
     <Compile Include="GVWordTree.cs" />
     <Compile Include="GVTimeline.cs" />
     <Compile Include="GVDonutChart.cs" />
@@ -140,11 +141,16 @@
     <EmbeddedResource Include="GVDonutChart.bmp" />
     <EmbeddedResource Include="GVAnnotationChart.bmp" />
     <EmbeddedResource Include="GVCalendar.bmp" />
+    <Content Include="GVI\CHAP\timeline-locales.js" />
+    <Content Include="GVI\CHAP\timeline-min.js" />
+    <Content Include="GVI\CHAP\timeline-theme.css" />
+    <Content Include="GVI\CHAP\timeline.css" />
     <Content Include="GVI\GVisualizationPanel.js" />
     <Content Include="GVI\jx.js" />
     <Content Include="GVI\SendAndDraw.js" />
     <None Include="GVI\Visualization.dll" />
     <EmbeddedResource Include="GVLineChart.bmp" />
+    <Content Include="CHAPTimeline.bmp" />
     <Content Include="GVTimeline.bmp" />
     <Content Include="icons\chart_bar.png" />
     <Content Include="icons\chart_curve.png" />
diff --git a/GoogleChartsNGraphsControls/Resource1.Designer.cs b/GoogleChartsNGraphsControls/Resource1.Designer.cs
index 10d6200..2f5c61b 100644
--- a/GoogleChartsNGraphsControls/Resource1.Designer.cs
+++ b/GoogleChartsNGraphsControls/Resource1.Designer.cs
@@ -1,7 +1,7 @@
 //------------------------------------------------------------------------------
 // <auto-generated>
 //     This code was generated by a tool.
-//     Runtime Version:4.0.30319.18444
+//     Runtime Version:4.0.30319.0
 //
 //     Changes to this file may cause incorrect behavior and will be lost if
 //     the code is regenerated.
@@ -90,6 +90,117 @@ internal static string SendAndDraw {
             }
         }
         
+        /// <summary>
+        ///   Looks up a localized string similar to div.timeline-frame {
+        ///    -moz-box-sizing: border-box;
+        ///    border: 1px solid #bebebe;
+        ///    box-sizing: border-box;
+        ///    overflow: hidden;
+        ///    position: relative;
+        ///}
+        ///
+        ///div.timeline-content {
+        ///    overflow: hidden;
+        ///    position: relative;
+        ///}
+        ///
+        ///div.timeline-axis {
+        ///    -moz-box-sizing: border-box;
+        ///    border-color: #bebebe;
+        ///    border-top-style: solid;
+        ///    border-width: 1px;
+        ///    box-sizing: border-box;
+        ///}
+        ///
+        ///div.timeline-axis-grid {
+        ///    -moz-box-sizing: border-box;
+        ///    border-left-style: solid;
+        ///    border-width: 1px;
+        ///     [rest of string was truncated]&quot;;.
+        /// </summary>
+        internal static string timeline {
+            get {
+                return ResourceManager.GetString("timeline", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to if (typeof links === &apos;undefined&apos;) {
+        ///    links = {};
+        ///    links.locales = {};
+        ///} else if (typeof links.locales === &apos;undefined&apos;) {
+        ///    links.locales = {};
+        ///}
+        ///
+        ///// English ===================================================
+        ///links.locales[&apos;en&apos;] = {
+        ///    &apos;MONTHS&apos;: [&quot;January&quot;, &quot;February&quot;, &quot;March&quot;, &quot;April&quot;, &quot;May&quot;, &quot;June&quot;, &quot;July&quot;, &quot;August&quot;, &quot;September&quot;, &quot;October&quot;, &quot;November&quot;, &quot;December&quot;],
+        ///    &apos;MONTHS_SHORT&apos;: [&quot;Jan&quot;, &quot;Feb&quot;, &quot;Mar&quot;, &quot;Apr&quot;, &quot;May&quot;, &quot;Jun&quot;, &quot;Jul&quot;, &quot;Aug&quot;, &quot;Sep&quot;, &quot;Oct&quot;, &quot;Nov&quot;, &quot;Dec&quot;],
+        ///    &apos;DAYS&apos;: [&quot;Sunday&quot;, &quot;Mon [rest of string was truncated]&quot;;.
+        /// </summary>
+        internal static string timeline_locales {
+            get {
+                return ResourceManager.GetString("timeline_locales", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to /*
+        ///
+        /// Licensed under the Apache License, Version 2.0 (the &quot;License&quot;); you may not
+        /// use this file except in compliance with the License. You may obtain a copy
+        /// of the License at
+        ///
+        /// http://www.apache.org/licenses/LICENSE-2.0
+        ///
+        /// Unless required by applicable law or agreed to in writing, software
+        /// distributed under the License is distributed on an &quot;AS IS&quot; BASIS, WITHOUT
+        /// WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+        /// License for the specific language governing permissions and limitations [rest of string was truncated]&quot;;.
+        /// </summary>
+        internal static string timeline_min {
+            get {
+                return ResourceManager.GetString("timeline_min", resourceCulture);
+            }
+        }
+        
+        /// <summary>
+        ///   Looks up a localized string similar to div.timeline-frame {
+        ///    position: relative;
+        ///    overflow: hidden;
+        ///}
+        ///
+        ///div.timeline-content {
+        ///    position: relative;
+        ///    overflow: hidden;
+        ///}
+        ///
+        ///div.timeline-axis {
+        ///    filter: alpha(opacity = 60);
+        ///    -khtml-opacity: 0.6;
+        ///    -moz-opacity: 0.6;
+        ///    opacity: 0.6;
+        ///    border-width: 1px;
+        ///    border-top-style: solid;
+        ///}
+        ///
+        ///div.timeline-axis-grid {
+        ///    border-left-style: solid;
+        ///    border-width: 1px;
+        ///}
+        ///
+        ///div.timeline-axis-grid-minor {
+        ///    filter: alpha(opacity = 30);
+        ///    -khtml-opacity: 0.3;
+        ///    -moz-opacity: 0.3;
+        ///    [rest of string was truncated]&quot;;.
+        /// </summary>
+        internal static string timeline_theme {
+            get {
+                return ResourceManager.GetString("timeline_theme", resourceCulture);
+            }
+        }
+        
         /// <summary>
         ///   Looks up a localized resource of type System.Byte[].
         /// </summary>
diff --git a/GoogleChartsNGraphsControls/Resource1.resx b/GoogleChartsNGraphsControls/Resource1.resx
index 13396ba..9ef3475 100644
--- a/GoogleChartsNGraphsControls/Resource1.resx
+++ b/GoogleChartsNGraphsControls/Resource1.resx
@@ -112,12 +112,12 @@
     <value>2.0</value>
   </resheader>
   <resheader name="reader">
-    <value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
+    <value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
   <resheader name="writer">
-    <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
+    <value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </resheader>
-  <assembly alias="System.Windows.Forms" name="System.Windows.Forms, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" />
+  <assembly alias="System.Windows.Forms" name="System.Windows.Forms, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089" />
   <data name="jx" type="System.Resources.ResXFileRef, System.Windows.Forms">
     <value>GVI\jx.js;System.String, mscorlib, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089;utf-8</value>
   </data>
@@ -127,4 +127,16 @@
   <data name="Visualization" type="System.Resources.ResXFileRef, System.Windows.Forms">
     <value>GVI\Visualization.dll;System.Byte[], mscorlib, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
   </data>
+  <data name="timeline_locales" type="System.Resources.ResXFileRef, System.Windows.Forms">
+    <value>gvi\chap\timeline-locales.js;System.String, mscorlib, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089;utf-8</value>
+  </data>
+  <data name="timeline_min" type="System.Resources.ResXFileRef, System.Windows.Forms">
+    <value>gvi\chap\timeline-min.js;System.String, mscorlib, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089;Windows-1252</value>
+  </data>
+  <data name="timeline" type="System.Resources.ResXFileRef, System.Windows.Forms">
+    <value>gvi\chap\timeline.css;System.String, mscorlib, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089;Windows-1252</value>
+  </data>
+  <data name="timeline_theme" type="System.Resources.ResXFileRef, System.Windows.Forms">
+    <value>gvi\chap\timeline-theme.css;System.String, mscorlib, Version=4.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089;Windows-1252</value>
+  </data>
 </root>
\ No newline at end of file
diff --git a/GoogleChartsNGraphsControls/Utils.cs b/GoogleChartsNGraphsControls/Utils.cs
index 9f8be8a..49e2533 100644
--- a/GoogleChartsNGraphsControls/Utils.cs
+++ b/GoogleChartsNGraphsControls/Utils.cs
@@ -3,7 +3,6 @@
 using System.Data;
 using System.Linq;
 using System.Text;
-using System.Threading.Tasks;
 
 namespace GoogleChartsNGraphsControls
 {
diff --git a/TestGoogleCharsNGraphsControls/CHAP.aspx b/TestGoogleCharsNGraphsControls/CHAP.aspx
new file mode 100644
index 0000000..e1c8960
--- /dev/null
+++ b/TestGoogleCharsNGraphsControls/CHAP.aspx
@@ -0,0 +1,20 @@
+<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="CHAP.aspx.cs" Inherits="TestGoogleCharsNGraphsControls.CHAP" %>
+<%@ Register assembly="GoogleChartsNGraphsControls" namespace="GoogleChartsNGraphsControls" tagprefix="cc1" %>
+
+
+<!DOCTYPE html>
+
+<html xmlns="http://www.w3.org/1999/xhtml">
+<head runat="server">
+    <title></title>
+    <style type="text/css">
+
+    </style>
+</head>
+<body>
+    <form id="form1" runat="server">
+        <h3>CHAP Timeline implementation</h3>
+        <cc1:CHAPTimeline ID="CHAPTimeline1" runat="server"  Width="900" Height="220" />
+    </form>
+</body>
+</html>
diff --git a/TestGoogleCharsNGraphsControls/CHAP.aspx.cs b/TestGoogleCharsNGraphsControls/CHAP.aspx.cs
new file mode 100644
index 0000000..6643f5c
--- /dev/null
+++ b/TestGoogleCharsNGraphsControls/CHAP.aspx.cs
@@ -0,0 +1,37 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Web;
+using System.Web.UI;
+using System.Web.UI.WebControls;
+
+namespace TestGoogleCharsNGraphsControls
+{
+    public partial class CHAP : System.Web.UI.Page
+    {
+        protected void Page_Load(object sender, EventArgs e)
+        {
+            if (!IsPostBack)
+            {
+                this.ChapTimeline();
+               
+            }
+        }
+
+
+        private void ChapTimeline()
+        {
+            List<GoogleChartsNGraphsControls.CHAPTimelineEvent> lst = new List<GoogleChartsNGraphsControls.CHAPTimelineEvent>();
+            lst.Add(new GoogleChartsNGraphsControls.CHAPTimelineEvent(new DateTime(2015,7,1), new GoogleChartsNGraphsControls.CHAPTimelineEvent.ImgFormatContent()));
+            lst.Add(new GoogleChartsNGraphsControls.CHAPTimelineEvent(new DateTime(2015, 7, 3), "Ordered Pizza"));
+            lst.Add(new GoogleChartsNGraphsControls.CHAPTimelineEvent(new DateTime(2015, 7, 9), "Showered"));
+            lst.Add(new GoogleChartsNGraphsControls.CHAPTimelineEvent(new DateTime(2015, 7, 14), "Pizza Arrived"));
+            lst.Add(new GoogleChartsNGraphsControls.CHAPTimelineEvent(new DateTime(2015, 7, 16), new DateTime(2015, 7, 19),"Ate Pizza"));
+            lst.Add(new GoogleChartsNGraphsControls.CHAPTimelineEvent(new DateTime(2015, 7, 22), new DateTime(2015, 7, 23), "Watched TV"));
+            lst.Add(new GoogleChartsNGraphsControls.CHAPTimelineEvent(new DateTime(2015, 7, 27), "Bed Time!"));
+
+            this.CHAPTimeline1.ChartData(lst.ToArray());
+            this.CHAPTimeline1.GviOptionsOverride = "{}";
+        }
+    }
+}
\ No newline at end of file
diff --git a/TestGoogleCharsNGraphsControls/CHAP.aspx.designer.cs b/TestGoogleCharsNGraphsControls/CHAP.aspx.designer.cs
new file mode 100644
index 0000000..2a6b855
--- /dev/null
+++ b/TestGoogleCharsNGraphsControls/CHAP.aspx.designer.cs
@@ -0,0 +1,33 @@
+//------------------------------------------------------------------------------
+// <auto-generated>
+//     This code was generated by a tool.
+//
+//     Changes to this file may cause incorrect behavior and will be lost if
+//     the code is regenerated. 
+// </auto-generated>
+//------------------------------------------------------------------------------
+
+namespace TestGoogleCharsNGraphsControls {
+    
+    
+    public partial class CHAP {
+        
+        /// <summary>
+        /// form1 control.
+        /// </summary>
+        /// <remarks>
+        /// Auto-generated field.
+        /// To modify move field declaration from designer file to code-behind file.
+        /// </remarks>
+        protected global::System.Web.UI.HtmlControls.HtmlForm form1;
+        
+        /// <summary>
+        /// CHAPTimeline1 control.
+        /// </summary>
+        /// <remarks>
+        /// Auto-generated field.
+        /// To modify move field declaration from designer file to code-behind file.
+        /// </remarks>
+        protected global::GoogleChartsNGraphsControls.CHAPTimeline CHAPTimeline1;
+    }
+}
diff --git a/TestGoogleCharsNGraphsControls/ComboWatermarks.aspx.cs b/TestGoogleCharsNGraphsControls/ComboWatermarks.aspx.cs
index 3d15e74..a29bdf7 100644
--- a/TestGoogleCharsNGraphsControls/ComboWatermarks.aspx.cs
+++ b/TestGoogleCharsNGraphsControls/ComboWatermarks.aspx.cs
@@ -27,8 +27,42 @@ protected void Page_Load(object sender, EventArgs e)
             combo.Rows.Add(new object[] { new DateTime(2004, 8, 1), 139, 1110, 615, 968, 215 });
             combo.Rows.Add(new object[] { new DateTime(2004, 9, 1), 136, 691, 629, 1026, 366 });
 
-            this.GVComboChart1.AddWaterMark(new GoogleChartsNGraphsControls.WaterMarkLine() {  LINETYPE = GoogleChartsNGraphsControls.WaterMarkLine.LineType.FIXED, LineValue = 300, LineName = "Floor"  });
-            this.GVComboChart1.AddWaterMark(new GoogleChartsNGraphsControls.WaterMarkLine() { LINETYPE = GoogleChartsNGraphsControls.WaterMarkLine.LineType.FIXED, LineValue = 1000, LineName = "Ceiling" });
+            this.GVComboChart1.AddNewSeries(new GoogleChartsNGraphsControls.WaterMarkLine(System.Drawing.Color.Honeydew, 300));
+            this.GVComboChart1.AddNewSeries(new GoogleChartsNGraphsControls.ComboChartLineSeries()
+            {
+                FunctType = GoogleChartsNGraphsControls.ComboChartLineSeries.FUNCTION_TYPE.FIXED,
+                LineName = "Ceiling", LineWidth = 4,
+                FixedValue = 1000,
+                DashedLine = GoogleChartsNGraphsControls.ComboChartLineSeries.LINETYPE.SHORT_DASH,
+                LineColor = System.Drawing.Color.Gray
+            });
+
+            this.GVComboChart1.AddNewSeries(new GoogleChartsNGraphsControls.ComboChartLineSeries()
+            {
+                FunctType = GoogleChartsNGraphsControls.ComboChartLineSeries.FUNCTION_TYPE.AVG,
+                LineName = "Average", LineWidth = 2, DashedLine = GoogleChartsNGraphsControls.ComboChartLineSeries.LINETYPE.DOTTED,
+                LineColor = System.Drawing.Color.OrangeRed
+            });
+
+
+            this.GVComboChart1.AddNewSeries(new GoogleChartsNGraphsControls.ComboChartLineSeries()
+            {
+                FunctType = GoogleChartsNGraphsControls.ComboChartLineSeries.FUNCTION_TYPE.STD_DEV,
+                LineName = "StdDev",
+                LineWidth = 2,
+                DashedLine = GoogleChartsNGraphsControls.ComboChartLineSeries.LINETYPE.DOTTED,
+                LineColor = System.Drawing.Color.PaleGoldenrod
+            });
+
+
+            this.GVComboChart1.AddNewSeries(new GoogleChartsNGraphsControls.ComboChartLineSeries()
+            {
+                FunctType = GoogleChartsNGraphsControls.ComboChartLineSeries.FUNCTION_TYPE.MEDIAN,
+                LineName = "Median",
+                LineWidth = 2,
+                DashedLine = GoogleChartsNGraphsControls.ComboChartLineSeries.LINETYPE.DOTTED,
+                LineColor = System.Drawing.Color.Violet
+            });
             
 
             //this.GVComboChart1.GviOptionsOverride = "{ seriesType:'bars', series:{ 3:{type:'line'}, 4:{type:'line'} } }";
diff --git a/TestGoogleCharsNGraphsControls/Default.aspx.cs b/TestGoogleCharsNGraphsControls/Default.aspx.cs
index c9849aa..20cfe3f 100644
--- a/TestGoogleCharsNGraphsControls/Default.aspx.cs
+++ b/TestGoogleCharsNGraphsControls/Default.aspx.cs
@@ -25,12 +25,13 @@ protected void chart_Roles()
             dt.Columns.Add("Expenses", typeof(int));
             dt.Columns.Add(new DataColumn("ec", typeof(bool)) { Caption = "certainty" });
             dt.Columns.Add(new DataColumn("t2") { Caption = "tooltip" });
+            dt.Columns.Add(new DataColumn("l1") { Caption = "annotation" });
 
-            dt.Rows.Add(new object[] { "April", 1000, true, true, 980, 1010, "Spring Fashion Show Sparks new Interest", 740, true, "" });
-            dt.Rows.Add(new object[] { "May", 800, true, false, 780, 822, "", 700, true, "" });
-            dt.Rows.Add(new object[] { "June", 750, true, false, 700, 755, "", 980, true, "Stocking up for back to school sale" });
-            dt.Rows.Add(new object[] { "July", 820, true, false, 810, 835, "", 900, true, "" });
-            dt.Rows.Add(new object[] { "Aug", 1260, false, false, 1100, 1300, "Anticipated back to school shopping to boost sales", 860, false, "" });
+            dt.Rows.Add(new object[] { "April", 1000, true, true, 980, 1010, "Spring Fashion Show Sparks new Interest", 740, true, "", "Spring" });
+            dt.Rows.Add(new object[] { "May", 800, true, false, 780, 822, "", 700, true, "", "Spring" });
+            dt.Rows.Add(new object[] { "June", 750, true, false, 700, 755, "", 980, true, "Stocking up for back to school sale", "Summer" });
+            dt.Rows.Add(new object[] { "July", 820, true, false, 810, 835, "", 900, true, "", "Summer" });
+            dt.Rows.Add(new object[] { "Aug", 1260, false, false, 1100, 1300, "Anticipated back to school shopping to boost sales", 860, false, "", "Fall" });
 
             this.GVLineChartForRoles.DataSource = dt;
         }
@@ -221,6 +222,7 @@ protected void Page_Init()
             vx.BaselineColor = Color.Green;
             vx.Formatted = GoogleChartsNGraphsControls.AxisFormat.Euro;
             vx.Title = "By Year";
+          
 
             GoogleChartsNGraphsControls.TrendLine tl1 = new GoogleChartsNGraphsControls.TrendLine() 
             {
@@ -279,6 +281,11 @@ protected void Page_Init()
                 Column = 5, 
                 LineType = GoogleChartsNGraphsControls.SeriesType.Line 
             });
+
+            GoogleChartsNGraphsControls.vAxis vxx = new GoogleChartsNGraphsControls.vAxis();
+            vxx.MinValue = 0;
+            vxx.MaxValue = 2000;
+            this.GVComboChart1.GviVAxisClass = vxx;
             this.GVComboChart1.DataSource = combo;
             this.GVComboChart1.DataBind();
 
diff --git a/TestGoogleCharsNGraphsControls/Properties/PublishProfiles/IISFOLDER.pubxml b/TestGoogleCharsNGraphsControls/Properties/PublishProfiles/IISFOLDER.pubxml
new file mode 100644
index 0000000..7755e26
--- /dev/null
+++ b/TestGoogleCharsNGraphsControls/Properties/PublishProfiles/IISFOLDER.pubxml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+This file is used by the publish/package process of your Web project. You can customize the behavior of this process
+by editing this MSBuild file. In order to learn more about this please visit http://go.microsoft.com/fwlink/?LinkID=208121. 
+-->
+<Project ToolsVersion="4.0" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+  <PropertyGroup>
+    <WebPublishMethod>FileSystem</WebPublishMethod>
+    <LastUsedBuildConfiguration>Release</LastUsedBuildConfiguration>
+    <LastUsedPlatform>Any CPU</LastUsedPlatform>
+    <SiteUrlToLaunchAfterPublish />
+    <LaunchSiteAfterPublish>True</LaunchSiteAfterPublish>
+    <ExcludeApp_Data>False</ExcludeApp_Data>
+    <publishUrl>C:\Users\kingj5\Documents\Visual Studio 2010\Projects\googlevisualizationsdotnet\publ</publishUrl>
+    <DeleteExistingFiles>False</DeleteExistingFiles>
+  </PropertyGroup>
+</Project>
\ No newline at end of file
diff --git a/TestGoogleCharsNGraphsControls/TestGoogleCharsNGraphsControls.csproj b/TestGoogleCharsNGraphsControls/TestGoogleCharsNGraphsControls.csproj
index 53a8907..ad005fe 100644
--- a/TestGoogleCharsNGraphsControls/TestGoogleCharsNGraphsControls.csproj
+++ b/TestGoogleCharsNGraphsControls/TestGoogleCharsNGraphsControls.csproj
@@ -1,5 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<Project ToolsVersion="4.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
+<Project ToolsVersion="12.0" DefaultTargets="Build" xmlns="http://schemas.microsoft.com/developer/msbuild/2003">
   <Import Project="$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props" Condition="Exists('$(MSBuildExtensionsPath)\$(MSBuildToolsVersion)\Microsoft.Common.props')" />
   <PropertyGroup>
     <Configuration Condition=" '$(Configuration)' == '' ">Debug</Configuration>
@@ -12,7 +12,7 @@
     <AppDesignerFolder>Properties</AppDesignerFolder>
     <RootNamespace>TestGoogleCharsNGraphsControls</RootNamespace>
     <AssemblyName>TestGoogleCharsNGraphsControls</AssemblyName>
-    <TargetFrameworkVersion>v4.5</TargetFrameworkVersion>
+    <TargetFrameworkVersion>v4.5.1</TargetFrameworkVersion>
     <FileUpgradeFlags>
     </FileUpgradeFlags>
     <UpgradeBackupLocation>
@@ -29,6 +29,7 @@
     <IISExpressAnonymousAuthentication>disabled</IISExpressAnonymousAuthentication>
     <IISExpressWindowsAuthentication>enabled</IISExpressWindowsAuthentication>
     <IISExpressUseClassicPipelineMode>false</IISExpressUseClassicPipelineMode>
+    <UseGlobalApplicationHostFile />
   </PropertyGroup>
   <PropertyGroup Condition=" '$(Configuration)|$(Platform)' == 'Debug|AnyCPU' ">
     <DebugSymbols>true</DebugSymbols>
@@ -82,11 +83,63 @@
     <Content Include="App_Themes\female_user.png" />
     <Content Include="App_Themes\male_user.png" />
     <Content Include="App_Themes\unknown_user.png" />
+    <Content Include="CHAP.aspx" />
     <Content Include="Codebehind.aspx" />
     <Content Include="ComboWatermarks.aspx" />
     <Content Include="GeoMaps.aspx" />
+    <Content Include="img\16\delete.png" />
+    <Content Include="img\16\moveleft.png" />
+    <Content Include="img\16\moveright.png" />
+    <Content Include="img\16\new.png" />
+    <Content Include="img\16\zoomin.png" />
+    <Content Include="img\16\zoomout.png" />
+    <Content Include="img\24\delete.png" />
+    <Content Include="img\24\moveleft.png" />
+    <Content Include="img\24\moveright.png" />
+    <Content Include="img\24\new.png" />
+    <Content Include="img\24\zoomin.png" />
+    <Content Include="img\24\zoomout.png" />
+    <Content Include="img\32\delete.png" />
+    <Content Include="img\32\moveleft.png" />
+    <Content Include="img\32\moveright.png" />
+    <Content Include="img\32\new.png" />
+    <Content Include="img\32\zoomin.png" />
+    <Content Include="img\32\zoomout.png" />
+    <Content Include="img\cluster_bg.png" />
+    <Content Include="img\deleteEvent.png" />
+    <Content Include="img\themeswitcher\buttonbg.png" />
+    <Content Include="img\themeswitcher\icon_color_arrow.gif" />
+    <Content Include="img\themeswitcher\menuhoverbg.png" />
+    <Content Include="img\themeswitcher\theme_90_black_matte.png" />
+    <Content Include="img\themeswitcher\theme_90_black_tie.png" />
+    <Content Include="img\themeswitcher\theme_90_blitzer.png" />
+    <Content Include="img\themeswitcher\theme_90_cupertino.png" />
+    <Content Include="img\themeswitcher\theme_90_dark_hive.png" />
+    <Content Include="img\themeswitcher\theme_90_dot_luv.png" />
+    <Content Include="img\themeswitcher\theme_90_eggplant.png" />
+    <Content Include="img\themeswitcher\theme_90_excite_bike.png" />
+    <Content Include="img\themeswitcher\theme_90_flick.png" />
+    <Content Include="img\themeswitcher\theme_90_hot_sneaks.png" />
+    <Content Include="img\themeswitcher\theme_90_humanity.png" />
+    <Content Include="img\themeswitcher\theme_90_le_frog.png" />
+    <Content Include="img\themeswitcher\theme_90_mint_choco.png" />
+    <Content Include="img\themeswitcher\theme_90_overcast.png" />
+    <Content Include="img\themeswitcher\theme_90_pepper_grinder.png" />
+    <Content Include="img\themeswitcher\theme_90_smoothness.png" />
+    <Content Include="img\themeswitcher\theme_90_south_street.png" />
+    <Content Include="img\themeswitcher\theme_90_start_menu.png" />
+    <Content Include="img\themeswitcher\theme_90_sunny.png" />
+    <Content Include="img\themeswitcher\theme_90_swanky_purse.png" />
+    <Content Include="img\themeswitcher\theme_90_trontastic.png" />
+    <Content Include="img\themeswitcher\theme_90_ui_dark.png" />
+    <Content Include="img\themeswitcher\theme_90_ui_light.png" />
+    <Content Include="img\themeswitcher\theme_90_windoze.png" />
     <Content Include="Postbacks.aspx" />
     <Content Include="IntervalNTrend.aspx" />
+    <Content Include="testingchap.html" />
+    <Content Include="timeline-min.js" />
+    <Content Include="timeline.css" />
+    <Content Include="timeline.js" />
     <Content Include="Web.config" />
     <Content Include="Default.aspx" />
   </ItemGroup>
@@ -94,6 +147,13 @@
     <Compile Include="AjaxUpdateHandler.ashx.cs">
       <DependentUpon>AjaxUpdateHandler.ashx</DependentUpon>
     </Compile>
+    <Compile Include="CHAP.aspx.cs">
+      <DependentUpon>CHAP.aspx</DependentUpon>
+      <SubType>ASPXCodeBehind</SubType>
+    </Compile>
+    <Compile Include="CHAP.aspx.designer.cs">
+      <DependentUpon>CHAP.aspx</DependentUpon>
+    </Compile>
     <Compile Include="Codebehind.aspx.cs">
       <DependentUpon>Codebehind.aspx</DependentUpon>
       <SubType>ASPXCodeBehind</SubType>
@@ -156,6 +216,9 @@
       <Name>GoogleChartsNGraphsControls</Name>
     </ProjectReference>
   </ItemGroup>
+  <ItemGroup>
+    <None Include="Properties\PublishProfiles\IISFOLDER.pubxml" />
+  </ItemGroup>
   <PropertyGroup>
     <VisualStudioVersion Condition="'$(VisualStudioVersion)' == ''">10.0</VisualStudioVersion>
     <VSToolsPath Condition="'$(VSToolsPath)' == ''">$(MSBuildExtensionsPath32)\Microsoft\VisualStudio\v$(VisualStudioVersion)</VSToolsPath>
diff --git a/TestGoogleCharsNGraphsControls/Web.config b/TestGoogleCharsNGraphsControls/Web.config
index 31210fa..92311a9 100644
--- a/TestGoogleCharsNGraphsControls/Web.config
+++ b/TestGoogleCharsNGraphsControls/Web.config
@@ -5,7 +5,7 @@
     <add name="ConnectionString" connectionString="Provider=SQLOLEDB;Data Source=sli0992\SQL2008E;Integrated Security=SSPI;Initial Catalog=IntegraReporting" providerName="System.Data.OleDb"/>
   </connectionStrings>
   <!--
-    For a description of web.config changes for .NET 4.5 see http://go.microsoft.com/fwlink/?LinkId=235367.
+    For a description of web.config changes see http://go.microsoft.com/fwlink/?LinkId=235367.
 
     The following attributes can be set on the <httpRuntime> tag.
       <system.Web>
@@ -19,7 +19,7 @@
             affects performance, set this value to true only 
             during development.
         -->
-    <compilation debug="true" targetFramework="4.5"/>
+    <compilation debug="true" targetFramework="4.5.1"/>
     <!--
             The <authentication> section enables configuration 
             of the security authentication mode used by 
@@ -38,7 +38,7 @@
             <error statusCode="404" redirect="FileNotFound.htm" />
         </customErrors>
         -->
-    <pages controlRenderingCompatibilityVersion="4.0" clientIDMode="AutoID"/>
+    <pages controlRenderingCompatibilityVersion="3.5" clientIDMode="AutoID"/>
   </system.web>
   <!-- 
         The system.webServer section is required for running ASP.NET AJAX under Internet
diff --git a/TestGoogleCharsNGraphsControls/img/16/delete.png b/TestGoogleCharsNGraphsControls/img/16/delete.png
new file mode 100644
index 0000000..d54d0e0
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/16/delete.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/16/moveleft.png b/TestGoogleCharsNGraphsControls/img/16/moveleft.png
new file mode 100644
index 0000000..44c0d82
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/16/moveleft.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/16/moveright.png b/TestGoogleCharsNGraphsControls/img/16/moveright.png
new file mode 100644
index 0000000..9d39bde
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/16/moveright.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/16/new.png b/TestGoogleCharsNGraphsControls/img/16/new.png
new file mode 100644
index 0000000..7eeba13
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/16/new.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/16/zoomin.png b/TestGoogleCharsNGraphsControls/img/16/zoomin.png
new file mode 100644
index 0000000..b68dfad
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/16/zoomin.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/16/zoomout.png b/TestGoogleCharsNGraphsControls/img/16/zoomout.png
new file mode 100644
index 0000000..64e3727
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/16/zoomout.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/24/delete.png b/TestGoogleCharsNGraphsControls/img/24/delete.png
new file mode 100644
index 0000000..c9d5feb
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/24/delete.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/24/moveleft.png b/TestGoogleCharsNGraphsControls/img/24/moveleft.png
new file mode 100644
index 0000000..fce5907
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/24/moveleft.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/24/moveright.png b/TestGoogleCharsNGraphsControls/img/24/moveright.png
new file mode 100644
index 0000000..d3f6dcf
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/24/moveright.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/24/new.png b/TestGoogleCharsNGraphsControls/img/24/new.png
new file mode 100644
index 0000000..b5a0f07
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/24/new.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/24/zoomin.png b/TestGoogleCharsNGraphsControls/img/24/zoomin.png
new file mode 100644
index 0000000..0bda648
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/24/zoomin.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/24/zoomout.png b/TestGoogleCharsNGraphsControls/img/24/zoomout.png
new file mode 100644
index 0000000..73b7fcb
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/24/zoomout.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/32/delete.png b/TestGoogleCharsNGraphsControls/img/32/delete.png
new file mode 100644
index 0000000..320d971
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/32/delete.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/32/moveleft.png b/TestGoogleCharsNGraphsControls/img/32/moveleft.png
new file mode 100644
index 0000000..49e2ee0
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/32/moveleft.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/32/moveright.png b/TestGoogleCharsNGraphsControls/img/32/moveright.png
new file mode 100644
index 0000000..f4f790e
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/32/moveright.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/32/new.png b/TestGoogleCharsNGraphsControls/img/32/new.png
new file mode 100644
index 0000000..8cb7a03
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/32/new.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/32/zoomin.png b/TestGoogleCharsNGraphsControls/img/32/zoomin.png
new file mode 100644
index 0000000..41fe0d4
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/32/zoomin.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/32/zoomout.png b/TestGoogleCharsNGraphsControls/img/32/zoomout.png
new file mode 100644
index 0000000..ddac687
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/32/zoomout.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/cluster_bg.png b/TestGoogleCharsNGraphsControls/img/cluster_bg.png
new file mode 100644
index 0000000..9f4efe6
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/cluster_bg.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/deleteEvent.png b/TestGoogleCharsNGraphsControls/img/deleteEvent.png
new file mode 100644
index 0000000..e57c41c
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/deleteEvent.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/buttonbg.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/buttonbg.png
new file mode 100644
index 0000000..084d7f9
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/buttonbg.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/icon_color_arrow.gif b/TestGoogleCharsNGraphsControls/img/themeswitcher/icon_color_arrow.gif
new file mode 100644
index 0000000..b458c7a
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/icon_color_arrow.gif differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/menuhoverbg.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/menuhoverbg.png
new file mode 100644
index 0000000..c94cf53
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/menuhoverbg.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_black_matte.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_black_matte.png
new file mode 100644
index 0000000..182cc0e
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_black_matte.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_black_tie.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_black_tie.png
new file mode 100644
index 0000000..4ea6693
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_black_tie.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_blitzer.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_blitzer.png
new file mode 100644
index 0000000..5dde122
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_blitzer.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_cupertino.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_cupertino.png
new file mode 100644
index 0000000..0d9f11a
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_cupertino.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_dark_hive.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_dark_hive.png
new file mode 100644
index 0000000..66ab870
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_dark_hive.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_dot_luv.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_dot_luv.png
new file mode 100644
index 0000000..2f7bf69
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_dot_luv.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_eggplant.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_eggplant.png
new file mode 100644
index 0000000..92e3d5a
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_eggplant.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_excite_bike.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_excite_bike.png
new file mode 100644
index 0000000..5f58e82
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_excite_bike.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_flick.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_flick.png
new file mode 100644
index 0000000..4baa549
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_flick.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_hot_sneaks.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_hot_sneaks.png
new file mode 100644
index 0000000..cde01b3
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_hot_sneaks.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_humanity.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_humanity.png
new file mode 100644
index 0000000..891b39e
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_humanity.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_le_frog.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_le_frog.png
new file mode 100644
index 0000000..80d0d8b
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_le_frog.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_mint_choco.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_mint_choco.png
new file mode 100644
index 0000000..97d2c87
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_mint_choco.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_overcast.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_overcast.png
new file mode 100644
index 0000000..b1e5dcc
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_overcast.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_pepper_grinder.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_pepper_grinder.png
new file mode 100644
index 0000000..97b5d73
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_pepper_grinder.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_smoothness.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_smoothness.png
new file mode 100644
index 0000000..fa0f8fe
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_smoothness.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_south_street.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_south_street.png
new file mode 100644
index 0000000..1545fd0
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_south_street.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_start_menu.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_start_menu.png
new file mode 100644
index 0000000..abd9b67
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_start_menu.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_sunny.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_sunny.png
new file mode 100644
index 0000000..32867b9
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_sunny.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_swanky_purse.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_swanky_purse.png
new file mode 100644
index 0000000..4ae2a33
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_swanky_purse.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_trontastic.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_trontastic.png
new file mode 100644
index 0000000..f77b455
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_trontastic.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_ui_dark.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_ui_dark.png
new file mode 100644
index 0000000..80e0fe8
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_ui_dark.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_ui_light.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_ui_light.png
new file mode 100644
index 0000000..04544e3
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_ui_light.png differ
diff --git a/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_windoze.png b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_windoze.png
new file mode 100644
index 0000000..2b8c3bd
Binary files /dev/null and b/TestGoogleCharsNGraphsControls/img/themeswitcher/theme_90_windoze.png differ
diff --git a/TestGoogleCharsNGraphsControls/testingchap.html b/TestGoogleCharsNGraphsControls/testingchap.html
new file mode 100644
index 0000000..251caa9
--- /dev/null
+++ b/TestGoogleCharsNGraphsControls/testingchap.html
@@ -0,0 +1,848 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <title>Timeline demo</title>
+    <style type="text/css">
+        div.timeline-frame {
+            -moz-box-sizing: border-box;
+            border: 1px solid #bebebe;
+            box-sizing: border-box;
+            overflow: hidden;
+            position: relative;
+        }
+
+        div.timeline-content {
+            overflow: hidden;
+            position: relative;
+        }
+
+        div.timeline-axis {
+            -moz-box-sizing: border-box;
+            border-color: #bebebe;
+            border-top-style: solid;
+            border-width: 1px;
+            box-sizing: border-box;
+        }
+
+        div.timeline-axis-grid {
+            -moz-box-sizing: border-box;
+            border-left-style: solid;
+            border-width: 1px;
+            box-sizing: border-box;
+        }
+
+        div.timeline-axis-grid-minor {
+            border-color: #e5e5e5;
+        }
+
+        div.timeline-axis-grid-major {
+            border-color: #bfbfbf;
+        }
+
+        div.timeline-axis-text {
+            color: #4d4d4d;
+            padding: 3px;
+            white-space: nowrap;
+        }
+
+        div.timeline-axis-text-minor {
+        }
+
+        div.timeline-axis-text-major {
+        }
+
+        div.timeline-event {
+            -moz-box-sizing: border-box;
+            background-color: #d5ddf6;
+            border-color: #97b0f8;
+            box-sizing: border-box;
+            color: #1a1a1a;
+            display: inline-block;
+        }
+
+        div.timeline-event-selected {
+            background-color: #fff785;
+            border-color: #ffc200;
+            z-index: 999;
+        }
+
+        /* TODO: use another color or pattern? */
+        div.timeline-event-cluster {
+            background: url('img/cluster_bg.png') #97b0f8;
+            color: #ffffff;
+        }
+
+            div.timeline-event-cluster div.timeline-event-dot {
+                border-color: #d5ddf6;
+            }
+
+        div.timeline-event-box {
+            -moz-border-radius: 5px; /* For Firefox 3.6 and older */
+            border-radius: 5px;
+            border-style: solid;
+            border-width: 1px;
+            text-align: center;
+        }
+
+        div.timeline-event-dot {
+            -moz-border-radius: 5px; /* For Firefox 3.6 and older */
+            border-radius: 5px;
+            border-style: solid;
+            border-width: 5px;
+        }
+
+        div.timeline-event-range {
+            -moz-border-radius: 2px; /* For Firefox 3.6 and older */
+            border-radius: 2px;
+            border-style: solid;
+            border-width: 1px;
+        }
+
+        div.timeline-event-range-drag-left {
+            cursor: w-resize;
+            z-index: 1000;
+        }
+
+        div.timeline-event-range-drag-right {
+            cursor: e-resize;
+            z-index: 1000;
+        }
+
+        div.timeline-event-line {
+            -moz-box-sizing: border-box;
+            border-left-style: solid;
+            border-left-width: 1px;
+            box-sizing: border-box;
+        }
+
+        div.timeline-event-content {
+            margin: 5px;
+            overflow: hidden;
+            white-space: nowrap;
+        }
+
+        div.timeline-groups-axis {
+            -moz-box-sizing: border-box;
+            border-color: #bebebe;
+            border-width: 1px;
+            box-sizing: border-box;
+        }
+
+        div.timeline-groups-axis-onleft {
+            border-style: none solid none none;
+        }
+
+        div.timeline-groups-axis-onright {
+            border-style: none none none solid;
+        }
+
+        div.timeline-groups-text {
+            color: #4d4d4d;
+            padding-left: 10px;
+            padding-right: 10px;
+        }
+
+        div.timeline-currenttime {
+            -moz-box-sizing: border-box;
+            background-color: #ff7f6e;
+            box-sizing: border-box;
+            width: 2px;
+        }
+
+        div.timeline-customtime {
+            -moz-box-sizing: border-box;
+            background-color: #6e94ff;
+            box-sizing: border-box;
+            cursor: move;
+            width: 2px;
+        }
+
+        div.timeline-navigation {
+            -moz-border-radius: 2px; /* For Firefox 3.6 and older */
+            -moz-box-sizing: border-box;
+            background-color: #f5f5f5;
+            border: 1px solid #bebebe;
+            border-radius: 2px;
+            box-sizing: border-box;
+            color: #808080;
+            font-family: arial;
+            font-size: 20px;
+            font-weight: bold;
+        }
+
+        div.timeline-navigation-new,
+        div.timeline-navigation-delete,
+        div.timeline-navigation-zoom-in,
+        div.timeline-navigation-zoom-out,
+        div.timeline-navigation-move-left,
+        div.timeline-navigation-move-right {
+            -moz-box-sizing: border-box;
+            box-sizing: border-box;
+            cursor: pointer;
+            float: left;
+            height: 36px;
+            padding: 10px;
+            text-decoration: none;
+            width: 36px;
+        }
+
+        div.timeline-navigation-new {
+            background: url('img/16/new.png') no-repeat center;
+        }
+
+        /* separator between new and navigation buttons */
+        div.timeline-navigation-new-line {
+            border-right: 1px solid #bebebe;
+        }
+
+        div.timeline-navigation-delete {
+            background: url('img/16/delete.png') no-repeat center;
+        }
+
+        div.timeline-navigation-zoom-in {
+            background: url('img/16/zoomin.png') no-repeat center;
+        }
+
+        div.timeline-navigation-zoom-out {
+            background: url('img/16/zoomout.png') no-repeat center;
+        }
+
+        div.timeline-navigation-move-left {
+            background: url('img/16/moveleft.png') no-repeat center;
+        }
+
+        div.timeline-navigation-move-right {
+            background: url('img/16/moveright.png') no-repeat center;
+        }
+    </style>
+    <style type="text/css">
+        div.timeline-frame {
+            position: relative;
+            overflow: hidden;
+        }
+
+        div.timeline-content {
+            position: relative;
+            overflow: hidden;
+        }
+
+        div.timeline-axis {
+            filter: alpha(opacity = 60);
+            -khtml-opacity: 0.6;
+            -moz-opacity: 0.6;
+            opacity: 0.6;
+            border-width: 1px;
+            border-top-style: solid;
+        }
+
+        div.timeline-axis-grid {
+            border-left-style: solid;
+            border-width: 1px;
+        }
+
+        div.timeline-axis-grid-minor {
+            filter: alpha(opacity = 30);
+            -khtml-opacity: 0.3;
+            -moz-opacity: 0.3;
+            opacity: 0.3;
+        }
+
+        div.timeline-axis-grid-major {
+            filter: alpha(opacity = 50);
+            -khtml-opacity: 0.5;
+            -moz-opacity: 0.5;
+            opacity: 0.5;
+        }
+
+        div.timeline-axis-text {
+            padding: 3px;
+            white-space: nowrap;
+        }
+
+        div.timeline-event {
+            display: inline-block;
+        }
+
+        div.timeline-event-selected {
+            z-index: 999;
+        }
+
+        div.timeline-event.timeline-event-box {
+            text-align: center;
+            border-style: solid;
+            border-width: 1px;
+            border-radius: 5px;
+            -moz-border-radius: 5px; /* For Firefox 3.6 and older */
+        }
+
+        div.timeline-event.timeline-event-dot {
+            border-style: solid;
+            border-width: 5px;
+            border-radius: 5px;
+            -moz-border-radius: 5px; /* For Firefox 3.6 and older */
+        }
+
+        div.timeline-event.timeline-event-range {
+            border-style: solid;
+            border-width: 1px;
+            border-radius: 2px;
+            -moz-border-radius: 2px; /* For Firefox 3.6 and older */
+        }
+
+        div.timeline-frame div.timeline-event-dot-container {
+            border: none;
+        }
+
+        div.timeline-event-range-drag-left {
+            cursor: w-resize;
+            z-index: 1000;
+        }
+
+        div.timeline-event-range-drag-right {
+            cursor: e-resize;
+            z-index: 1000;
+        }
+
+        div.timeline-event-line {
+            border-left-width: 1px;
+            border-left-style: solid;
+        }
+
+        div.timeline-event-content {
+            margin: 5px;
+            white-space: nowrap;
+            overflow: hidden;
+        }
+
+        div.timeline-groups-axis {
+            border-width: 1px;
+        }
+
+        div.timeline-groups-axis-onleft {
+            border-style: none groove none none;
+        }
+
+        div.timeline-groups-axis-onright {
+            border-style: none none none groove;
+        }
+
+        div.timeline-groups-text {
+            padding-left: 10px;
+            padding-right: 10px;
+        }
+
+        div.timeline-currenttime {
+            background-color: #FF7F6E;
+            width: 2px;
+        }
+
+        div.timeline-customtime {
+            background-color: #6E94FF;
+            width: 2px;
+            cursor: move;
+        }
+
+        div.timeline-navigation-new, div.timeline-navigation-delete,
+        div.timeline-navigation-zoom-in, div.timeline-navigation-zoom-out,
+        div.timeline-navigation-move-left, div.timeline-navigation-move-right {
+            cursor: pointer;
+            float: left;
+            padding: 5px;
+            text-decoration: none;
+        }
+
+        div.timeline-navigation-new-line {
+            border-right: dotted 1px;
+        }
+
+        div.timeline-navigation-delete {
+            padding: 0 0 0 5px;
+            background: url('img/deleteEvent.png') no-repeat center;
+            width: 13px;
+            height: 13px;
+        }
+
+        div.timeline-selectable div.timeline-event {
+            cursor: pointer;
+        }
+
+        div.timeline-selectable div.timeline-event-content {
+            cursor: pointer;
+        }
+
+        div.timeline-event-selected div.timeline-event-content {
+            cursor: move;
+        }
+    </style>
+    <style>
+        body {
+            font: 10pt arial;
+        }
+    </style>
+
+    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
+    <script type="text/javascript">
+
+        /*
+        
+         Licensed under the Apache License, Version 2.0 (the "License"); you may not
+         use this file except in compliance with the License. You may obtain a copy
+         of the License at
+        
+         http://www.apache.org/licenses/LICENSE-2.0
+        
+         Unless required by applicable law or agreed to in writing, software
+         distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+         WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+         License for the specific language governing permissions and limitations under
+         the License.
+        
+         Copyright (c) 2011-2015 Almende B.V.
+        
+         @author  Jos de Jong, <jos@almende.org>
+         @date    2015-03-04
+         @version 2.9.1
+        */
+        typeof links === "undefined" && (links = {}); typeof google === "undefined" && (google = void 0); if (!Array.prototype.indexOf) Array.prototype.indexOf = function (a) { for (var b = 0; b < this.length; b++) if (this[b] == a) return b; return -1 }; if (!Array.prototype.forEach) Array.prototype.forEach = function (a, b) { for (var c = 0, d = this.length; c < d; ++c) a.call(b || this, this[c], c, this) };
+        links.Timeline = function (a, b) {
+            if (a) {
+                this.dom = {}; this.conversion = {}; this.eventParams = {}; this.groups = []; this.groupIndexes = {}; this.items = []; this.renderQueue = { show: [], hide: [], update: [] }; this.renderedItems = []; this.clusterGenerator = new links.Timeline.ClusterGenerator(this); this.currentClusters = []; this.selection = void 0; this.listeners = {}; this.size = {
+                    actualHeight: 0, axis: {
+                        characterMajorHeight: 0, characterMajorWidth: 0, characterMinorHeight: 0, characterMinorWidth: 0, height: 0, labelMajorTop: 0, labelMinorTop: 0, line: 0,
+                        lineMajorWidth: 0, lineMinorHeight: 0, lineMinorTop: 0, lineMinorWidth: 0, top: 0
+                    }, contentHeight: 0, contentLeft: 0, contentWidth: 0, frameHeight: 0, frameWidth: 0, groupsLeft: 0, groupsWidth: 0, items: { top: 0 }
+                }; this.dom.container = a; this.options = {
+                    width: "100%", height: "auto", minHeight: 0, groupMinHeight: 0, autoHeight: !0, eventMargin: 10, eventMarginAxis: 20, dragAreaWidth: 10, min: void 0, max: void 0, zoomMin: 10, zoomMax: 31536E10, moveable: !0, zoomable: !0, selectable: !0, unselectable: !0, editable: !1, snapEvents: !0, groupsChangeable: !0, timeChangeable: !0,
+                    showCurrentTime: !0, showCustomTime: !1, showMajorLabels: !0, showMinorLabels: !0, showNavigation: !1, showButtonNew: !1, groupsOnRight: !1, groupsOrder: !0, axisOnTop: !1, stackEvents: !0, animate: !0, animateZoom: !0, cluster: !1, clusterMaxItems: 5, style: "box", customStackOrder: !1, locale: "en", MONTHS: "January,February,March,April,May,June,July,August,September,October,November,December".split(","), MONTHS_SHORT: "Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec".split(","), DAYS: "Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday".split(","),
+                    DAYS_SHORT: "Sun,Mon,Tue,Wed,Thu,Fri,Sat".split(","), ZOOM_IN: "Zoom in", ZOOM_OUT: "Zoom out", MOVE_LEFT: "Move left", MOVE_RIGHT: "Move right", NEW: "New", CREATE_NEW_EVENT: "Create new event"
+                }; this.setOptions(b); this.clientTimeOffset = 0; for (var c = this.dom; c.container.hasChildNodes() ;) c.container.removeChild(c.container.firstChild); this.step = new links.Timeline.StepDate; this.itemTypes = { box: links.Timeline.ItemBox, range: links.Timeline.ItemRange, floatingRange: links.Timeline.ItemFloatingRange, dot: links.Timeline.ItemDot };
+                this.data = []; this.firstDraw = !0; this.setVisibleChartRange(void 0, void 0, !1); this.render(); var d = this; setTimeout(function () { d.trigger("ready") }, 0)
+            }
+        };
+        links.Timeline.prototype.draw = function (a, b) { b && (console.log("WARNING: Passing options in draw() is deprecated. Pass options to the constructur or use setOptions() instead!"), this.setOptions(b)); this.options.selectable && links.Timeline.addClassName(this.dom.frame, "timeline-selectable"); this.setData(a); this.firstDraw && this.setVisibleChartRangeAuto(); this.firstDraw = !1 };
+        links.Timeline.prototype.setOptions = function (a) {
+            if (a) {
+                for (var b in a) a.hasOwnProperty(b) && (this.options[b] = a[b]); if (typeof links.locales !== "undefined" && this.options.locale !== "en" && (b = links.locales[this.options.locale])) for (var c in b) b.hasOwnProperty(c) && (this.options[c] = b[c]); if (a.showButtonAdd != void 0) this.options.showButtonNew = a.showButtonAdd, console.log("WARNING: Option showButtonAdd is deprecated. Use showButtonNew instead"); if (a.intervalMin != void 0) this.options.zoomMin = a.intervalMin, console.log("WARNING: Option intervalMin is deprecated. Use zoomMin instead");
+                if (a.intervalMax != void 0) this.options.zoomMax = a.intervalMax, console.log("WARNING: Option intervalMax is deprecated. Use zoomMax instead"); a.scale && a.step && this.step.setScale(a.scale, a.step)
+            } this.options.autoHeight = this.options.height === "auto"
+        }; links.Timeline.prototype.getOptions = function () { return this.options }; links.Timeline.prototype.addItemType = function (a, b) { this.itemTypes[a] = b };
+        links.Timeline.mapColumnIds = function (a) { for (var b = {}, c = a.getNumberOfColumns(), d = !0, e = 0; e < c; e++) { var f = a.getColumnId(e) || a.getColumnLabel(e); b[f] = e; if (f == "start" || f == "end" || f == "content" || f == "group" || f == "className" || f == "editable" || f == "type") d = !1 } if (d) { b.start = 0; b.end = 1; b.content = 2; if (c > 3) b.group = 3; if (c > 4) b.className = 4; if (c > 5) b.editable = 5; if (c > 6) b.type = 6 } return b };
+        links.Timeline.prototype.setData = function (a) {
+            this.unselectItem(); a || (a = []); this.stackCancelAnimation(); this.clearItems(); this.data = a; var b = this.items; this.deleteGroups(); if (google && google.visualization && a instanceof google.visualization.DataTable) for (var c = links.Timeline.mapColumnIds(a), d = 0, e = a.getNumberOfRows() ; d < e; d++) b.push(this.createItem({
+                start: c.start != void 0 ? a.getValue(d, c.start) : void 0, end: c.end != void 0 ? a.getValue(d, c.end) : void 0, content: c.content != void 0 ? a.getValue(d, c.content) : void 0, group: c.group !=
+                void 0 ? a.getValue(d, c.group) : void 0, className: c.className != void 0 ? a.getValue(d, c.className) : void 0, editable: c.editable != void 0 ? a.getValue(d, c.editable) : void 0, type: c.type != void 0 ? a.getValue(d, c.type) : void 0
+            })); else if (links.Timeline.isArray(a)) { d = 0; for (e = a.length; d < e; d++) c = this.createItem(a[d]), b.push(c) } else throw "Unknown data type. DataTable or Array expected."; this.options.cluster && this.clusterGenerator.setData(this.items); this.render({ animate: !1 })
+        }; links.Timeline.prototype.getData = function () { return this.data };
+        links.Timeline.prototype.updateData = function (a, b) {
+            var c = this.data, d; if (google && google.visualization && c instanceof google.visualization.DataTable) { var e = a + 1 - c.getNumberOfRows(); e > 0 && c.addRows(e); e = links.Timeline.mapColumnIds(c); for (d in b) if (b.hasOwnProperty(d)) { var f = e[d]; if (f == void 0) { var f = b[d], g = "string"; typeof f == "number" ? g = "number" : typeof f == "boolean" ? g = "boolean" : f instanceof Date && (g = "datetime"); f = c.addColumn(g, d) } c.setValue(a, f, b[d]) } } else if (links.Timeline.isArray(c)) for (d in e = c[a], e == void 0 &&
+            (e = {}, c[a] = e), b) b.hasOwnProperty(d) && (e[d] = b[d]); else throw "Cannot update data, unknown type of data";
+        }; links.Timeline.prototype.getItemIndex = function (a) { for (var b = this.dom.items.frame, c = this.items, d = void 0; a.parentNode && a.parentNode !== b;) a = a.parentNode; if (a.parentNode === b) for (var b = 0, e = c.length; b < e; b++) if (c[b].dom === a) { d = b; break } return d };
+        links.Timeline.prototype.getClusterIndex = function (a) { var b = this.dom.items.frame, c = this.clusters, d = void 0; if (this.clusters) { for (; a.parentNode && a.parentNode !== b;) a = a.parentNode; if (a.parentNode === b) for (var b = 0, e = c.length; b < e; b++) if (c[b].dom === a) { d = b; break } } return d }; links.Timeline.prototype.getVisibleItems = function (a, b) { var c = this.items, d = []; if (c) for (var e = 0, f = c.length; e < f; e++) { var g = c[e]; g.end ? a <= g.start && g.end <= b && d.push({ row: e }) : a <= g.start && g.start <= b && d.push({ row: e }) } return d };
+        links.Timeline.prototype.setSize = function (a, b) { if (a) this.options.width = a, this.dom.frame.style.width = a; if (b && (this.options.height = b, this.options.autoHeight = this.options.height === "auto", b !== "auto")) this.dom.frame.style.height = b; this.render({ animate: !1 }) };
+        links.Timeline.prototype.setVisibleChartRange = function (a, b, c) {
+            var d = {}; if (!a || !b) d = this.getDataRange(!0); if (!a) b ? d.min && d.min.valueOf() < b.valueOf() ? a = d.min : (a = new Date(b.valueOf()), a.setDate(a.getDate() - 7)) : (a = new Date, a.setDate(a.getDate() - 3)); if (!b) d.max ? b = d.max : (b = new Date(a.valueOf()), b.setDate(b.getDate() + 7)); b <= a && (b = new Date(a.valueOf()), b.setDate(b.getDate() + 7)); d = this.options.min ? this.options.min : void 0; d != void 0 && a.valueOf() < d.valueOf() && (a = new Date(d.valueOf())); d = this.options.max ? this.options.max :
+            void 0; d != void 0 && b.valueOf() > d.valueOf() && (b = new Date(d.valueOf())); this.applyRange(a, b); c == void 0 || c == !0 ? this.render({ animate: !1 }) : this.recalcConversion()
+        }; links.Timeline.prototype.setVisibleChartRangeAuto = function () { var a = this.getDataRange(!0); this.setVisibleChartRange(a.min, a.max) }; links.Timeline.prototype.setVisibleChartRangeNow = function () { var a = this.end.valueOf() - this.start.valueOf(), b = new Date((new Date).valueOf() - a / 2); this.setVisibleChartRange(b, new Date(b.valueOf() + a)) };
+        links.Timeline.prototype.getVisibleChartRange = function () { return { start: new Date(this.start.valueOf()), end: new Date(this.end.valueOf()) } };
+        links.Timeline.prototype.getDataRange = function (a) { var b = this.items, c = void 0, d = void 0; if (b) for (var e = 0, f = b.length; e < f; e++) { var g = b[e], h = g.start != void 0 ? g.start.valueOf() : void 0, g = g.end != void 0 ? g.end.valueOf() : h; h != void 0 && (c = c != void 0 ? Math.min(c.valueOf(), h.valueOf()) : h); g != void 0 && (d = d != void 0 ? Math.max(d.valueOf(), g.valueOf()) : g) } c && d && a && (a = d - c, c -= a * 0.05, d += a * 0.05); return { min: c != void 0 ? new Date(c) : void 0, max: d != void 0 ? new Date(d) : void 0 } };
+        links.Timeline.prototype.render = function (a) { this.reflowFrame(); this.reflowAxis(); this.reflowGroups(); this.reflowItems(); var b = this.options.animate; if (a && a.animate != void 0) b = a.animate; this.recalcConversion(); this.clusterItems(); this.filterItems(); this.stackItems(b); this.recalcItems(); this.repaint() && (b = a ? a.renderTimesLeft : void 0, b == void 0 && (b = 5), b > 0 && this.render({ animate: a ? a.animate : void 0, renderTimesLeft: b - 1 })) };
+        links.Timeline.prototype.repaint = function () { var a = this.repaintFrame(), b = this.repaintAxis(), c = this.repaintGroups(), d = this.repaintItems(); this.repaintCurrentTime(); this.repaintCustomTime(); return a || b || c || d }; links.Timeline.prototype.reflowFrame = function () { var a = this.dom, b = this.size, c = a.frame ? a.frame.offsetWidth : 0, d = a.frame ? a.frame.clientHeight : 0, a = (a = b.frameWidth !== c) || b.frameHeight !== d; b.frameWidth = c; b.frameHeight = d; return a };
+        links.Timeline.prototype.repaintFrame = function () {
+            var a = !1, b = this.dom, c = this.options, d = this.size; if (!b.frame) b.frame = document.createElement("DIV"), b.frame.className = "timeline-frame ui-widget ui-widget-content ui-corner-all", b.container.appendChild(b.frame), a = !0; var e = c.autoHeight ? d.actualHeight + "px" : c.height || "100%", c = c.width || "100%", a = (a = a || b.frame.style.height != e) || b.frame.style.width != c; b.frame.style.height = e; b.frame.style.width = c; if (!b.content) {
+                b.content = document.createElement("DIV"); b.content.className =
+                "timeline-content"; b.frame.appendChild(b.content); a = document.createElement("DIV"); a.style.position = "absolute"; a.style.left = "0px"; a.style.top = "0px"; a.style.height = "100%"; a.style.width = "0px"; b.content.appendChild(a); b.contentTimelines = a; var a = this.eventParams, f = this; if (!a.onMouseDown) a.onMouseDown = function (a) { f.onMouseDown(a) }, links.Timeline.addEventListener(b.content, "mousedown", a.onMouseDown); if (!a.onTouchStart) a.onTouchStart = function (a) { f.onTouchStart(a) }, links.Timeline.addEventListener(b.content,
+                "touchstart", a.onTouchStart); if (!a.onMouseWheel) a.onMouseWheel = function (a) { f.onMouseWheel(a) }, links.Timeline.addEventListener(b.content, "mousewheel", a.onMouseWheel); if (!a.onDblClick) a.onDblClick = function (a) { f.onDblClick(a) }, links.Timeline.addEventListener(b.content, "dblclick", a.onDblClick); a = !0
+            } b.content.style.left = d.contentLeft + "px"; b.content.style.top = "0px"; b.content.style.width = d.contentWidth + "px"; b.content.style.height = d.frameHeight + "px"; this.repaintNavigation(); return a
+        };
+        links.Timeline.prototype.reflowAxis = function () {
+            var a, b = this.options, c = this.size, d = this.dom.axis, e = d && d.characterMinor ? d.characterMinor.clientWidth : 0, f = d && d.characterMinor ? d.characterMinor.clientHeight : 0, g = d && d.characterMajor ? d.characterMajor.clientWidth : 0, h = d && d.characterMajor ? d.characterMajor.clientHeight : 0, i = (b.showMinorLabels ? f : 0) + (b.showMajorLabels ? h : 0), k = b.axisOnTop ? 0 : c.frameHeight - i, m = b.axisOnTop ? i : k; a = (a = (a = c.axis.top !== k) || c.axis.line !== m) || c.axis.height !== i; c.axis.top = k; c.axis.line = m; c.axis.height =
+            i; c.axis.labelMajorTop = b.axisOnTop ? 0 : m + (b.showMinorLabels ? f : 0); c.axis.labelMinorTop = b.axisOnTop ? b.showMajorLabels ? h : 0 : m; c.axis.lineMinorTop = b.axisOnTop ? c.axis.labelMinorTop : 0; c.axis.lineMinorHeight = b.showMajorLabels ? c.frameHeight - h : c.frameHeight; c.axis.lineMinorWidth = d && d.minorLines && d.minorLines.length ? d.minorLines[0].offsetWidth : 1; c.axis.lineMajorWidth = d && d.majorLines && d.majorLines.length ? d.majorLines[0].offsetWidth : 1; a = (a = (a = (a = a || c.axis.characterMinorWidth !== e) || c.axis.characterMinorHeight !==
+            f) || c.axis.characterMajorWidth !== g) || c.axis.characterMajorHeight !== h; c.axis.characterMinorWidth = e; c.axis.characterMinorHeight = f; c.axis.characterMajorWidth = g; c.axis.characterMajorHeight = h; d = Math.max(c.frameHeight - i, 0); c.contentLeft = b.groupsOnRight ? 0 : c.groupsWidth; c.contentWidth = Math.max(c.frameWidth - c.groupsWidth, 0); c.contentHeight = d; return a
+        };
+        links.Timeline.prototype.repaintAxis = function () {
+            var a = !1, b = this.dom, c = this.options, d = this.size, e = this.step, f = b.axis; if (!f) f = {}, b.axis = f; if (!d.axis.properties) d.axis.properties = {}; if (!f.minorTexts) f.minorTexts = []; if (!f.minorLines) f.minorLines = []; if (!f.majorTexts) f.majorTexts = []; if (!f.majorLines) f.majorLines = []; if (!f.frame) f.frame = document.createElement("DIV"), f.frame.style.position = "absolute", f.frame.style.left = "0px", f.frame.style.top = "0px", b.content.appendChild(f.frame); b.content.removeChild(f.frame);
+            f.frame.style.width = d.contentWidth + "px"; f.frame.style.height = d.axis.height + "px"; var g = this.screenToTime(0), h = this.screenToTime(d.contentWidth); if (d.axis.characterMinorWidth) this.minimumStep = this.screenToTime(d.axis.characterMinorWidth * 6) - this.screenToTime(0), e.setRange(g, h, this.minimumStep); g = this.repaintAxisCharacters(); a = a || g; this.repaintAxisStartOverwriting(); e.start(); g = void 0; for (h = 0; !e.end() && h < 1E3;) {
+                h++; var i = this.timeToScreen(e.getCurrent()), k = e.isMajor(); c.showMinorLabels && this.repaintAxisMinorText(i,
+                e.getLabelMinor(c)); k && c.showMajorLabels ? (i > 0 && (g == void 0 && (g = i), this.repaintAxisMajorText(i, e.getLabelMajor(c))), this.repaintAxisMajorLine(i)) : this.repaintAxisMinorLine(i); e.next()
+            } c.showMajorLabels && (e = this.screenToTime(0), c = this.step.getLabelMajor(c, e), d = c.length * d.axis.characterMajorWidth + 10, (g == void 0 || d < g) && this.repaintAxisMajorText(0, c, e)); this.repaintAxisEndOverwriting(); this.repaintAxisHorizontal(); b.content.insertBefore(f.frame, b.content.firstChild); return a
+        };
+        links.Timeline.prototype.repaintAxisCharacters = function () {
+            var a = !1, b = this.dom.axis; if (!b.characterMinor) { var a = document.createTextNode("0"), c = document.createElement("DIV"); c.className = "timeline-axis-text timeline-axis-text-minor"; c.appendChild(a); c.style.position = "absolute"; c.style.visibility = "hidden"; c.style.paddingLeft = "0px"; c.style.paddingRight = "0px"; b.frame.appendChild(c); b.characterMinor = c; a = !0 } if (!b.characterMajor) a = document.createTextNode("0"), c = document.createElement("DIV"), c.className = "timeline-axis-text timeline-axis-text-major",
+            c.appendChild(a), c.style.position = "absolute", c.style.visibility = "hidden", c.style.paddingLeft = "0px", c.style.paddingRight = "0px", b.frame.appendChild(c), b.characterMajor = c, a = !0; return a
+        }; links.Timeline.prototype.repaintAxisStartOverwriting = function () { var a = this.size.axis.properties; a.minorTextNum = 0; a.minorLineNum = 0; a.majorTextNum = 0; a.majorLineNum = 0 };
+        links.Timeline.prototype.repaintAxisEndOverwriting = function () { var a = this.dom, b = this.size.axis.properties, c = this.dom.axis.frame, d, e = a.axis.minorTexts; for (d = b.minorTextNum; e.length > d;) c.removeChild(e[d]), e.splice(d, 1); e = a.axis.minorLines; for (d = b.minorLineNum; e.length > d;) c.removeChild(e[d]), e.splice(d, 1); e = a.axis.majorTexts; for (d = b.majorTextNum; e.length > d;) c.removeChild(e[d]), e.splice(d, 1); a = a.axis.majorLines; for (d = b.majorLineNum; a.length > d;) c.removeChild(a[d]), a.splice(d, 1) };
+        links.Timeline.prototype.repaintAxisHorizontal = function () {
+            var a = this.dom.axis, b = this.size, c = this.options; if (c = c.showMinorLabels || c.showMajorLabels) { if (!a.backgroundLine) { var d = document.createElement("DIV"); d.className = "timeline-axis"; d.style.position = "absolute"; d.style.left = "0px"; d.style.width = "100%"; d.style.border = "none"; a.frame.insertBefore(d, a.frame.firstChild); a.backgroundLine = d } if (a.backgroundLine) a.backgroundLine.style.top = b.axis.top + "px", a.backgroundLine.style.height = b.axis.height + "px" } else a.backgroundLine &&
+            (a.frame.removeChild(a.backgroundLine), delete a.backgroundLine); c ? (a.line ? (c = a.frame.removeChild(a.line), a.frame.appendChild(c)) : (c = document.createElement("DIV"), c.className = "timeline-axis", c.style.position = "absolute", c.style.left = "0px", c.style.width = "100%", c.style.height = "0px", a.frame.appendChild(c), a.line = c), a.line.style.top = b.axis.line + "px") : a.line && a.line.parentElement && (a.frame.removeChild(a.line), delete a.line)
+        };
+        links.Timeline.prototype.repaintAxisMinorText = function (a, b) { var c = this.size, d = this.dom, e = c.axis.properties, f = d.axis.frame, d = d.axis.minorTexts, g = e.minorTextNum; if (g < d.length) g = d[g]; else { var h = document.createTextNode(""), g = document.createElement("DIV"); g.appendChild(h); g.className = "timeline-axis-text timeline-axis-text-minor"; g.style.position = "absolute"; f.appendChild(g); d.push(g) } g.childNodes[0].nodeValue = b; g.style.left = a + "px"; g.style.top = c.axis.labelMinorTop + "px"; e.minorTextNum++ };
+        links.Timeline.prototype.repaintAxisMinorLine = function (a) { var b = this.size.axis, c = this.dom, d = b.properties, e = c.axis.frame, c = c.axis.minorLines, f = d.minorLineNum; f < c.length ? f = c[f] : (f = document.createElement("DIV"), f.className = "timeline-axis-grid timeline-axis-grid-minor", f.style.position = "absolute", f.style.width = "0px", e.appendChild(f), c.push(f)); f.style.top = b.lineMinorTop + "px"; f.style.height = b.lineMinorHeight + "px"; f.style.left = a - b.lineMinorWidth / 2 + "px"; d.minorLineNum++ };
+        links.Timeline.prototype.repaintAxisMajorText = function (a, b) { var c = this.size, d = c.axis.properties, e = this.dom.axis.frame, f = this.dom.axis.majorTexts, g = d.majorTextNum; if (g < f.length) g = f[g]; else { var h = document.createTextNode(b), g = document.createElement("DIV"); g.className = "timeline-axis-text timeline-axis-text-major"; g.appendChild(h); g.style.position = "absolute"; g.style.top = "0px"; e.appendChild(g); f.push(g) } g.childNodes[0].nodeValue = b; g.style.top = c.axis.labelMajorTop + "px"; g.style.left = a + "px"; d.majorTextNum++ };
+        links.Timeline.prototype.repaintAxisMajorLine = function (a) { var b = this.size, c = b.axis.properties, d = this.size.axis, e = this.dom.axis.frame, f = this.dom.axis.majorLines, g = c.majorLineNum; g < f.length ? g = f[g] : (g = document.createElement("DIV"), g.className = "timeline-axis-grid timeline-axis-grid-major", g.style.position = "absolute", g.style.top = "0px", g.style.width = "0px", e.appendChild(g), f.push(g)); g.style.left = a - d.lineMajorWidth / 2 + "px"; g.style.height = b.frameHeight + "px"; c.majorLineNum++ };
+        links.Timeline.prototype.reflowItems = function () { var a = !1, b, c, d; b = this.groups; var e = this.renderedItems; b && b.forEach(function (a) { a.itemsHeight = a.labelHeight || 0 }); for (b = 0, c = e.length; b < c; b++) { var f = e[b], g = f.dom; d = f.group; if (g) { var h = g ? g.clientWidth : 0, g = g ? g.clientHeight : 0, a = (a = a || f.width != h) || f.height != g; f.width = h; f.height = g; f.reflow() } if (d) d.itemsHeight = Math.max(this.options.groupMinHeight, d.itemsHeight ? Math.max(d.itemsHeight, f.height) : f.height) } return a };
+        links.Timeline.prototype.recalcItems = function () {
+            var a = !1, b, c, d, e, f; d = this.groups; var g = this.size, h = this.options; f = this.renderedItems; var i = 0; if (d.length == 0) {
+                if (h.autoHeight || h.cluster) {
+                    var k = i = 0; if (this.stack && this.stack.finalItems) { d = this.stack.finalItems; if ((e = d[0]) && e.top) i = e.top, k = e.top + e.height; for (b = 1, c = d.length; b < c; b++) e = d[b], i = Math.min(i, e.top), k = Math.max(k, e.top + e.height) } else {
+                        if ((d = f[0]) && d.top) i = d.top, k = d.top + d.height; for (b = 1, c = f.length; b < c; b++) d = f[b], d.top && (i = Math.min(i, d.top), k = Math.max(k,
+                        d.top + d.height))
+                    } i = k - i + 2 * h.eventMarginAxis + g.axis.height; if (i < h.minHeight) i = h.minHeight; if (g.actualHeight != i && h.autoHeight && !h.axisOnTop) if (k = i - g.actualHeight, this.stack && this.stack.finalItems) { d = this.stack.finalItems; for (b = 0, c = d.length; b < c; b++) d[b].top += k, d[b].item.top += k } else for (b = 0, c = f.length; b < c; b++) f[b].top += k
+                }
+            } else {
+                i = g.axis.height + 2 * h.eventMarginAxis; for (b = 0, c = d.length; b < c; b++) f = d[b], k = f.itemsHeight, a = a || k != f.height, f.height = Math.max(k, h.groupMinHeight), i += d[b].height + h.eventMargin; a = h.eventMargin;
+                k = h.axisOnTop ? h.eventMarginAxis + a / 2 : g.contentHeight - h.eventMarginAxis + a / 2; e = g.axis.height; for (b = 0, c = d.length; b < c; b++) f = d[b], h.axisOnTop ? (f.top = k + e, f.labelTop = k + e + (f.height - f.labelHeight) / 2, f.lineTop = k + e + f.height + a / 2, k += f.height + a) : (k -= f.height + a, f.top = k, f.labelTop = k + (f.height - f.labelHeight) / 2, f.lineTop = k - a / 2); a = !0
+            } if (i < h.minHeight) i = h.minHeight; a = a || i != g.actualHeight; g.actualHeight = i; return a
+        };
+        links.Timeline.prototype.clearItems = function () { var a = this.renderQueue.hide; this.renderedItems.forEach(function (b) { a.push(b) }); this.clusterGenerator.clear(); this.items = [] };
+        links.Timeline.prototype.repaintItems = function () {
+            var a, b, c = !1, d = this.dom; a = this.size; var e = this, f = this.renderedItems; if (!d.items) d.items = {}; var g = d.items.frame; if (!g) g = document.createElement("DIV"), g.style.position = "relative", d.content.appendChild(g), d.items.frame = g; g.style.left = "0px"; g.style.top = a.items.top + "px"; g.style.height = "0px"; d.content.removeChild(g); for (var h = this.renderQueue, i = [], c = c || h.show.length > 0 || h.update.length > 0 || h.hide.length > 0; a = h.show.shift() ;) a.showDOM(g), a.getImageUrls(i), f.push(a);
+            for (; a = h.update.shift() ;) a.updateDOM(g), a.getImageUrls(i), b = this.renderedItems.indexOf(a), b == -1 && f.push(a); for (; a = h.hide.shift() ;) a.hideDOM(g), b = this.renderedItems.indexOf(a), b != -1 && f.splice(b, 1); f.forEach(function (a) { a.updatePosition(e) }); this.repaintDeleteButton(); this.repaintDragAreas(); d.content.appendChild(g); i.length && links.imageloader.loadAll(i, function () { e.render() }, !1); return c
+        };
+        links.Timeline.prototype.reflowGroups = function () {
+            for (var a = !1, b = this.options, c = this.size, d = this.dom, e = 0, f = this.groups, g = this.dom.groups ? this.dom.groups.labels : [], h = 0, i = f.length; h < i; h++) { var k = f[h], m = g[h]; k.labelWidth = m ? m.clientWidth : 0; k.labelHeight = m ? m.clientHeight : 0; k.width = k.labelWidth; e = Math.max(e, k.width) } b.groupsWidth !== void 0 && (e = d.groups && d.groups.frame ? d.groups.frame.clientWidth : 0); e += 1; b = b.groupsOnRight ? c.frameWidth - e : 0; a = (a = a || c.groupsWidth !== e) || c.groupsLeft !== b; c.groupsWidth = e; c.groupsLeft =
+            b; return a
+        };
+        links.Timeline.prototype.repaintGroups = function () {
+            var a = this.dom, b = this, c = this.options, d = this.size, e = this.groups; if (a.groups === void 0) a.groups = {}; var f = a.groups.labels; if (!f) f = [], a.groups.labels = f; var g = a.groups.labelLines; if (!g) g = [], a.groups.labelLines = g; var h = a.groups.itemLines; if (!h) h = [], a.groups.itemLines = h; var i = a.groups.frame; if (!i) i = document.createElement("DIV"), i.className = "timeline-groups-axis", i.style.position = "absolute", i.style.overflow = "hidden", i.style.top = "0px", i.style.height = "100%",
+            a.frame.appendChild(i), a.groups.frame = i; i.style.left = d.groupsLeft + "px"; i.style.width = c.groupsWidth !== void 0 ? c.groupsWidth : d.groupsWidth + "px"; i.style.display = e.length == 0 ? "none" : ""; for (var k = f.length, m = e.length, l = 0, s = Math.min(k, m) ; l < s; l++) { var q = e[l], o = f[l]; o.innerHTML = this.getGroupName(q); o.style.display = "" } for (l = k; l < m; l++) {
+                q = e[l]; o = document.createElement("DIV"); o.className = "timeline-groups-text"; o.style.position = "absolute"; if (c.groupsWidth === void 0) o.style.whiteSpace = "nowrap"; o.innerHTML = this.getGroupName(q);
+                i.appendChild(o); f[l] = o; var p = document.createElement("DIV"); p.className = "timeline-axis-grid timeline-axis-grid-minor"; p.style.position = "absolute"; p.style.left = "0px"; p.style.width = "100%"; p.style.height = "0px"; p.style.borderTopStyle = "solid"; i.appendChild(p); g[l] = p; var n = document.createElement("DIV"); n.className = "timeline-axis-grid timeline-axis-grid-minor"; n.style.position = "absolute"; n.style.left = "0px"; n.style.width = "100%"; n.style.height = "0px"; n.style.borderTopStyle = "solid"; a.content.insertBefore(n,
+                a.content.firstChild); h[l] = n
+            } for (l = m; l < k; l++) o = f[l], p = g[l], n = h[l], i.removeChild(o), i.removeChild(p), a.content.removeChild(n); f.splice(m, k - m); g.splice(m, k - m); h.splice(m, k - m); links.Timeline.addClassName(i, c.groupsOnRight ? "timeline-groups-axis-onright" : "timeline-groups-axis-onleft"); l = 0; for (s = e.length; l < s; l++) q = e[l], o = f[l], p = g[l], n = h[l], o.style.top = q.labelTop + "px", p.style.top = q.lineTop + "px", n.style.top = q.lineTop + "px", n.style.width = d.contentWidth + "px"; if (!a.groups.background) c = document.createElement("DIV"),
+            c.className = "timeline-axis", c.style.position = "absolute", c.style.left = "0px", c.style.width = "100%", c.style.border = "none", i.appendChild(c), a.groups.background = c; a.groups.background.style.top = d.axis.top + "px"; a.groups.background.style.height = d.axis.height + "px"; if (!a.groups.line) c = document.createElement("DIV"), c.className = "timeline-axis", c.style.position = "absolute", c.style.left = "0px", c.style.width = "100%", c.style.height = "0px", i.appendChild(c), a.groups.line = c; a.groups.line.style.top = d.axis.line + "px"; a.groups.frame &&
+            e.length && (d = [], links.imageloader.filterImageUrls(a.groups.frame, d), d.length && links.imageloader.loadAll(d, function () { b.render() }, !1))
+        };
+        links.Timeline.prototype.repaintCurrentTime = function () {
+            var a = this.dom, b = this.size; if (this.options.showCurrentTime) {
+                if (!a.currentTime) { var c = document.createElement("DIV"); c.className = "timeline-currenttime"; c.style.position = "absolute"; c.style.top = "0px"; c.style.height = "100%"; a.contentTimelines.appendChild(c); a.currentTime = c } var c = new Date((new Date).valueOf() + this.clientTimeOffset), d = this.timeToScreen(c); a.currentTime.style.display = d > -b.contentWidth && d < 2 * b.contentWidth ? "" : "none"; a.currentTime.style.left =
+                d + "px"; a.currentTime.title = "Current time: " + c; this.currentTimeTimer != void 0 && (clearTimeout(this.currentTimeTimer), delete this.currentTimeTimer); var e = this, a = 1 / this.conversion.factor / 2; a < 30 && (a = 30); this.currentTimeTimer = setTimeout(function () { e.repaintCurrentTime() }, a)
+            } else a.currentTime && (a.contentTimelines.removeChild(a.currentTime), delete a.currentTime)
+        };
+        links.Timeline.prototype.repaintCustomTime = function () {
+            var a = this.dom, b = this.size; if (this.options.showCustomTime) {
+                if (!a.customTime) { var c = document.createElement("DIV"); c.className = "timeline-customtime"; c.style.position = "absolute"; c.style.top = "0px"; c.style.height = "100%"; var d = document.createElement("DIV"); d.style.position = "relative"; d.style.top = "0px"; d.style.left = "-10px"; d.style.height = "100%"; d.style.width = "20px"; c.appendChild(d); a.contentTimelines.appendChild(c); a.customTime = c; this.customTime = new Date } c =
+                this.timeToScreen(this.customTime); a.customTime.style.display = c > -b.contentWidth && c < 2 * b.contentWidth ? "" : "none"; a.customTime.style.left = c + "px"; a.customTime.title = "Time: " + this.customTime
+            } else a.customTime && (a.contentTimelines.removeChild(a.customTime), delete a.customTime)
+        };
+        links.Timeline.prototype.repaintDeleteButton = function () {
+            var a = this.dom, b = a.items.frame, c = a.items.deleteButton; if (!c) c = document.createElement("DIV"), c.className = "timeline-navigation-delete", c.style.position = "absolute", b.appendChild(c), a.items.deleteButton = c; var a = this.selection && this.selection.index !== void 0 ? this.selection.index : -1, d = this.selection && this.selection.index !== void 0 ? this.items[a] : void 0; d && d.rendered && this.isEditable(d) ? (a = d.getRight(this), d = d.top, c.style.left = a + "px", c.style.top = d + "px",
+            c.style.display = "", b.removeChild(c), b.appendChild(c)) : c.style.display = "none"
+        };
+        links.Timeline.prototype.repaintDragAreas = function () {
+            var a = this.options, b = this.dom, c = this.dom.items.frame, d = b.items.dragLeft; if (!d) d = document.createElement("DIV"), d.className = "timeline-event-range-drag-left", d.style.position = "absolute", c.appendChild(d), b.items.dragLeft = d; var e = b.items.dragRight; if (!e) e = document.createElement("DIV"), e.className = "timeline-event-range-drag-right", e.style.position = "absolute", c.appendChild(e), b.items.dragRight = e; var b = this.selection && this.selection.index !== void 0 ? this.selection.index :
+            -1, f = this.selection && this.selection.index !== void 0 ? this.items[b] : void 0; if (f && f.rendered && this.isEditable(f) && (f instanceof links.Timeline.ItemRange || f instanceof links.Timeline.ItemFloatingRange)) {
+                var b = f.getLeft(this), g = f.getRight(this), h = f.top, f = f.height; d.style.left = b + "px"; d.style.top = h + "px"; d.style.width = a.dragAreaWidth + "px"; d.style.height = f + "px"; d.style.display = ""; c.removeChild(d); c.appendChild(d); e.style.left = g - a.dragAreaWidth + "px"; e.style.top = h + "px"; e.style.width = a.dragAreaWidth + "px"; e.style.height =
+                f + "px"; e.style.display = ""; c.removeChild(e); c.appendChild(e)
+            } else d.style.display = "none", e.style.display = "none"
+        };
+        links.Timeline.prototype.repaintNavigation = function () {
+            var a = this, b = this.options, c = this.dom, d = c.frame, e = c.navBar; if (!e) {
+                var f = b.showButtonNew && b.editable, g = b.showNavigation && (b.zoomable || b.moveable); if (g || f) e = document.createElement("DIV"), e.style.position = "absolute", e.className = "timeline-navigation ui-widget ui-state-highlight ui-corner-all", b.groupsOnRight ? e.style.left = "10px" : e.style.right = "10px", b.axisOnTop ? e.style.bottom = "10px" : e.style.top = "10px", c.navBar = e, d.appendChild(e); if (f) e.addButton = document.createElement("DIV"),
+                e.addButton.className = "timeline-navigation-new", e.addButton.title = b.CREATE_NEW_EVENT, c = document.createElement("SPAN"), c.className = "ui-icon ui-icon-circle-plus", e.addButton.appendChild(c), links.Timeline.addEventListener(e.addButton, "mousedown", function (c) {
+                    links.Timeline.preventDefault(c); links.Timeline.stopPropagation(c); c = a.screenToTime(a.size.contentWidth / 2); b.snapEvents && a.step.snap(c); a.addItem({ start: c, content: b.NEW, group: a.groups.length ? a.groups[0].content : void 0 }, !0); c = a.items.length - 1; a.selectItem(c);
+                    a.applyAdd = !0; a.trigger("add"); a.applyAdd ? (a.render({ animate: !1 }), a.selectItem(c)) : a.deleteItem(c)
+                }), e.appendChild(e.addButton); f && g && links.Timeline.addClassName(e.addButton, "timeline-navigation-new-line"); if (g) {
+                    if (b.zoomable) e.zoomInButton = document.createElement("DIV"), e.zoomInButton.className = "timeline-navigation-zoom-in", e.zoomInButton.title = this.options.ZOOM_IN, f = document.createElement("SPAN"), f.className = "ui-icon ui-icon-circle-zoomin", e.zoomInButton.appendChild(f), links.Timeline.addEventListener(e.zoomInButton,
+                    "mousedown", function (b) { links.Timeline.preventDefault(b); links.Timeline.stopPropagation(b); a.zoom(0.4); a.trigger("rangechange"); a.trigger("rangechanged") }), e.appendChild(e.zoomInButton), e.zoomOutButton = document.createElement("DIV"), e.zoomOutButton.className = "timeline-navigation-zoom-out", e.zoomOutButton.title = this.options.ZOOM_OUT, f = document.createElement("SPAN"), f.className = "ui-icon ui-icon-circle-zoomout", e.zoomOutButton.appendChild(f), links.Timeline.addEventListener(e.zoomOutButton, "mousedown",
+                    function (b) { links.Timeline.preventDefault(b); links.Timeline.stopPropagation(b); a.zoom(-0.4); a.trigger("rangechange"); a.trigger("rangechanged") }), e.appendChild(e.zoomOutButton); if (b.moveable) e.moveLeftButton = document.createElement("DIV"), e.moveLeftButton.className = "timeline-navigation-move-left", e.moveLeftButton.title = this.options.MOVE_LEFT, f = document.createElement("SPAN"), f.className = "ui-icon ui-icon-circle-arrow-w", e.moveLeftButton.appendChild(f), links.Timeline.addEventListener(e.moveLeftButton,
+                    "mousedown", function (b) { links.Timeline.preventDefault(b); links.Timeline.stopPropagation(b); a.move(-0.2); a.trigger("rangechange"); a.trigger("rangechanged") }), e.appendChild(e.moveLeftButton), e.moveRightButton = document.createElement("DIV"), e.moveRightButton.className = "timeline-navigation-move-right", e.moveRightButton.title = this.options.MOVE_RIGHT, f = document.createElement("SPAN"), f.className = "ui-icon ui-icon-circle-arrow-e", e.moveRightButton.appendChild(f), links.Timeline.addEventListener(e.moveRightButton,
+                    "mousedown", function (b) { links.Timeline.preventDefault(b); links.Timeline.stopPropagation(b); a.move(0.2); a.trigger("rangechange"); a.trigger("rangechanged") }), e.appendChild(e.moveRightButton)
+                }
+            }
+        }; links.Timeline.prototype.setCurrentTime = function (a) { this.clientTimeOffset = a.valueOf() - (new Date).valueOf(); this.repaintCurrentTime() }; links.Timeline.prototype.getCurrentTime = function () { return new Date((new Date).valueOf() + this.clientTimeOffset) };
+        links.Timeline.prototype.setCustomTime = function (a) { this.customTime = new Date(a.valueOf()); this.repaintCustomTime() }; links.Timeline.prototype.getCustomTime = function () { return new Date(this.customTime.valueOf()) }; links.Timeline.prototype.setScale = function (a, b) { this.step.setScale(a, b); this.render() }; links.Timeline.prototype.setAutoScale = function (a) { this.step.setAutoScale(a); this.render() }; links.Timeline.prototype.redraw = function () { this.setData(this.data) }; links.Timeline.prototype.checkResize = function () { this.render() };
+        links.Timeline.prototype.isEditable = function (a) { return a ? a.editable != void 0 ? a.editable : this.options.editable : !1 }; links.Timeline.prototype.recalcConversion = function () { this.conversion.offset = this.start.valueOf(); this.conversion.factor = this.size.contentWidth / (this.end.valueOf() - this.start.valueOf()) }; links.Timeline.prototype.screenToTime = function (a) { var b = this.conversion; return new Date(a / b.factor + b.offset) };
+        links.Timeline.prototype.timeToScreen = function (a) { var b = this.conversion; return (a.valueOf() - b.offset) * b.factor };
+        links.Timeline.prototype.onTouchStart = function (a) {
+            var b = this.eventParams, c = this; if (!b.touchDown) {
+                b.touchDown = !0; b.zoomed = !1; this.onMouseDown(a); if (!b.onTouchMove) b.onTouchMove = function (a) { c.onTouchMove(a) }, links.Timeline.addEventListener(document, "touchmove", b.onTouchMove); if (!b.onTouchEnd) b.onTouchEnd = function (a) { c.onTouchEnd(a) }, links.Timeline.addEventListener(document, "touchend", b.onTouchEnd); var d = this.getItemIndex(links.Timeline.getTarget(a)); b.doubleTapStartPrev = b.doubleTapStart; b.doubleTapStart =
+                (new Date).valueOf(); b.doubleTapItemPrev = b.doubleTapItem; b.doubleTapItem = d; links.Timeline.preventDefault(a)
+            }
+        }; links.Timeline.prototype.onTouchMove = function (a) { var b = this.eventParams; if (a.scale && a.scale !== 1) b.zoomed = !0; if (b.zoomed) { if (this.options.zoomable) { b.zoomed = !0; var c = b.end.valueOf() - b.start.valueOf(), d = c / a.scale - c, c = new Date(parseInt(b.start.valueOf() - d / 2)), b = new Date(parseInt(b.end.valueOf() + d / 2)); this.setVisibleChartRange(c, b); this.trigger("rangechange") } } else this.onMouseMove(a); links.Timeline.preventDefault(a) };
+        links.Timeline.prototype.onTouchEnd = function (a) {
+            var b = this.eventParams; b.touchDown = !1; b.zoomed && this.trigger("rangechanged"); b.onTouchMove && (links.Timeline.removeEventListener(document, "touchmove", b.onTouchMove), delete b.onTouchMove); b.onTouchEnd && (links.Timeline.removeEventListener(document, "touchend", b.onTouchEnd), delete b.onTouchEnd); this.onMouseUp(a); var c = (new Date).valueOf(); this.getItemIndex(links.Timeline.getTarget(a)); if (b.doubleTapStartPrev && c - b.doubleTapStartPrev < 500 && b.doubleTapItem ==
+            b.doubleTapItemPrev) b.touchDown = !0, this.onDblClick(a), b.touchDown = !1; links.Timeline.preventDefault(a)
+        };
+        links.Timeline.prototype.onMouseDown = function (a) {
+            var a = a || window.event, b = this.eventParams, c = this.options, d = this.dom; if ((a.which ? a.which == 1 : a.button == 1) || b.touchDown) {
+                b.mouseX = links.Timeline.getPageX(a); b.mouseY = links.Timeline.getPageY(a); b.frameLeft = links.Timeline.getAbsoluteLeft(this.dom.content); b.frameTop = links.Timeline.getAbsoluteTop(this.dom.content); b.previousLeft = 0; b.previousOffset = 0; b.moved = !1; b.start = new Date(this.start.valueOf()); b.end = new Date(this.end.valueOf()); b.target = links.Timeline.getTarget(a);
+                var e = d.items && d.items.dragRight ? d.items.dragRight : void 0; b.itemDragLeft = b.target === (d.items && d.items.dragLeft ? d.items.dragLeft : void 0); b.itemDragRight = b.target === e; b.itemDragLeft || b.itemDragRight ? (b.itemIndex = this.selection && this.selection.index !== void 0 ? this.selection.index : void 0, delete b.clusterIndex) : (b.itemIndex = this.getItemIndex(b.target), b.clusterIndex = this.getClusterIndex(b.target)); b.customTime = b.target === d.customTime || b.target.parentNode === d.customTime ? this.customTime : void 0; b.addItem =
+                c.editable && a.ctrlKey; if (b.addItem) { var f = b.mouseY - b.frameTop, d = this.screenToTime(b.mouseX - b.frameLeft); c.snapEvents && this.step.snap(d); e = new Date(d.valueOf()); c = c.NEW; f = this.getGroupFromHeight(f); this.addItem({ start: d, end: e, content: c, group: this.getGroupName(f) }); b.itemIndex = this.items.length - 1; delete b.clusterIndex; this.selectItem(b.itemIndex); b.itemDragRight = !0 } c = this.items[b.itemIndex]; d = this.isSelected(b.itemIndex); b.editItem = d && this.isEditable(c); b.editItem ? (b.itemStart = c.start, b.itemEnd = c.end,
+                b.itemGroup = c.group, b.itemLeft = c.getLeft(this), b.itemRight = c.getRight(this)) : this.dom.frame.style.cursor = "move"; if (!b.touchDown) { var g = this; if (!b.onMouseMove) b.onMouseMove = function (a) { g.onMouseMove(a) }, links.Timeline.addEventListener(document, "mousemove", b.onMouseMove); if (!b.onMouseUp) b.onMouseUp = function (a) { g.onMouseUp(a) }, links.Timeline.addEventListener(document, "mouseup", b.onMouseUp); links.Timeline.preventDefault(a) }
+            }
+        };
+        links.Timeline.prototype.onMouseMove = function (a) {
+            var a = a || window.event, b = this.eventParams, c = this.size, d = this.dom, e = this.options, f = links.Timeline.getPageX(a), g = links.Timeline.getPageY(a); if (b.mouseX == void 0) b.mouseX = f; if (b.mouseY == void 0) b.mouseY = g; f -= b.mouseX; if (Math.abs(f) >= 1) b.moved = !0; if (b.customTime) this.customTime = this.screenToTime(this.timeToScreen(b.customTime) + f), this.repaintCustomTime(), this.trigger("timechange"); else if (b.editItem) {
+                var d = this.items[b.itemIndex], h, i; if (b.itemDragLeft && e.timeChangeable) {
+                    h =
+                    b.itemLeft + f; i = b.itemRight; d.start = this.screenToTime(h); e.snapEvents && (this.step.snap(d.start), h = this.timeToScreen(d.start)); if (h > i) h = i, d.start = this.screenToTime(h); this.trigger("change")
+                } else if (b.itemDragRight && e.timeChangeable) { h = b.itemLeft; i = b.itemRight + f; d.end = this.screenToTime(i); e.snapEvents && (this.step.snap(d.end), i = this.timeToScreen(d.end)); if (i < h) i = h, d.end = this.screenToTime(i); this.trigger("change") } else if (e.timeChangeable) {
+                    h = b.itemLeft + f; d.start = this.screenToTime(h); e.snapEvents && (this.step.snap(d.start),
+                    h = this.timeToScreen(d.start)); if (d.end) i = h + (b.itemRight - b.itemLeft), d.end = this.screenToTime(i); this.trigger("change")
+                } d.setPosition(h, i); c = b.itemDragLeft || b.itemDragRight; this.groups.length && !c ? (b = this.getGroupFromHeight(g - b.frameTop), e.groupsChangeable && d.group !== b ? this.changeItem(this.items.indexOf(d), { group: this.getGroupName(b) }) : (this.repaintDeleteButton(), this.repaintDragAreas())) : this.render()
+            } else if (e.moveable) e = b.end.valueOf() - b.start.valueOf(), g = Math.round(-f / c.contentWidth * e), f = new Date(b.start.valueOf() +
+            g), this.applyRange(f, new Date(b.end.valueOf() + g)), (f = this.start.valueOf() - f.valueOf()) && (g += f), this.recalcConversion(), f = b.previousLeft || 0, h = parseFloat(d.items.frame.style.left) || 0, f = (b.previousOffset || 0) + (h - f), c = -g / e * c.contentWidth + f, d.items.frame.style.left = c + "px", b.previousOffset = f, b.previousLeft = parseFloat(d.items.frame.style.left) || c, this.repaintCurrentTime(), this.repaintCustomTime(), this.repaintAxis(), this.trigger("rangechange"); links.Timeline.preventDefault(a)
+        };
+        links.Timeline.prototype.onMouseUp = function () {
+            var a = this.eventParams, b = this.options; this.dom.frame.style.cursor = "auto"; a.onMouseMove && (links.Timeline.removeEventListener(document, "mousemove", a.onMouseMove), delete a.onMouseMove); a.onMouseUp && (links.Timeline.removeEventListener(document, "mouseup", a.onMouseUp), delete a.onMouseUp); if (a.customTime) this.trigger("timechanged"); else if (a.editItem) {
+                if (b = this.items[a.itemIndex], a.moved || a.addItem) this.applyAdd = this.applyChange = !0, this.updateData(a.itemIndex,
+                { start: b.start, end: b.end }), this.trigger(a.addItem ? "add" : "changed"), b = this.items[a.itemIndex], a.addItem ? this.applyAdd ? this.updateData(a.itemIndex, { start: b.start, end: b.end, content: b.content, group: this.getGroupName(b.group) }) : this.deleteItem(a.itemIndex) : this.applyChange ? this.updateData(a.itemIndex, { start: b.start, end: b.end }) : (delete this.applyChange, delete this.applyAdd, b = this.items[a.itemIndex], b.start = a.itemStart, b.end = a.itemEnd, b.group = a.itemGroup, b.setPosition(a.itemLeft, a.itemRight), this.updateData(a.itemIndex,
+                { start: a.itemStart, end: a.itemEnd })), this.options.cluster && this.clusterGenerator.updateData(), this.render()
+            } else !a.moved && !a.zoomed ? a.target === this.dom.items.deleteButton ? this.selection && this.selection.index !== void 0 && this.confirmDeleteItem(this.selection.index) : b.selectable && (a.itemIndex != void 0 ? this.isSelected(a.itemIndex) || (this.selectItem(a.itemIndex), this.trigger("select")) : a.clusterIndex != void 0 ? (this.selectCluster(a.clusterIndex), this.trigger("select")) : b.unselectable && (this.unselectItem(),
+            this.trigger("select"))) : (this.render(), (a.moved && b.moveable || a.zoomed && b.zoomable) && this.trigger("rangechanged"))
+        };
+        links.Timeline.prototype.onDblClick = function (a) {
+            var b = this.eventParams, c = this.options, d = this.dom, a = a || window.event; if (b.itemIndex != void 0) (b = this.items[b.itemIndex]) && this.isEditable(b) && this.trigger("edit"); else if (c.editable) {
+                b.mouseX = links.Timeline.getPageX(a); b.mouseY = links.Timeline.getPageY(a); var e = b.mouseX - links.Timeline.getAbsoluteLeft(d.content), d = b.mouseY - links.Timeline.getAbsoluteTop(d.content), e = this.screenToTime(e); c.snapEvents && this.step.snap(e); c = c.NEW; d = this.getGroupFromHeight(d);
+                this.addItem({ start: e, content: c, group: this.getGroupName(d) }, !0); b.itemIndex = this.items.length - 1; this.selectItem(b.itemIndex); this.applyAdd = !0; this.trigger("add"); this.applyAdd ? (this.render({ animate: !1 }), this.selectItem(b.itemIndex)) : this.deleteItem(b.itemIndex)
+            } links.Timeline.preventDefault(a)
+        };
+        links.Timeline.prototype.onMouseWheel = function (a) { if (this.options.zoomable) { if (!a) a = window.event; var b = 0; a.wheelDelta ? b = a.wheelDelta / 120 : a.detail && (b = -a.detail / 3); if (b) { var c = this, d = function () { var d = b / 5, f = links.Timeline.getAbsoluteLeft(c.dom.content), g = links.Timeline.getPageX(a), f = g != void 0 && f != void 0 ? c.screenToTime(g - f) : void 0; c.zoom(d, f); c.trigger("rangechange"); c.trigger("rangechanged") }; a.shiftKey ? (c.move(b * -0.2), c.trigger("rangechange"), c.trigger("rangechanged")) : d() } links.Timeline.preventDefault(a) } };
+        links.Timeline.prototype.zoom = function (a, b) { b == void 0 && (b = new Date((this.start.valueOf() + this.end.valueOf()) / 2)); a >= 1 && (a = 0.9); a <= -1 && (a = -0.9); a < 0 && (a /= 1 + a); var c = new Date(this.start.valueOf() - (this.start.valueOf() - b) * a), d = new Date(this.end.valueOf() - (this.end.valueOf() - b) * a), e = d.valueOf() - c.valueOf(), f = Number(this.options.zoomMin) || 10; f < 10 && (f = 10); e >= f && (this.applyRange(c, d, b), this.render({ animate: this.options.animate && this.options.animateZoom })) };
+        links.Timeline.prototype.move = function (a) { var b = this.end.valueOf() - this.start.valueOf(); this.applyRange(new Date(this.start.valueOf() + b * a), new Date(this.end.valueOf() + b * a)); this.render() };
+        links.Timeline.prototype.applyRange = function (a, b, c) {
+            var a = a.valueOf(), b = b.valueOf(), d = b - a, e = this.options, f = Number(e.zoomMin) || 10; f < 10 && (f = 10); var g = Number(e.zoomMax) || 31536E10; g > 31536E10 && (g = 31536E10); g < f && (g = f); var h = e.min ? e.min.valueOf() : void 0, e = e.max ? e.max.valueOf() : void 0; h != void 0 && e != void 0 && (h >= e && (e = h + 864E5), g > e - h && (g = e - h), f > e - h && (f = e - h)); a >= b && (b += 864E5); if (d < f) { f -= d; var i = c ? (c.valueOf() - a) / d : 0.5; a -= Math.round(f * i); b += Math.round(f * (1 - i)) } d > g && (f = d - g, i = c ? (c.valueOf() - a) / d : 0.5, a += Math.round(f *
+            i), b -= Math.round(f * (1 - i))); h != void 0 && (f = a - h, f < 0 && (a -= f, b -= f)); e != void 0 && (f = e - b, f < 0 && (a += f, b += f)); this.start = new Date(a); this.end = new Date(b)
+        }; links.Timeline.prototype.confirmDeleteItem = function (a) { this.applyDelete = !0; this.isSelected(a) || this.selectItem(a); this.trigger("delete"); this.applyDelete && this.deleteItem(a); delete this.applyDelete };
+        links.Timeline.prototype.deleteItem = function (a, b) {
+            if (a >= this.items.length) throw "Cannot delete row, index out of range"; this.selection && this.selection.index !== void 0 && (this.selection.index == a ? this.unselectItem() : this.selection.index > a && this.selection.index--); this.renderQueue.hide.push(this.items.splice(a, 1)[0]); if (this.data) if (google && google.visualization && this.data instanceof google.visualization.DataTable) this.data.removeRow(a); else if (links.Timeline.isArray(this.data)) this.data.splice(a, 1); else throw "Cannot delete row from data, unknown data type";
+            this.options.cluster && this.clusterGenerator.updateData(); b || this.render()
+        };
+        links.Timeline.prototype.deleteAllItems = function () { this.unselectItem(); this.clearItems(); this.deleteGroups(); if (this.data) if (google && google.visualization && this.data instanceof google.visualization.DataTable) this.data.removeRows(0, this.data.getNumberOfRows()); else if (links.Timeline.isArray(this.data)) this.data.splice(0, this.data.length); else throw "Cannot delete row from data, unknown data type"; this.options.cluster && this.clusterGenerator.updateData(); this.render() };
+        links.Timeline.prototype.getGroupFromHeight = function (a) { var b, c, d = this.groups; if (d.length) { if (this.options.axisOnTop) for (b = d.length - 1; b >= 0; b--) { if (c = d[b], a > c.top) break } else for (b = 0; b < d.length; b++) if (c = d[b], a > c.top) break; return c } };
+        links.Timeline.Item = function (a, b) { if (a) this.start = a.start, this.end = a.end, this.content = a.content, this.className = a.className, this.editable = a.editable, this.group = a.group, this.type = a.type; this.dotHeight = this.dotWidth = this.lineWidth = this.height = this.width = this.left = this.top = 0; this.rendered = !1; if (b) for (var c in b) b.hasOwnProperty(c) && (this[c] = b[c]) }; links.Timeline.Item.prototype.reflow = function () { return !1 };
+        links.Timeline.Item.prototype.getImageUrls = function (a) { this.dom && links.imageloader.filterImageUrls(this.dom, a) }; links.Timeline.Item.prototype.select = function () { }; links.Timeline.Item.prototype.unselect = function () { }; links.Timeline.Item.prototype.createDOM = function () { }; links.Timeline.Item.prototype.showDOM = function () { }; links.Timeline.Item.prototype.hideDOM = function () { }; links.Timeline.Item.prototype.updateDOM = function () { }; links.Timeline.Item.prototype.updatePosition = function () { };
+        links.Timeline.Item.prototype.isRendered = function () { return this.rendered }; links.Timeline.Item.prototype.isVisible = function () { return !1 }; links.Timeline.Item.prototype.setPosition = function () { }; links.Timeline.Item.prototype.getLeft = function () { return 0 }; links.Timeline.Item.prototype.getRight = function () { return 0 }; links.Timeline.Item.prototype.getWidth = function () { return this.width || 0 }; links.Timeline.ItemBox = function (a, b) { links.Timeline.Item.call(this, a, b) }; links.Timeline.ItemBox.prototype = new links.Timeline.Item;
+        links.Timeline.ItemBox.prototype.reflow = function () { var a = this.dom, b = a.dot.offsetHeight, c = a.dot.offsetWidth, a = a.line.offsetWidth, d = this.dotHeight != b || this.dotWidth != c || this.lineWidth != a; this.dotHeight = b; this.dotWidth = c; this.lineWidth = a; return d }; links.Timeline.ItemBox.prototype.select = function () { var a = this.dom; links.Timeline.addClassName(a, "timeline-event-selected ui-state-active"); links.Timeline.addClassName(a.line, "timeline-event-selected ui-state-active"); links.Timeline.addClassName(a.dot, "timeline-event-selected ui-state-active") };
+        links.Timeline.ItemBox.prototype.unselect = function () { var a = this.dom; links.Timeline.removeClassName(a, "timeline-event-selected ui-state-active"); links.Timeline.removeClassName(a.line, "timeline-event-selected ui-state-active"); links.Timeline.removeClassName(a.dot, "timeline-event-selected ui-state-active") };
+        links.Timeline.ItemBox.prototype.createDOM = function () {
+            var a = document.createElement("DIV"); a.style.position = "absolute"; a.style.left = this.left + "px"; a.style.top = this.top + "px"; var b = document.createElement("DIV"); b.className = "timeline-event-content"; b.innerHTML = this.content; a.appendChild(b); b = document.createElement("DIV"); b.style.position = "absolute"; b.style.width = "0px"; a.line = b; b = document.createElement("DIV"); b.style.position = "absolute"; b.style.width = "0px"; b.style.height = "0px"; a.dot = b; this.dom = a; this.updateDOM();
+            return a
+        }; links.Timeline.ItemBox.prototype.showDOM = function (a) { var b = this.dom; b || (b = this.createDOM()); if (b.parentNode != a) b.parentNode && this.hideDOM(), a.appendChild(b), a.insertBefore(b.line, a.firstChild), a.appendChild(b.dot), this.rendered = !0 }; links.Timeline.ItemBox.prototype.hideDOM = function () { var a = this.dom; if (a) a.parentNode && a.parentNode.removeChild(a), a.line && a.line.parentNode && a.line.parentNode.removeChild(a.line), a.dot && a.dot.parentNode && a.dot.parentNode.removeChild(a.dot), this.rendered = !1 };
+        links.Timeline.ItemBox.prototype.updateDOM = function () {
+            var a = this.dom; if (a) {
+                var b = a.line, c = a.dot; a.firstChild.innerHTML = this.content; a.className = "timeline-event timeline-event-box ui-widget ui-state-default"; b.className = "timeline-event timeline-event-line ui-widget ui-state-default"; c.className = "timeline-event timeline-event-dot ui-widget ui-state-default"; this.isCluster && (links.Timeline.addClassName(a, "timeline-event-cluster ui-widget-header"), links.Timeline.addClassName(b, "timeline-event-cluster ui-widget-header"),
+                links.Timeline.addClassName(c, "timeline-event-cluster ui-widget-header")); this.className && (links.Timeline.addClassName(a, this.className), links.Timeline.addClassName(b, this.className), links.Timeline.addClassName(c, this.className))
+            }
+        };
+        links.Timeline.ItemBox.prototype.updatePosition = function (a) {
+            var b = this.dom; if (b) {
+                var c = a.timeToScreen(this.start), d = a.options.axisOnTop, e = a.size.axis.top, f = a.size.axis.height, a = a.options.box && a.options.box.align ? a.options.box.align : void 0; b.style.top = this.top + "px"; b.style.left = a == "right" ? c - this.width + "px" : a == "left" ? c + "px" : c - this.width / 2 + "px"; a = b.line; b = b.dot; a.style.left = c - this.lineWidth / 2 + "px"; b.style.left = c - this.dotWidth / 2 + "px"; d ? (a.style.top = f + "px", a.style.height = Math.max(this.top - f, 0) + "px", b.style.top =
+                f - this.dotHeight / 2 + "px") : (a.style.top = this.top + this.height + "px", a.style.height = Math.max(e - this.top - this.height, 0) + "px", b.style.top = e - this.dotHeight / 2 + "px")
+            }
+        }; links.Timeline.ItemBox.prototype.isVisible = function (a, b) { return this.cluster ? !1 : this.start > a && this.start < b };
+        links.Timeline.ItemBox.prototype.setPosition = function (a) { var b = this.dom; b.style.left = a - this.width / 2 + "px"; b.line.style.left = a - this.lineWidth / 2 + "px"; b.dot.style.left = a - this.dotWidth / 2 + "px"; if (this.group) this.top = this.group.top, b.style.top = this.top + "px" }; links.Timeline.ItemBox.prototype.getLeft = function (a) { var b = a.options.box && a.options.box.align ? a.options.box.align : void 0, a = a.timeToScreen(this.start); a -= b == "right" ? width : this.width / 2; return a };
+        links.Timeline.ItemBox.prototype.getRight = function (a) { var b = a.options.box && a.options.box.align ? a.options.box.align : void 0, a = a.timeToScreen(this.start); return b == "right" ? a : b == "left" ? a + this.width : a + this.width / 2 }; links.Timeline.ItemRange = function (a, b) { links.Timeline.Item.call(this, a, b) }; links.Timeline.ItemRange.prototype = new links.Timeline.Item; links.Timeline.ItemRange.prototype.select = function () { links.Timeline.addClassName(this.dom, "timeline-event-selected ui-state-active") };
+        links.Timeline.ItemRange.prototype.unselect = function () { links.Timeline.removeClassName(this.dom, "timeline-event-selected ui-state-active") }; links.Timeline.ItemRange.prototype.createDOM = function () { var a = document.createElement("DIV"); a.style.position = "absolute"; var b = document.createElement("DIV"); b.className = "timeline-event-content"; a.appendChild(b); this.dom = a; this.updateDOM(); return a };
+        links.Timeline.ItemRange.prototype.showDOM = function (a) { var b = this.dom; b || (b = this.createDOM()); if (b.parentNode != a) b.parentNode && this.hideDOM(), a.appendChild(b), this.rendered = !0 }; links.Timeline.ItemRange.prototype.hideDOM = function () { var a = this.dom; if (a) a.parentNode && a.parentNode.removeChild(a), this.rendered = !1 };
+        links.Timeline.ItemRange.prototype.updateDOM = function () { var a = this.dom; if (a) a.firstChild.innerHTML = this.content, a.className = "timeline-event timeline-event-range ui-widget ui-state-default", this.isCluster && links.Timeline.addClassName(a, "timeline-event-cluster ui-widget-header"), this.className && links.Timeline.addClassName(a, this.className) };
+        links.Timeline.ItemRange.prototype.updatePosition = function (a) { var b = this.dom; if (b) { var c = a.size.contentWidth, d = a.timeToScreen(this.start), a = a.timeToScreen(this.end); d < -c && (d = -c); a > 2 * c && (a = 2 * c); b.style.top = this.top + "px"; b.style.left = d + "px"; b.style.width = Math.max(a - d, 1) + "px" } }; links.Timeline.ItemRange.prototype.isVisible = function (a, b) { return this.cluster ? !1 : this.end > a && this.start < b };
+        links.Timeline.ItemRange.prototype.setPosition = function (a, b) { var c = this.dom; c.style.left = a + "px"; c.style.width = b - a + "px"; if (this.group) this.top = this.group.top, c.style.top = this.top + "px" }; links.Timeline.ItemRange.prototype.getLeft = function (a) { return a.timeToScreen(this.start) }; links.Timeline.ItemRange.prototype.getRight = function (a) { return a.timeToScreen(this.end) }; links.Timeline.ItemRange.prototype.getWidth = function (a) { return a.timeToScreen(this.end) - a.timeToScreen(this.start) };
+        links.Timeline.ItemFloatingRange = function (a, b) { links.Timeline.Item.call(this, a, b) }; links.Timeline.ItemFloatingRange.prototype = new links.Timeline.Item; links.Timeline.ItemFloatingRange.prototype.select = function () { links.Timeline.addClassName(this.dom, "timeline-event-selected ui-state-active") }; links.Timeline.ItemFloatingRange.prototype.unselect = function () { links.Timeline.removeClassName(this.dom, "timeline-event-selected ui-state-active") };
+        links.Timeline.ItemFloatingRange.prototype.createDOM = function () { var a = document.createElement("DIV"); a.style.position = "absolute"; var b = document.createElement("DIV"); b.className = "timeline-event-content"; a.appendChild(b); this.dom = a; this.updateDOM(); return a }; links.Timeline.ItemFloatingRange.prototype.showDOM = function (a) { var b = this.dom; b || (b = this.createDOM()); if (b.parentNode != a) b.parentNode && this.hideDOM(), a.appendChild(b), this.rendered = !0 };
+        links.Timeline.ItemFloatingRange.prototype.hideDOM = function () { var a = this.dom; if (a) a.parentNode && a.parentNode.removeChild(a), this.rendered = !1 }; links.Timeline.ItemFloatingRange.prototype.updateDOM = function () { var a = this.dom; if (a) a.firstChild.innerHTML = this.content, a.className = "timeline-event timeline-event-range ui-widget ui-state-default", this.isCluster && links.Timeline.addClassName(a, "timeline-event-cluster ui-widget-header"), this.className && links.Timeline.addClassName(a, this.className) };
+        links.Timeline.ItemFloatingRange.prototype.updatePosition = function (a) { var b = this.dom; if (b) { var c = a.size.contentWidth, d = this.getLeft(a), a = this.getRight(a); d < -c && (d = -c); a > 2 * c && (a = 2 * c); b.style.top = this.top + "px"; b.style.left = d + "px"; b.style.width = Math.max(a - d, 1) + "px" } }; links.Timeline.ItemFloatingRange.prototype.isVisible = function (a, b) { return this.cluster ? !1 : this.end && this.start ? this.end > a && this.start < b : this.start ? this.start < b : this.end ? this.end > a : !0 };
+        links.Timeline.ItemFloatingRange.prototype.setPosition = function (a, b) { var c = this.dom; c.style.left = a + "px"; c.style.width = b - a + "px"; if (this.group) this.top = this.group.top, c.style.top = this.top + "px" }; links.Timeline.ItemFloatingRange.prototype.getLeft = function (a) { return this.start ? a.timeToScreen(this.start) : 0 }; links.Timeline.ItemFloatingRange.prototype.getRight = function (a) { return this.end ? a.timeToScreen(this.end) : a.size.contentWidth };
+        links.Timeline.ItemFloatingRange.prototype.getWidth = function (a) { return this.getRight(a) - this.getLeft(a) }; links.Timeline.ItemDot = function (a, b) { links.Timeline.Item.call(this, a, b) }; links.Timeline.ItemDot.prototype = new links.Timeline.Item; links.Timeline.ItemDot.prototype.reflow = function () { var a = this.dom, b = a.dot.offsetHeight, c = a.dot.offsetWidth, a = a.content.offsetHeight, d = this.dotHeight != b || this.dotWidth != c || this.contentHeight != a; this.dotHeight = b; this.dotWidth = c; this.contentHeight = a; return d };
+        links.Timeline.ItemDot.prototype.select = function () { links.Timeline.addClassName(this.dom, "timeline-event-selected ui-state-active") }; links.Timeline.ItemDot.prototype.unselect = function () { links.Timeline.removeClassName(this.dom, "timeline-event-selected ui-state-active") };
+        links.Timeline.ItemDot.prototype.createDOM = function () { var a = document.createElement("DIV"); a.style.position = "absolute"; var b = document.createElement("DIV"); b.className = "timeline-event-content"; a.appendChild(b); var c = document.createElement("DIV"); c.style.position = "absolute"; c.style.width = "0px"; c.style.height = "0px"; a.appendChild(c); a.content = b; a.dot = c; this.dom = a; this.updateDOM(); return a };
+        links.Timeline.ItemDot.prototype.showDOM = function (a) { var b = this.dom; b || (b = this.createDOM()); if (b.parentNode != a) b.parentNode && this.hideDOM(), a.appendChild(b), this.rendered = !0 }; links.Timeline.ItemDot.prototype.hideDOM = function () { var a = this.dom; if (a) a.parentNode && a.parentNode.removeChild(a), this.rendered = !1 };
+        links.Timeline.ItemDot.prototype.updateDOM = function () {
+            if (this.dom) {
+                var a = this.dom, b = a.dot; a.firstChild.innerHTML = this.content; a.className = "timeline-event-dot-container"; b.className = "timeline-event timeline-event-dot ui-widget ui-state-default"; this.isCluster && (links.Timeline.addClassName(a, "timeline-event-cluster ui-widget-header"), links.Timeline.addClassName(b, "timeline-event-cluster ui-widget-header")); this.className && (links.Timeline.addClassName(a, this.className), links.Timeline.addClassName(b,
+                this.className))
+            }
+        }; links.Timeline.ItemDot.prototype.updatePosition = function (a) { var b = this.dom; if (b) a = a.timeToScreen(this.start), b.style.top = this.top + "px", b.style.left = a - this.dotWidth / 2 + "px", b.content.style.marginLeft = 1.5 * this.dotWidth + "px", b.dot.style.top = (this.height - this.dotHeight) / 2 + "px" }; links.Timeline.ItemDot.prototype.isVisible = function (a, b) { return this.cluster ? !1 : this.start > a && this.start < b };
+        links.Timeline.ItemDot.prototype.setPosition = function (a) { var b = this.dom; b.style.left = a - this.dotWidth / 2 + "px"; if (this.group) this.top = this.group.top, b.style.top = this.top + "px" }; links.Timeline.ItemDot.prototype.getLeft = function (a) { return a.timeToScreen(this.start) }; links.Timeline.ItemDot.prototype.getRight = function (a) { return a.timeToScreen(this.start) + this.width };
+        links.Timeline.prototype.getItem = function (a) {
+            if (a >= this.items.length) throw "Cannot get item, index out of range"; var b = this.data; if (google && google.visualization && b instanceof google.visualization.DataTable) { var c = links.Timeline.mapColumnIds(b), b = {}, d; for (d in c) c.hasOwnProperty(d) && (b[d] = this.data.getValue(a, c[d])) } else if (links.Timeline.isArray(this.data)) b = links.Timeline.clone(this.data[a]); else throw "Unknown data type. DataTable or Array expected."; a = this.items[a]; b.start = new Date(a.start.valueOf());
+            if (a.end) b.end = new Date(a.end.valueOf()); b.content = a.content; if (a.group) b.group = this.getGroupName(a.group); if (a.className) b.className = a.className; if (typeof a.editable !== "undefined") b.editable = a.editable; if (a.type) b.type = a.type; return b
+        };
+        links.Timeline.prototype.getCluster = function (a) { if (a >= this.clusters.length) throw "Cannot get cluster, index out of range"; var b = {}, c = this.clusters[a], a = c.items; b.start = new Date(c.start.valueOf()); if (c.type) b.type = c.type; b.items = []; for (c = 0; c < a.length; c++) for (var d = 0; d < this.items.length; d++) if (this.items[d] == a[c]) { b.items.push(this.getItem(d)); break } return b }; links.Timeline.prototype.addItem = function (a, b) { this.addItems([a], b) };
+        links.Timeline.prototype.addItems = function (a, b) { var c = this, d = this.items; a.forEach(function (a) { var b = d.length; d.push(c.createItem(a)); c.updateData(b, a) }); this.options.cluster && this.clusterGenerator.updateData(); b || this.render({ animate: !1 }) };
+        links.Timeline.prototype.createItem = function (a) { var b = a.type || (a.end ? "range" : this.options.style), c = links.Timeline.clone(a); c.type = b; c.group = this.getGroup(a.group); a = this.options; a = a.axisOnTop ? this.size.axis.height + a.eventMarginAxis + a.eventMargin / 2 : this.size.contentHeight - a.eventMarginAxis - a.eventMargin / 2; if (b in this.itemTypes) return new this.itemTypes[b](c, { top: a }); console.log('ERROR: Unknown event type "' + b + '"'); return new links.Timeline.Item(c, { top: a }) };
+        links.Timeline.prototype.changeItem = function (a, b, c) {
+            var d = this.items[a]; if (!d) throw "Cannot change item, index out of range"; var e = this.createItem({
+                start: b.hasOwnProperty("start") ? b.start : d.start, end: b.hasOwnProperty("end") ? b.end : d.end, content: b.hasOwnProperty("content") ? b.content : d.content, group: b.hasOwnProperty("group") ? b.group : this.getGroupName(d.group), className: b.hasOwnProperty("className") ? b.className : d.className, editable: b.hasOwnProperty("editable") ? b.editable : d.editable, type: b.hasOwnProperty("type") ?
+                b.type : d.type
+            }); this.items[a] = e; this.renderQueue.hide.push(d); this.renderQueue.show.push(e); this.updateData(a, b); this.options.cluster && this.clusterGenerator.updateData(); c || (this.render({ animate: !1 }), this.selection && this.selection.index == a && e.select())
+        }; links.Timeline.prototype.deleteGroups = function () { this.groups = []; this.groupIndexes = {} };
+        links.Timeline.prototype.getGroup = function (a) { var b = this.groups, c = this.groupIndexes, d = void 0, d = c[a]; if (d == void 0 && a != void 0) { d = { content: a, labelTop: 0, lineTop: 0 }; b.push(d); this.options.groupsOrder == !0 ? b = b.sort(function (a, b) { return a.content > b.content ? 1 : a.content < b.content ? -1 : 0 }) : typeof this.options.groupsOrder == "function" && (b = b.sort(this.options.groupsOrder)); for (var a = 0, e = b.length; a < e; a++) c[b[a].content] = a } else d = b[d]; return d }; links.Timeline.prototype.getGroupName = function (a) { return a ? a.content : void 0 };
+        links.Timeline.prototype.cancelChange = function () { this.applyChange = !1 }; links.Timeline.prototype.cancelDelete = function () { this.applyDelete = !1 }; links.Timeline.prototype.cancelAdd = function () { this.applyAdd = !1 };
+        links.Timeline.prototype.setSelection = function (a) { if (a != void 0 && a.length > 0) { if (a[0].row != void 0) { var b = a[0].row; if (this.items[b]) return a = this.items[b], this.selectItem(b), b = a.start, a = a.end, a = a != void 0 ? (a.valueOf() + b.valueOf()) / 2 : b.valueOf(), b = this.end.valueOf() - this.start.valueOf(), this.setVisibleChartRange(new Date(a - b / 2), new Date(a + b / 2)), !0 } } else this.unselectItem(); return !1 };
+        links.Timeline.prototype.getSelection = function () { var a = []; this.selection && (this.selection.index !== void 0 ? a.push({ row: this.selection.index }) : a.push({ cluster: this.selection.cluster })); return a }; links.Timeline.prototype.selectItem = function (a) { this.unselectItem(); this.selection = void 0; if (this.items[a] != void 0) { var b = this.items[a]; this.selection = { index: a }; if (b && b.dom) { if (this.isEditable(b)) b.dom.style.cursor = "move"; b.select() } this.repaintDeleteButton(); this.repaintDragAreas() } };
+        links.Timeline.prototype.selectCluster = function (a) { this.unselectItem(); this.selection = void 0; if (this.clusters[a] != void 0) this.selection = { cluster: a }, this.repaintDeleteButton(), this.repaintDragAreas() }; links.Timeline.prototype.isSelected = function (a) { return this.selection && this.selection.index == a };
+        links.Timeline.prototype.unselectItem = function () { if (this.selection && this.selection.index !== void 0) { var a = this.items[this.selection.index]; if (a && a.dom) a.dom.style.cursor = "", a.unselect(); this.selection = void 0; this.repaintDeleteButton(); this.repaintDragAreas() } };
+        links.Timeline.prototype.stackItems = function (a) { a == void 0 && (a = !1); var b = this.stack; if (!b) this.stack = b = {}; b.sortedItems = this.stackOrder(this.renderedItems); b.finalItems = this.stackCalculateFinal(b.sortedItems); if (a || b.timer) { var c = this, d = function () { var a = c.stackMoveOneStep(b.sortedItems, b.finalItems); c.repaint(); a ? delete b.timer : b.timer = setTimeout(d, 30) }; if (!b.timer) b.timer = setTimeout(d, 30) } else this.stackMoveToFinal(b.sortedItems, b.finalItems) };
+        links.Timeline.prototype.stackCancelAnimation = function () { this.stack && this.stack.timer && (clearTimeout(this.stack.timer), delete this.stack.timer) }; links.Timeline.prototype.getItemsByGroup = function (a) { for (var b = {}, c = 0; c < a.length; ++c) { var d = a[c], e = "undefined"; d.group && (e = d.group.content ? d.group.content : d.group); b[e] || (b[e] = []); b[e].push(d) } return b };
+        links.Timeline.prototype.stackOrder = function (a) {
+            a = a.concat([]); a.sort(this.options.customStackOrder && typeof this.options.customStackOrder === "function" ? this.options.customStackOrder : function (a, c) {
+                return (a instanceof links.Timeline.ItemRange || a instanceof links.Timeline.ItemFloatingRange) && !(c instanceof links.Timeline.ItemRange || c instanceof links.Timeline.ItemFloatingRange) ? -1 : !(a instanceof links.Timeline.ItemRange || a instanceof links.Timeline.ItemFloatingRange) && (c instanceof links.Timeline.ItemRange ||
+                c instanceof links.Timeline.ItemFloatingRange) ? 1 : a.left - c.left
+            }); return a
+        };
+        links.Timeline.prototype.stackCalculateFinal = function (a) {
+            var b = this.size, c = this.options, d = c.axisOnTop, e = c.eventMargin, f = c.eventMarginAxis, b = d ? b.axis.height + f + e / 2 : b.contentHeight - f - e / 2, g = [], a = this.getItemsByGroup(a); for (j = 0; j < this.groups.length; ++j) { var h = this.groups[j]; a[h.content] ? (f = this.finalItemsPosition(a[h.content], b, h), f.forEach(function (a) { g.push(a) }), d ? b += h.itemsHeight + e : b -= h.itemsHeight + e) : d ? b += c.groupMinHeight + e : b -= c.groupMinHeight + e } a.undefined && (f = this.finalItemsPosition(a.undefined,
+            b), f.forEach(function (a) { g.push(a) })); return g
+        };
+        links.Timeline.prototype.finalItemsPosition = function (a, b, c) { var d, e = this.options, f = e.axisOnTop, e = e.eventMargin, g; g = this.initialItemsPosition(a, b); for (a = 0, d = g.length; a < d; a++) { var h = g[a], i = null; if (this.options.stackEvents) { do if (i = this.stackItemsCheckOverlap(g, a, 0, a - 1), i != null) h.top = f ? i.top + i.height + e : i.top - h.height - e, h.bottom = h.top + h.height; while (i) } if (c) c.itemsHeight = f ? c.itemsHeight ? Math.max(c.itemsHeight, h.bottom - b) : h.height + e : c.itemsHeight ? Math.max(c.itemsHeight, b - h.top) : h.height + e } return g };
+        links.Timeline.prototype.initialItemsPosition = function (a, b) { for (var c = this.options.axisOnTop, d = [], e = 0, f = a.length; e < f; ++e) { var g = a[e], h, i = g.height; h = g.getWidth(this); var k = g.getRight(this), m = k - h; h = c ? b : b - i; d.push({ left: m, top: h, right: k, bottom: h + i, height: i, item: g }) } return d };
+        links.Timeline.prototype.stackMoveOneStep = function (a, b) { for (var c = !0, d = 0, e = b.length; d < e; d++) { var f = b[d], g = f.item, h = parseInt(g.top), i = parseInt(f.top), k = i - h; if (k) { var m = i == h ? 0 : i > h ? 1 : -1; Math.abs(k) > 4 && (m = k / 4); h = parseInt(h + m); h != i && (c = !1); g.top = h; g.bottom = g.top + g.height } else g.top = f.top, g.bottom = f.bottom; g.left = f.left; g.right = f.right } return c };
+        links.Timeline.prototype.stackMoveToFinal = function (a, b) { for (var c = 0, d = b.length; c < d; c++) { var e = b[c], f = e.item; f.left = e.left; f.top = e.top; f.right = e.right; f.bottom = e.bottom } }; links.Timeline.prototype.stackItemsCheckOverlap = function (a, b, c, d) { for (var e = this.options.eventMargin, f = this.collision, g = a[b]; d >= c; d--) { var h = a[d]; if (f(g, h, e) && d != b) return h } }; links.Timeline.prototype.collision = function (a, b, c) { c == void 0 && (c = 0); return a.left - c < b.right && a.right + c > b.left && a.top - c < b.bottom && a.bottom + c > b.top };
+        links.Timeline.prototype.trigger = function (a) { var b = null; switch (a) { case "rangechange": case "rangechanged": b = { start: new Date(this.start.valueOf()), end: new Date(this.end.valueOf()) }; break; case "timechange": case "timechanged": b = { time: new Date(this.customTime.valueOf()) } } links.events.trigger(this, a, b); google && google.visualization && google.visualization.events.trigger(this, a, b) };
+        links.Timeline.prototype.clusterItems = function () { if (this.options.cluster) { var a = this.clusterGenerator.getClusters(this.conversion.factor, this.options.clusterMaxItems); if (this.clusters != a) { var b = this.renderQueue; this.clusters && this.clusters.forEach(function (a) { b.hide.push(a); a.items.forEach(function (a) { a.cluster = void 0 }) }); a.forEach(function (a) { a.items.forEach(function (b) { b.cluster = a }) }); this.clusters = a } } };
+        links.Timeline.prototype.filterItems = function () { function a(a) { a.forEach(function (a) { var c = a.rendered, f = a.isVisible(d, e); c != f && (c && b.hide.push(a), f && b.show.indexOf(a) == -1 && b.show.push(a)) }) } var b = this.renderQueue, c = this.end - this.start, d = new Date(this.start.valueOf() - c), e = new Date(this.end.valueOf() + c); a(this.items); this.clusters && a(this.clusters) }; links.Timeline.ClusterGenerator = function (a) { this.timeline = a; this.clear() };
+        links.Timeline.ClusterGenerator.prototype.clear = function () { this.items = []; this.groups = {}; this.clearCache() }; links.Timeline.ClusterGenerator.prototype.clearCache = function () { this.cache = {}; this.cacheLevel = -1; this.cache[this.cacheLevel] = [] }; links.Timeline.ClusterGenerator.prototype.setData = function (a, b) { this.items = a || []; this.applyOnChangedLevel = this.dataChanged = !0; if (b && b.applyOnChangedLevel) this.applyOnChangedLevel = b.applyOnChangedLevel };
+        links.Timeline.ClusterGenerator.prototype.updateData = function () { this.dataChanged = !0; this.applyOnChangedLevel = !1 }; links.Timeline.ClusterGenerator.prototype.filterData = function () { var a = this.items || [], b = {}; this.groups = b; a.forEach(function (a) { var c = a.group ? a.group.content : "", f = b[c]; f || (f = [], b[c] = f); f.push(a); if (a.start) a.center = a.end ? (a.start.valueOf() + a.end.valueOf()) / 2 : a.start.valueOf() }); for (var c in b) b.hasOwnProperty(c) && b[c].sort(function (a, b) { return a.center - b.center }); this.dataChanged = !1 };
+        links.Timeline.ClusterGenerator.prototype.getClusters = function (a, b) {
+            var c = -1, d = 0; a > 0 && (c = Math.round(Math.log(100 / a) / Math.log(2)), d = Math.pow(2, c)); if (this.dataChanged) { var e = c != this.cacheLevel; if (this.applyOnChangedLevel ? e : 1) this.clearCache(), this.filterData() } this.cacheLevel = c; e = this.cache[c]; if (!e) {
+                var e = [], f; for (f in this.groups) if (this.groups.hasOwnProperty(f)) for (var g = this.groups[f], h = g.length, i = 0; i < h;) {
+                    for (var k = g[i], m = 1, l = i - 1; l >= 0 && k.center - g[l].center < d / 2;) g[l].cluster || m++, l--; for (l = i + 1; l <
+                    g.length && g[l].center - k.center < d / 2;) m++, l++; for (l = e.length - 1; l >= 0 && k.center - e[l].center < d / 2;) k.group == e[l].group && m++, l--; if (m > b) {
+                        for (var m = m - b + 1, l = [], s = void 0, q = void 0, o = void 0, p = !1, n = 0, u = i; l.length < m && u < g.length;) { var r = g[u], v = r.start.valueOf(), w = r.end ? r.end.valueOf() : r.start.valueOf(); l.push(r); s = n ? n / (n + 1) * s + 1 / (n + 1) * r.center : r.center; q = q != void 0 ? Math.min(q, v) : v; o = o != void 0 ? Math.max(o, w) : w; p = p || r instanceof links.Timeline.ItemRange || r instanceof links.Timeline.ItemFloatingRange; n++; u++ } var t, n =
+                        '<div title="' + ("Cluster containing " + n + " events. Zoom in to see the individual events.") + '">' + n + " events</div>", k = k.group ? k.group.content : void 0; t = p ? this.timeline.createItem({ start: new Date(q), end: new Date(o), content: n, group: k }) : this.timeline.createItem({ start: new Date(s), content: n, group: k }); t.isCluster = !0; t.items = l; t.items.forEach(function (a) { a.cluster = t }); e.push(t); i += m
+                    } else delete k.cluster, i += 1
+                } this.cache[c] = e
+            } return e
+        };
+        links.events = links.events || {
+            listeners: [], indexOf: function (a) { for (var b = this.listeners, c = 0, d = this.listeners.length; c < d; c++) { var e = b[c]; if (e && e.object == a) return c } return -1 }, addListener: function (a, b, c) { var d = this.listeners[this.indexOf(a)]; d || (d = { object: a, events: {} }, this.listeners.push(d)); a = d.events[b]; a || (a = [], d.events[b] = a); a.indexOf(c) == -1 && a.push(c) }, removeListener: function (a, b, c) {
+                var a = this.indexOf(a), d = this.listeners[a]; if (d) {
+                    var e = d.events[b]; e && (a = e.indexOf(c), a != -1 && e.splice(a, 1), e.length ==
+                    0 && delete d.events[b]); var b = 0, c = d.events, f; for (f in c) c.hasOwnProperty(f) && b++; b == 0 && delete this.listeners[a]
+                }
+            }, removeAllListeners: function () { this.listeners = [] }, trigger: function (a, b, c) { if (a = this.listeners[this.indexOf(a)]) if (b = a.events[b]) for (var a = 0, d = b.length; a < d; a++) b[a](c) }
+        }; links.Timeline.StepDate = function (a, b, c) { this.current = new Date; this._start = new Date; this._end = new Date; this.autoScale = !0; this.scale = links.Timeline.StepDate.SCALE.DAY; this.step = 1; this.setRange(a, b, c) };
+        links.Timeline.StepDate.SCALE = { MILLISECOND: 1, SECOND: 2, MINUTE: 3, HOUR: 4, DAY: 5, WEEKDAY: 6, MONTH: 7, YEAR: 8 }; links.Timeline.StepDate.prototype.setRange = function (a, b, c) { if (a instanceof Date && b instanceof Date) this._start = a != void 0 ? new Date(a.valueOf()) : new Date, this._end = b != void 0 ? new Date(b.valueOf()) : new Date, this.autoScale && this.setMinimumStep(c) }; links.Timeline.StepDate.prototype.start = function () { this.current = new Date(this._start.valueOf()); this.roundToMinor() };
+        links.Timeline.StepDate.prototype.roundToMinor = function () {
+            switch (this.scale) {
+                case links.Timeline.StepDate.SCALE.YEAR: this.current.setFullYear(this.step * Math.floor(this.current.getFullYear() / this.step)), this.current.setMonth(0); case links.Timeline.StepDate.SCALE.MONTH: this.current.setDate(1); case links.Timeline.StepDate.SCALE.DAY: case links.Timeline.StepDate.SCALE.WEEKDAY: this.current.setHours(0); case links.Timeline.StepDate.SCALE.HOUR: this.current.setMinutes(0); case links.Timeline.StepDate.SCALE.MINUTE: this.current.setSeconds(0);
+                case links.Timeline.StepDate.SCALE.SECOND: this.current.setMilliseconds(0)
+            } if (this.step != 1) switch (this.scale) {
+                case links.Timeline.StepDate.SCALE.MILLISECOND: this.current.setMilliseconds(this.current.getMilliseconds() - this.current.getMilliseconds() % this.step); break; case links.Timeline.StepDate.SCALE.SECOND: this.current.setSeconds(this.current.getSeconds() - this.current.getSeconds() % this.step); break; case links.Timeline.StepDate.SCALE.MINUTE: this.current.setMinutes(this.current.getMinutes() - this.current.getMinutes() %
+                this.step); break; case links.Timeline.StepDate.SCALE.HOUR: this.current.setHours(this.current.getHours() - this.current.getHours() % this.step); break; case links.Timeline.StepDate.SCALE.WEEKDAY: case links.Timeline.StepDate.SCALE.DAY: this.current.setDate(this.current.getDate() - 1 - (this.current.getDate() - 1) % this.step + 1); break; case links.Timeline.StepDate.SCALE.MONTH: this.current.setMonth(this.current.getMonth() - this.current.getMonth() % this.step); break; case links.Timeline.StepDate.SCALE.YEAR: this.current.setFullYear(this.current.getFullYear() -
+                this.current.getFullYear() % this.step)
+            }
+        }; links.Timeline.StepDate.prototype.end = function () { return this.current.valueOf() > this._end.valueOf() };
+        links.Timeline.StepDate.prototype.next = function () {
+            var a = this.current.valueOf(); if (this.current.getMonth() < 6) switch (this.scale) {
+                case links.Timeline.StepDate.SCALE.MILLISECOND: this.current = new Date(this.current.valueOf() + this.step); break; case links.Timeline.StepDate.SCALE.SECOND: this.current = new Date(this.current.valueOf() + this.step * 1E3); break; case links.Timeline.StepDate.SCALE.MINUTE: this.current = new Date(this.current.valueOf() + this.step * 6E4); break; case links.Timeline.StepDate.SCALE.HOUR: this.current =
+                new Date(this.current.valueOf() + this.step * 36E5); var b = this.current.getHours(); this.current.setHours(b - b % this.step); break; case links.Timeline.StepDate.SCALE.WEEKDAY: case links.Timeline.StepDate.SCALE.DAY: this.current.setDate(this.current.getDate() + this.step); break; case links.Timeline.StepDate.SCALE.MONTH: this.current.setMonth(this.current.getMonth() + this.step); break; case links.Timeline.StepDate.SCALE.YEAR: this.current.setFullYear(this.current.getFullYear() + this.step)
+            } else switch (this.scale) {
+                case links.Timeline.StepDate.SCALE.MILLISECOND: this.current =
+                new Date(this.current.valueOf() + this.step); break; case links.Timeline.StepDate.SCALE.SECOND: this.current.setSeconds(this.current.getSeconds() + this.step); break; case links.Timeline.StepDate.SCALE.MINUTE: this.current.setMinutes(this.current.getMinutes() + this.step); break; case links.Timeline.StepDate.SCALE.HOUR: this.current.setHours(this.current.getHours() + this.step); break; case links.Timeline.StepDate.SCALE.WEEKDAY: case links.Timeline.StepDate.SCALE.DAY: this.current.setDate(this.current.getDate() + this.step);
+                    break; case links.Timeline.StepDate.SCALE.MONTH: this.current.setMonth(this.current.getMonth() + this.step); break; case links.Timeline.StepDate.SCALE.YEAR: this.current.setFullYear(this.current.getFullYear() + this.step)
+            } if (this.step != 1) switch (this.scale) {
+                case links.Timeline.StepDate.SCALE.MILLISECOND: this.current.getMilliseconds() < this.step && this.current.setMilliseconds(0); break; case links.Timeline.StepDate.SCALE.SECOND: this.current.getSeconds() < this.step && this.current.setSeconds(0); break; case links.Timeline.StepDate.SCALE.MINUTE: this.current.getMinutes() <
+                this.step && this.current.setMinutes(0); break; case links.Timeline.StepDate.SCALE.HOUR: this.current.getHours() < this.step && this.current.setHours(0); break; case links.Timeline.StepDate.SCALE.WEEKDAY: case links.Timeline.StepDate.SCALE.DAY: this.current.getDate() < this.step + 1 && this.current.setDate(1); break; case links.Timeline.StepDate.SCALE.MONTH: this.current.getMonth() < this.step && this.current.setMonth(0)
+            } if (this.current.valueOf() == a) this.current = new Date(this._end.valueOf())
+        };
+        links.Timeline.StepDate.prototype.getCurrent = function () { return this.current }; links.Timeline.StepDate.prototype.setScale = function (a, b) { this.scale = a; if (b > 0) this.step = b; this.autoScale = !1 }; links.Timeline.StepDate.prototype.setAutoScale = function (a) { this.autoScale = a };
+        links.Timeline.StepDate.prototype.setMinimumStep = function (a) {
+            if (a != void 0) {
+                if (31104E9 > a) this.scale = links.Timeline.StepDate.SCALE.YEAR, this.step = 1E3; if (15552E9 > a) this.scale = links.Timeline.StepDate.SCALE.YEAR, this.step = 500; if (31104E8 > a) this.scale = links.Timeline.StepDate.SCALE.YEAR, this.step = 100; if (15552E8 > a) this.scale = links.Timeline.StepDate.SCALE.YEAR, this.step = 50; if (31104E7 > a) this.scale = links.Timeline.StepDate.SCALE.YEAR, this.step = 10; if (15552E7 > a) this.scale = links.Timeline.StepDate.SCALE.YEAR, this.step =
+                5; if (31104E6 > a) this.scale = links.Timeline.StepDate.SCALE.YEAR, this.step = 1; if (7776E6 > a) this.scale = links.Timeline.StepDate.SCALE.MONTH, this.step = 3; if (2592E6 > a) this.scale = links.Timeline.StepDate.SCALE.MONTH, this.step = 1; if (432E6 > a) this.scale = links.Timeline.StepDate.SCALE.DAY, this.step = 5; if (1728E5 > a) this.scale = links.Timeline.StepDate.SCALE.DAY, this.step = 2; if (864E5 > a) this.scale = links.Timeline.StepDate.SCALE.DAY, this.step = 1; if (432E5 > a) this.scale = links.Timeline.StepDate.SCALE.WEEKDAY, this.step = 1; if (144E5 >
+                a) this.scale = links.Timeline.StepDate.SCALE.HOUR, this.step = 4; if (36E5 > a) this.scale = links.Timeline.StepDate.SCALE.HOUR, this.step = 1; if (9E5 > a) this.scale = links.Timeline.StepDate.SCALE.MINUTE, this.step = 15; if (6E5 > a) this.scale = links.Timeline.StepDate.SCALE.MINUTE, this.step = 10; if (3E5 > a) this.scale = links.Timeline.StepDate.SCALE.MINUTE, this.step = 5; if (6E4 > a) this.scale = links.Timeline.StepDate.SCALE.MINUTE, this.step = 1; if (15E3 > a) this.scale = links.Timeline.StepDate.SCALE.SECOND, this.step = 15; if (1E4 > a) this.scale = links.Timeline.StepDate.SCALE.SECOND,
+                this.step = 10; if (5E3 > a) this.scale = links.Timeline.StepDate.SCALE.SECOND, this.step = 5; if (1E3 > a) this.scale = links.Timeline.StepDate.SCALE.SECOND, this.step = 1; if (200 > a) this.scale = links.Timeline.StepDate.SCALE.MILLISECOND, this.step = 200; if (100 > a) this.scale = links.Timeline.StepDate.SCALE.MILLISECOND, this.step = 100; if (50 > a) this.scale = links.Timeline.StepDate.SCALE.MILLISECOND, this.step = 50; if (10 > a) this.scale = links.Timeline.StepDate.SCALE.MILLISECOND, this.step = 10; if (5 > a) this.scale = links.Timeline.StepDate.SCALE.MILLISECOND,
+                this.step = 5; if (1 > a) this.scale = links.Timeline.StepDate.SCALE.MILLISECOND, this.step = 1
+            }
+        };
+        links.Timeline.StepDate.prototype.snap = function (a) {
+            if (this.scale == links.Timeline.StepDate.SCALE.YEAR) { var b = a.getFullYear() + Math.round(a.getMonth() / 12); a.setFullYear(Math.round(b / this.step) * this.step); a.setMonth(0); a.setDate(0); a.setHours(0); a.setMinutes(0); a.setSeconds(0); a.setMilliseconds(0) } else if (this.scale == links.Timeline.StepDate.SCALE.MONTH) a.getDate() > 15 ? (a.setDate(1), a.setMonth(a.getMonth() + 1)) : a.setDate(1), a.setHours(0), a.setMinutes(0), a.setSeconds(0), a.setMilliseconds(0); else if (this.scale ==
+            links.Timeline.StepDate.SCALE.DAY || this.scale == links.Timeline.StepDate.SCALE.WEEKDAY) { switch (this.step) { case 5: case 2: a.setHours(Math.round(a.getHours() / 24) * 24); break; default: a.setHours(Math.round(a.getHours() / 12) * 12) } a.setMinutes(0); a.setSeconds(0); a.setMilliseconds(0) } else if (this.scale == links.Timeline.StepDate.SCALE.HOUR) { switch (this.step) { case 4: a.setMinutes(Math.round(a.getMinutes() / 60) * 60); break; default: a.setMinutes(Math.round(a.getMinutes() / 30) * 30) } a.setSeconds(0); a.setMilliseconds(0) } else if (this.scale ==
+            links.Timeline.StepDate.SCALE.MINUTE) { switch (this.step) { case 15: case 10: a.setMinutes(Math.round(a.getMinutes() / 5) * 5); a.setSeconds(0); break; case 5: a.setSeconds(Math.round(a.getSeconds() / 60) * 60); break; default: a.setSeconds(Math.round(a.getSeconds() / 30) * 30) } a.setMilliseconds(0) } else if (this.scale == links.Timeline.StepDate.SCALE.SECOND) switch (this.step) {
+                case 15: case 10: a.setSeconds(Math.round(a.getSeconds() / 5) * 5); a.setMilliseconds(0); break; case 5: a.setMilliseconds(Math.round(a.getMilliseconds() / 1E3) * 1E3);
+                    break; default: a.setMilliseconds(Math.round(a.getMilliseconds() / 500) * 500)
+            } else this.scale == links.Timeline.StepDate.SCALE.MILLISECOND && (b = this.step > 5 ? this.step / 2 : 1, a.setMilliseconds(Math.round(a.getMilliseconds() / b) * b))
+        };
+        links.Timeline.StepDate.prototype.isMajor = function () {
+            switch (this.scale) {
+                case links.Timeline.StepDate.SCALE.MILLISECOND: return this.current.getMilliseconds() == 0; case links.Timeline.StepDate.SCALE.SECOND: return this.current.getSeconds() == 0; case links.Timeline.StepDate.SCALE.MINUTE: return this.current.getHours() == 0 && this.current.getMinutes() == 0; case links.Timeline.StepDate.SCALE.HOUR: return this.current.getHours() == 0; case links.Timeline.StepDate.SCALE.WEEKDAY: case links.Timeline.StepDate.SCALE.DAY: return this.current.getDate() ==
+                1; case links.Timeline.StepDate.SCALE.MONTH: return this.current.getMonth() == 0; case links.Timeline.StepDate.SCALE.YEAR: return !1; default: return !1
+            }
+        };
+        links.Timeline.StepDate.prototype.getLabelMinor = function (a, b) {
+            if (b == void 0) b = this.current; switch (this.scale) {
+                case links.Timeline.StepDate.SCALE.MILLISECOND: return String(b.getMilliseconds()); case links.Timeline.StepDate.SCALE.SECOND: return String(b.getSeconds()); case links.Timeline.StepDate.SCALE.MINUTE: return this.addZeros(b.getHours(), 2) + ":" + this.addZeros(b.getMinutes(), 2); case links.Timeline.StepDate.SCALE.HOUR: return this.addZeros(b.getHours(), 2) + ":" + this.addZeros(b.getMinutes(), 2); case links.Timeline.StepDate.SCALE.WEEKDAY: return a.DAYS_SHORT[b.getDay()] +
+                " " + b.getDate(); case links.Timeline.StepDate.SCALE.DAY: return String(b.getDate()); case links.Timeline.StepDate.SCALE.MONTH: return a.MONTHS_SHORT[b.getMonth()]; case links.Timeline.StepDate.SCALE.YEAR: return String(b.getFullYear()); default: return ""
+            }
+        };
+        links.Timeline.StepDate.prototype.getLabelMajor = function (a, b) {
+            if (b == void 0) b = this.current; switch (this.scale) {
+                case links.Timeline.StepDate.SCALE.MILLISECOND: return this.addZeros(b.getHours(), 2) + ":" + this.addZeros(b.getMinutes(), 2) + ":" + this.addZeros(b.getSeconds(), 2); case links.Timeline.StepDate.SCALE.SECOND: return b.getDate() + " " + a.MONTHS[b.getMonth()] + " " + this.addZeros(b.getHours(), 2) + ":" + this.addZeros(b.getMinutes(), 2); case links.Timeline.StepDate.SCALE.MINUTE: return a.DAYS[b.getDay()] + " " + b.getDate() +
+                " " + a.MONTHS[b.getMonth()] + " " + b.getFullYear(); case links.Timeline.StepDate.SCALE.HOUR: return a.DAYS[b.getDay()] + " " + b.getDate() + " " + a.MONTHS[b.getMonth()] + " " + b.getFullYear(); case links.Timeline.StepDate.SCALE.WEEKDAY: case links.Timeline.StepDate.SCALE.DAY: return a.MONTHS[b.getMonth()] + " " + b.getFullYear(); case links.Timeline.StepDate.SCALE.MONTH: return String(b.getFullYear()); default: return ""
+            }
+        }; links.Timeline.StepDate.prototype.addZeros = function (a, b) { for (var c = "" + a; c.length < b;) c = "0" + c; return c };
+        links.imageloader = function () {
+            function a(a) { if (e[a] == !0) return !0; var b = new Image; b.src = a; return b.complete ? !0 : !1 } function b(a) { return f[a] != void 0 } function c(c, d, i) { i == void 0 && (i = !0); if (a(c)) i && d(c); else if (!b(c) || i) { var k = f[c]; if (!k) i = new Image, i.src = c, k = [], f[c] = k, i.onload = function () { e[c] = !0; delete f[c]; for (var a = 0; a < k.length; a++) k[a](c) }; k.indexOf(d) == -1 && k.push(d) } } function d(a, b) { for (var c = a.firstChild; c;) { if (c.tagName == "IMG") { var e = c.src; b.indexOf(e) == -1 && b.push(e) } d(c, b); c = c.nextSibling } } var e =
+            {}, f = {}; return { isLoaded: a, isLoading: b, load: c, loadAll: function (b, d, e) { var f = []; b.forEach(function (b) { a(b) || f.push(b) }); if (f.length) { var m = f.length; f.forEach(function (a) { c(a, function () { m--; m == 0 && d() }, e) }) } else e && d() }, filterImageUrls: d }
+        }(); links.Timeline.addEventListener = function (a, b, c, d) { a.addEventListener ? (d === void 0 && (d = !1), b === "mousewheel" && navigator.userAgent.indexOf("Firefox") >= 0 && (b = "DOMMouseScroll"), a.addEventListener(b, c, d)) : a.attachEvent("on" + b, c) };
+        links.Timeline.removeEventListener = function (a, b, c, d) { a.removeEventListener ? (d === void 0 && (d = !1), b === "mousewheel" && navigator.userAgent.indexOf("Firefox") >= 0 && (b = "DOMMouseScroll"), a.removeEventListener(b, c, d)) : a.detachEvent("on" + b, c) }; links.Timeline.getTarget = function (a) { if (!a) a = window.event; var b; if (a.target) b = a.target; else if (a.srcElement) b = a.srcElement; if (b.nodeType != void 0 && b.nodeType == 3) b = b.parentNode; return b };
+        links.Timeline.stopPropagation = function (a) { if (!a) a = window.event; a.stopPropagation ? a.stopPropagation() : a.cancelBubble = !0 }; links.Timeline.preventDefault = function (a) { if (!a) a = window.event; a.preventDefault ? a.preventDefault() : a.returnValue = !1 }; links.Timeline.getAbsoluteLeft = function (a) { for (var b = document.documentElement, c = document.body, d = a.offsetLeft, a = a.offsetParent; a != null && a != c && a != b;) d += a.offsetLeft, d -= a.scrollLeft, a = a.offsetParent; return d };
+        links.Timeline.getAbsoluteTop = function (a) { for (var b = document.documentElement, c = document.body, d = a.offsetTop, a = a.offsetParent; a != null && a != c && a != b;) d += a.offsetTop, d -= a.scrollTop, a = a.offsetParent; return d }; links.Timeline.getPageY = function (a) { "targetTouches" in a && a.targetTouches.length && (a = a.targetTouches[0]); if ("pageY" in a) return a.pageY; var b = document.documentElement, c = document.body; return a.clientY + (b && b.scrollTop || c && c.scrollTop || 0) - (b && b.clientTop || c && c.clientTop || 0) };
+        links.Timeline.getPageX = function (a) { "targetTouches" in a && a.targetTouches.length && (a = a.targetTouches[0]); if ("pageX" in a) return a.pageX; var b = document.documentElement, c = document.body; return a.clientX + (b && b.scrollLeft || c && c.scrollLeft || 0) - (b && b.clientLeft || c && c.clientLeft || 0) }; links.Timeline.addClassName = function (a, b) { for (var c = a.className.split(" "), d = b.split(" "), e = !1, f = 0; f < d.length; f++) c.indexOf(d[f]) == -1 && (c.push(d[f]), e = !0); if (e) a.className = c.join(" ") };
+        links.Timeline.removeClassName = function (a, b) { for (var c = a.className.split(" "), d = b.split(" "), e = !1, f = 0; f < d.length; f++) { var g = c.indexOf(d[f]); g != -1 && (c.splice(g, 1), e = !0) } if (e) a.className = c.join(" ") }; links.Timeline.isArray = function (a) { return a instanceof Array ? !0 : Object.prototype.toString.call(a) === "[object Array]" }; links.Timeline.clone = function (a) { var b = {}, c; for (c in a) a.hasOwnProperty(c) && (b[c] = a[c]); return b };
+        links.Timeline.parseJSONDate = function (a) { if (a != void 0) { if (a instanceof Date) return a; var b = a.match(/\/Date\((-?\d+)([-\+]?\d{2})?(\d{2})?\)\//i); return b ? (a = b[2] ? 36E5 * b[2] + 6E4 * b[3] * (b[2] / Math.abs(b[2])) : 0, new Date(1 * b[1] + a)) : Date.parse(a) } };
+        if (typeof links === 'undefined') {
+            links = {};
+            links.locales = {};
+        } else if (typeof links.locales === 'undefined') {
+            links.locales = {};
+        }
+    </script>
+    <!--<link rel="stylesheet" type="text/css" href="../timeline.css">-->
+
+    <script type="text/javascript">
+      google.load("visualization", "1");
+
+      // Set callback to run when API is loaded
+      google.setOnLoadCallback(drawVisualization);
+
+      // Called when the Visualization API is loaded.
+      function drawVisualization() {
+        // Create and populate a data table.
+        //var data = new google.visualization.DataTable();
+        //data.addColumn('datetime', 'start');
+        //data.addColumn('datetime', 'end');
+        //data.addColumn('string', 'content');
+
+        //data.addRows([
+        //  [new Date(2010,7,23), , 'Conversation<br>' +
+        //    '<img src="img/comments-icon.png" style="width:32px; height:32px;">'],
+        //  [new Date(2010,7,23,23,0,0), , 'Mail from boss<br>' +
+        //    '<img src="img/mail-icon.png" style="width:32px; height:32px;">'],
+        //  [new Date(2010,7,24,16,0,0), , 'Report'],
+        //  [new Date(2010,7,26), new Date(2010,8,2), 'Traject A'],
+        //  [new Date(2010,7,28), , 'Memo<br>' +
+        //    '<img src="img/notes-edit-icon.png" style="width:48px; height:48px;">'],
+        //  [new Date(2010,7,29), , 'Phone call<br>' +
+        //    '<img src="img/Hardware-Mobile-Phone-icon.png" style="width:32px; height:32px;">'],
+        //  [new Date(2010,7,31), new Date(2010,8,3), 'Traject B'],
+        //  [new Date(2010,8,4,12,0,0), , 'Report<br>' +
+        //    '<img src="img/attachment-icon.png" style="width:32px; height:32px;">']
+          //]);
+
+          var arrayD = { "cols": [{ "id": "start", "label": "start", "type": "datetime" }, { "id": "end", "label": "end", "type": "datetime" }, { "id": "content", "label": "content", "type": "string" }], "rows": [{ "c": [{ "v": new Date(2015, 6, 1, 0, 0, 0) }, { "v": new Date(2015, 6, 1, 0, 15, 0) }, { "v": "Got Home" }] }, { "c": [{ "v": new Date(2015, 6, 3, 0, 0, 0) }, { "v": new Date(2015, 6, 3, 0, 15, 0) }, { "v": "Ordered Pizza" }] }, { "c": [{ "v": new Date(2015, 6, 9, 0, 0, 0) }, { "v": new Date(2015, 6, 9, 0, 15, 0) }, { "v": "Showered" }] }, { "c": [{ "v": new Date(2015, 6, 14, 0, 0, 0) }, { "v": new Date(2015, 6, 14, 0, 15, 0) }, { "v": "Pizza Arrived" }] }, { "c": [{ "v": new Date(2015, 6, 16, 0, 0, 0) }, { "v": new Date(2015, 6, 19, 0, 0, 0) }, { "v": "Ate Pizza" }] }, { "c": [{ "v": new Date(2015, 6, 22, 0, 0, 0) }, { "v": new Date(2015, 6, 23, 0, 0, 0) }, { "v": "Watched TV" }] }, { "c": [{ "v": new Date(2015, 6, 27, 0, 0, 0) }, { "v": new Date(2015, 6, 27, 0, 15, 0) }, { "v": "Bed Time!" }] }] };
+          var data = new google.visualization.DataTable(arrayD);

+
+        // specify options
+        var options = {
+          "width":  "100%",
+          "height": "99%",
+          "style": "box" // optional
+        };
+
+        // Instantiate our timeline object.
+        var timeline = new links.Timeline(document.getElementById('mytimeline'));
+
+        // Draw our timeline with the created data and options
+        timeline.draw(data, options);
+      }
+    </script>
+</head>
+
+<body>
+    <p style="height:75px;" />
+    <div id="mytimeline" style="height:175px;"></div>
+</body>
+</html>
diff --git a/TestGoogleCharsNGraphsControls/timeline-min.js b/TestGoogleCharsNGraphsControls/timeline-min.js
new file mode 100644
index 0000000..904601f
--- /dev/null
+++ b/TestGoogleCharsNGraphsControls/timeline-min.js
@@ -0,0 +1,218 @@
+/*
+
+ Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ use this file except in compliance with the License. You may obtain a copy
+ of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ License for the specific language governing permissions and limitations under
+ the License.
+
+ Copyright (c) 2011-2015 Almende B.V.
+
+ @author  Jos de Jong, <jos@almende.org>
+ @date    2015-03-04
+ @version 2.9.1
+*/
+typeof links==="undefined"&&(links={});typeof google==="undefined"&&(google=void 0);if(!Array.prototype.indexOf)Array.prototype.indexOf=function(a){for(var b=0;b<this.length;b++)if(this[b]==a)return b;return-1};if(!Array.prototype.forEach)Array.prototype.forEach=function(a,b){for(var c=0,d=this.length;c<d;++c)a.call(b||this,this[c],c,this)};
+links.Timeline=function(a,b){if(a){this.dom={};this.conversion={};this.eventParams={};this.groups=[];this.groupIndexes={};this.items=[];this.renderQueue={show:[],hide:[],update:[]};this.renderedItems=[];this.clusterGenerator=new links.Timeline.ClusterGenerator(this);this.currentClusters=[];this.selection=void 0;this.listeners={};this.size={actualHeight:0,axis:{characterMajorHeight:0,characterMajorWidth:0,characterMinorHeight:0,characterMinorWidth:0,height:0,labelMajorTop:0,labelMinorTop:0,line:0,
+lineMajorWidth:0,lineMinorHeight:0,lineMinorTop:0,lineMinorWidth:0,top:0},contentHeight:0,contentLeft:0,contentWidth:0,frameHeight:0,frameWidth:0,groupsLeft:0,groupsWidth:0,items:{top:0}};this.dom.container=a;this.options={width:"100%",height:"auto",minHeight:0,groupMinHeight:0,autoHeight:!0,eventMargin:10,eventMarginAxis:20,dragAreaWidth:10,min:void 0,max:void 0,zoomMin:10,zoomMax:31536E10,moveable:!0,zoomable:!0,selectable:!0,unselectable:!0,editable:!1,snapEvents:!0,groupsChangeable:!0,timeChangeable:!0,
+showCurrentTime:!0,showCustomTime:!1,showMajorLabels:!0,showMinorLabels:!0,showNavigation:!1,showButtonNew:!1,groupsOnRight:!1,groupsOrder:!0,axisOnTop:!1,stackEvents:!0,animate:!0,animateZoom:!0,cluster:!1,clusterMaxItems:5,style:"box",customStackOrder:!1,locale:"en",MONTHS:"January,February,March,April,May,June,July,August,September,October,November,December".split(","),MONTHS_SHORT:"Jan,Feb,Mar,Apr,May,Jun,Jul,Aug,Sep,Oct,Nov,Dec".split(","),DAYS:"Sunday,Monday,Tuesday,Wednesday,Thursday,Friday,Saturday".split(","),
+DAYS_SHORT:"Sun,Mon,Tue,Wed,Thu,Fri,Sat".split(","),ZOOM_IN:"Zoom in",ZOOM_OUT:"Zoom out",MOVE_LEFT:"Move left",MOVE_RIGHT:"Move right",NEW:"New",CREATE_NEW_EVENT:"Create new event"};this.setOptions(b);this.clientTimeOffset=0;for(var c=this.dom;c.container.hasChildNodes();)c.container.removeChild(c.container.firstChild);this.step=new links.Timeline.StepDate;this.itemTypes={box:links.Timeline.ItemBox,range:links.Timeline.ItemRange,floatingRange:links.Timeline.ItemFloatingRange,dot:links.Timeline.ItemDot};
+this.data=[];this.firstDraw=!0;this.setVisibleChartRange(void 0,void 0,!1);this.render();var d=this;setTimeout(function(){d.trigger("ready")},0)}};
+links.Timeline.prototype.draw=function(a,b){b&&(console.log("WARNING: Passing options in draw() is deprecated. Pass options to the constructur or use setOptions() instead!"),this.setOptions(b));this.options.selectable&&links.Timeline.addClassName(this.dom.frame,"timeline-selectable");this.setData(a);this.firstDraw&&this.setVisibleChartRangeAuto();this.firstDraw=!1};
+links.Timeline.prototype.setOptions=function(a){if(a){for(var b in a)a.hasOwnProperty(b)&&(this.options[b]=a[b]);if(typeof links.locales!=="undefined"&&this.options.locale!=="en"&&(b=links.locales[this.options.locale]))for(var c in b)b.hasOwnProperty(c)&&(this.options[c]=b[c]);if(a.showButtonAdd!=void 0)this.options.showButtonNew=a.showButtonAdd,console.log("WARNING: Option showButtonAdd is deprecated. Use showButtonNew instead");if(a.intervalMin!=void 0)this.options.zoomMin=a.intervalMin,console.log("WARNING: Option intervalMin is deprecated. Use zoomMin instead");
+if(a.intervalMax!=void 0)this.options.zoomMax=a.intervalMax,console.log("WARNING: Option intervalMax is deprecated. Use zoomMax instead");a.scale&&a.step&&this.step.setScale(a.scale,a.step)}this.options.autoHeight=this.options.height==="auto"};links.Timeline.prototype.getOptions=function(){return this.options};links.Timeline.prototype.addItemType=function(a,b){this.itemTypes[a]=b};
+links.Timeline.mapColumnIds=function(a){for(var b={},c=a.getNumberOfColumns(),d=!0,e=0;e<c;e++){var f=a.getColumnId(e)||a.getColumnLabel(e);b[f]=e;if(f=="start"||f=="end"||f=="content"||f=="group"||f=="className"||f=="editable"||f=="type")d=!1}if(d){b.start=0;b.end=1;b.content=2;if(c>3)b.group=3;if(c>4)b.className=4;if(c>5)b.editable=5;if(c>6)b.type=6}return b};
+links.Timeline.prototype.setData=function(a){this.unselectItem();a||(a=[]);this.stackCancelAnimation();this.clearItems();this.data=a;var b=this.items;this.deleteGroups();if(google&&google.visualization&&a instanceof google.visualization.DataTable)for(var c=links.Timeline.mapColumnIds(a),d=0,e=a.getNumberOfRows();d<e;d++)b.push(this.createItem({start:c.start!=void 0?a.getValue(d,c.start):void 0,end:c.end!=void 0?a.getValue(d,c.end):void 0,content:c.content!=void 0?a.getValue(d,c.content):void 0,group:c.group!=
+void 0?a.getValue(d,c.group):void 0,className:c.className!=void 0?a.getValue(d,c.className):void 0,editable:c.editable!=void 0?a.getValue(d,c.editable):void 0,type:c.type!=void 0?a.getValue(d,c.type):void 0}));else if(links.Timeline.isArray(a)){d=0;for(e=a.length;d<e;d++)c=this.createItem(a[d]),b.push(c)}else throw"Unknown data type. DataTable or Array expected.";this.options.cluster&&this.clusterGenerator.setData(this.items);this.render({animate:!1})};links.Timeline.prototype.getData=function(){return this.data};
+links.Timeline.prototype.updateData=function(a,b){var c=this.data,d;if(google&&google.visualization&&c instanceof google.visualization.DataTable){var e=a+1-c.getNumberOfRows();e>0&&c.addRows(e);e=links.Timeline.mapColumnIds(c);for(d in b)if(b.hasOwnProperty(d)){var f=e[d];if(f==void 0){var f=b[d],g="string";typeof f=="number"?g="number":typeof f=="boolean"?g="boolean":f instanceof Date&&(g="datetime");f=c.addColumn(g,d)}c.setValue(a,f,b[d])}}else if(links.Timeline.isArray(c))for(d in e=c[a],e==void 0&&
+(e={},c[a]=e),b)b.hasOwnProperty(d)&&(e[d]=b[d]);else throw"Cannot update data, unknown type of data";};links.Timeline.prototype.getItemIndex=function(a){for(var b=this.dom.items.frame,c=this.items,d=void 0;a.parentNode&&a.parentNode!==b;)a=a.parentNode;if(a.parentNode===b)for(var b=0,e=c.length;b<e;b++)if(c[b].dom===a){d=b;break}return d};
+links.Timeline.prototype.getClusterIndex=function(a){var b=this.dom.items.frame,c=this.clusters,d=void 0;if(this.clusters){for(;a.parentNode&&a.parentNode!==b;)a=a.parentNode;if(a.parentNode===b)for(var b=0,e=c.length;b<e;b++)if(c[b].dom===a){d=b;break}}return d};links.Timeline.prototype.getVisibleItems=function(a,b){var c=this.items,d=[];if(c)for(var e=0,f=c.length;e<f;e++){var g=c[e];g.end?a<=g.start&&g.end<=b&&d.push({row:e}):a<=g.start&&g.start<=b&&d.push({row:e})}return d};
+links.Timeline.prototype.setSize=function(a,b){if(a)this.options.width=a,this.dom.frame.style.width=a;if(b&&(this.options.height=b,this.options.autoHeight=this.options.height==="auto",b!=="auto"))this.dom.frame.style.height=b;this.render({animate:!1})};
+links.Timeline.prototype.setVisibleChartRange=function(a,b,c){var d={};if(!a||!b)d=this.getDataRange(!0);if(!a)b?d.min&&d.min.valueOf()<b.valueOf()?a=d.min:(a=new Date(b.valueOf()),a.setDate(a.getDate()-7)):(a=new Date,a.setDate(a.getDate()-3));if(!b)d.max?b=d.max:(b=new Date(a.valueOf()),b.setDate(b.getDate()+7));b<=a&&(b=new Date(a.valueOf()),b.setDate(b.getDate()+7));d=this.options.min?this.options.min:void 0;d!=void 0&&a.valueOf()<d.valueOf()&&(a=new Date(d.valueOf()));d=this.options.max?this.options.max:
+void 0;d!=void 0&&b.valueOf()>d.valueOf()&&(b=new Date(d.valueOf()));this.applyRange(a,b);c==void 0||c==!0?this.render({animate:!1}):this.recalcConversion()};links.Timeline.prototype.setVisibleChartRangeAuto=function(){var a=this.getDataRange(!0);this.setVisibleChartRange(a.min,a.max)};links.Timeline.prototype.setVisibleChartRangeNow=function(){var a=this.end.valueOf()-this.start.valueOf(),b=new Date((new Date).valueOf()-a/2);this.setVisibleChartRange(b,new Date(b.valueOf()+a))};
+links.Timeline.prototype.getVisibleChartRange=function(){return{start:new Date(this.start.valueOf()),end:new Date(this.end.valueOf())}};
+links.Timeline.prototype.getDataRange=function(a){var b=this.items,c=void 0,d=void 0;if(b)for(var e=0,f=b.length;e<f;e++){var g=b[e],h=g.start!=void 0?g.start.valueOf():void 0,g=g.end!=void 0?g.end.valueOf():h;h!=void 0&&(c=c!=void 0?Math.min(c.valueOf(),h.valueOf()):h);g!=void 0&&(d=d!=void 0?Math.max(d.valueOf(),g.valueOf()):g)}c&&d&&a&&(a=d-c,c-=a*0.05,d+=a*0.05);return{min:c!=void 0?new Date(c):void 0,max:d!=void 0?new Date(d):void 0}};
+links.Timeline.prototype.render=function(a){this.reflowFrame();this.reflowAxis();this.reflowGroups();this.reflowItems();var b=this.options.animate;if(a&&a.animate!=void 0)b=a.animate;this.recalcConversion();this.clusterItems();this.filterItems();this.stackItems(b);this.recalcItems();this.repaint()&&(b=a?a.renderTimesLeft:void 0,b==void 0&&(b=5),b>0&&this.render({animate:a?a.animate:void 0,renderTimesLeft:b-1}))};
+links.Timeline.prototype.repaint=function(){var a=this.repaintFrame(),b=this.repaintAxis(),c=this.repaintGroups(),d=this.repaintItems();this.repaintCurrentTime();this.repaintCustomTime();return a||b||c||d};links.Timeline.prototype.reflowFrame=function(){var a=this.dom,b=this.size,c=a.frame?a.frame.offsetWidth:0,d=a.frame?a.frame.clientHeight:0,a=(a=b.frameWidth!==c)||b.frameHeight!==d;b.frameWidth=c;b.frameHeight=d;return a};
+links.Timeline.prototype.repaintFrame=function(){var a=!1,b=this.dom,c=this.options,d=this.size;if(!b.frame)b.frame=document.createElement("DIV"),b.frame.className="timeline-frame ui-widget ui-widget-content ui-corner-all",b.container.appendChild(b.frame),a=!0;var e=c.autoHeight?d.actualHeight+"px":c.height||"100%",c=c.width||"100%",a=(a=a||b.frame.style.height!=e)||b.frame.style.width!=c;b.frame.style.height=e;b.frame.style.width=c;if(!b.content){b.content=document.createElement("DIV");b.content.className=
+"timeline-content";b.frame.appendChild(b.content);a=document.createElement("DIV");a.style.position="absolute";a.style.left="0px";a.style.top="0px";a.style.height="100%";a.style.width="0px";b.content.appendChild(a);b.contentTimelines=a;var a=this.eventParams,f=this;if(!a.onMouseDown)a.onMouseDown=function(a){f.onMouseDown(a)},links.Timeline.addEventListener(b.content,"mousedown",a.onMouseDown);if(!a.onTouchStart)a.onTouchStart=function(a){f.onTouchStart(a)},links.Timeline.addEventListener(b.content,
+"touchstart",a.onTouchStart);if(!a.onMouseWheel)a.onMouseWheel=function(a){f.onMouseWheel(a)},links.Timeline.addEventListener(b.content,"mousewheel",a.onMouseWheel);if(!a.onDblClick)a.onDblClick=function(a){f.onDblClick(a)},links.Timeline.addEventListener(b.content,"dblclick",a.onDblClick);a=!0}b.content.style.left=d.contentLeft+"px";b.content.style.top="0px";b.content.style.width=d.contentWidth+"px";b.content.style.height=d.frameHeight+"px";this.repaintNavigation();return a};
+links.Timeline.prototype.reflowAxis=function(){var a,b=this.options,c=this.size,d=this.dom.axis,e=d&&d.characterMinor?d.characterMinor.clientWidth:0,f=d&&d.characterMinor?d.characterMinor.clientHeight:0,g=d&&d.characterMajor?d.characterMajor.clientWidth:0,h=d&&d.characterMajor?d.characterMajor.clientHeight:0,i=(b.showMinorLabels?f:0)+(b.showMajorLabels?h:0),k=b.axisOnTop?0:c.frameHeight-i,m=b.axisOnTop?i:k;a=(a=(a=c.axis.top!==k)||c.axis.line!==m)||c.axis.height!==i;c.axis.top=k;c.axis.line=m;c.axis.height=
+i;c.axis.labelMajorTop=b.axisOnTop?0:m+(b.showMinorLabels?f:0);c.axis.labelMinorTop=b.axisOnTop?b.showMajorLabels?h:0:m;c.axis.lineMinorTop=b.axisOnTop?c.axis.labelMinorTop:0;c.axis.lineMinorHeight=b.showMajorLabels?c.frameHeight-h:c.frameHeight;c.axis.lineMinorWidth=d&&d.minorLines&&d.minorLines.length?d.minorLines[0].offsetWidth:1;c.axis.lineMajorWidth=d&&d.majorLines&&d.majorLines.length?d.majorLines[0].offsetWidth:1;a=(a=(a=(a=a||c.axis.characterMinorWidth!==e)||c.axis.characterMinorHeight!==
+f)||c.axis.characterMajorWidth!==g)||c.axis.characterMajorHeight!==h;c.axis.characterMinorWidth=e;c.axis.characterMinorHeight=f;c.axis.characterMajorWidth=g;c.axis.characterMajorHeight=h;d=Math.max(c.frameHeight-i,0);c.contentLeft=b.groupsOnRight?0:c.groupsWidth;c.contentWidth=Math.max(c.frameWidth-c.groupsWidth,0);c.contentHeight=d;return a};
+links.Timeline.prototype.repaintAxis=function(){var a=!1,b=this.dom,c=this.options,d=this.size,e=this.step,f=b.axis;if(!f)f={},b.axis=f;if(!d.axis.properties)d.axis.properties={};if(!f.minorTexts)f.minorTexts=[];if(!f.minorLines)f.minorLines=[];if(!f.majorTexts)f.majorTexts=[];if(!f.majorLines)f.majorLines=[];if(!f.frame)f.frame=document.createElement("DIV"),f.frame.style.position="absolute",f.frame.style.left="0px",f.frame.style.top="0px",b.content.appendChild(f.frame);b.content.removeChild(f.frame);
+f.frame.style.width=d.contentWidth+"px";f.frame.style.height=d.axis.height+"px";var g=this.screenToTime(0),h=this.screenToTime(d.contentWidth);if(d.axis.characterMinorWidth)this.minimumStep=this.screenToTime(d.axis.characterMinorWidth*6)-this.screenToTime(0),e.setRange(g,h,this.minimumStep);g=this.repaintAxisCharacters();a=a||g;this.repaintAxisStartOverwriting();e.start();g=void 0;for(h=0;!e.end()&&h<1E3;){h++;var i=this.timeToScreen(e.getCurrent()),k=e.isMajor();c.showMinorLabels&&this.repaintAxisMinorText(i,
+e.getLabelMinor(c));k&&c.showMajorLabels?(i>0&&(g==void 0&&(g=i),this.repaintAxisMajorText(i,e.getLabelMajor(c))),this.repaintAxisMajorLine(i)):this.repaintAxisMinorLine(i);e.next()}c.showMajorLabels&&(e=this.screenToTime(0),c=this.step.getLabelMajor(c,e),d=c.length*d.axis.characterMajorWidth+10,(g==void 0||d<g)&&this.repaintAxisMajorText(0,c,e));this.repaintAxisEndOverwriting();this.repaintAxisHorizontal();b.content.insertBefore(f.frame,b.content.firstChild);return a};
+links.Timeline.prototype.repaintAxisCharacters=function(){var a=!1,b=this.dom.axis;if(!b.characterMinor){var a=document.createTextNode("0"),c=document.createElement("DIV");c.className="timeline-axis-text timeline-axis-text-minor";c.appendChild(a);c.style.position="absolute";c.style.visibility="hidden";c.style.paddingLeft="0px";c.style.paddingRight="0px";b.frame.appendChild(c);b.characterMinor=c;a=!0}if(!b.characterMajor)a=document.createTextNode("0"),c=document.createElement("DIV"),c.className="timeline-axis-text timeline-axis-text-major",
+c.appendChild(a),c.style.position="absolute",c.style.visibility="hidden",c.style.paddingLeft="0px",c.style.paddingRight="0px",b.frame.appendChild(c),b.characterMajor=c,a=!0;return a};links.Timeline.prototype.repaintAxisStartOverwriting=function(){var a=this.size.axis.properties;a.minorTextNum=0;a.minorLineNum=0;a.majorTextNum=0;a.majorLineNum=0};
+links.Timeline.prototype.repaintAxisEndOverwriting=function(){var a=this.dom,b=this.size.axis.properties,c=this.dom.axis.frame,d,e=a.axis.minorTexts;for(d=b.minorTextNum;e.length>d;)c.removeChild(e[d]),e.splice(d,1);e=a.axis.minorLines;for(d=b.minorLineNum;e.length>d;)c.removeChild(e[d]),e.splice(d,1);e=a.axis.majorTexts;for(d=b.majorTextNum;e.length>d;)c.removeChild(e[d]),e.splice(d,1);a=a.axis.majorLines;for(d=b.majorLineNum;a.length>d;)c.removeChild(a[d]),a.splice(d,1)};
+links.Timeline.prototype.repaintAxisHorizontal=function(){var a=this.dom.axis,b=this.size,c=this.options;if(c=c.showMinorLabels||c.showMajorLabels){if(!a.backgroundLine){var d=document.createElement("DIV");d.className="timeline-axis";d.style.position="absolute";d.style.left="0px";d.style.width="100%";d.style.border="none";a.frame.insertBefore(d,a.frame.firstChild);a.backgroundLine=d}if(a.backgroundLine)a.backgroundLine.style.top=b.axis.top+"px",a.backgroundLine.style.height=b.axis.height+"px"}else a.backgroundLine&&
+(a.frame.removeChild(a.backgroundLine),delete a.backgroundLine);c?(a.line?(c=a.frame.removeChild(a.line),a.frame.appendChild(c)):(c=document.createElement("DIV"),c.className="timeline-axis",c.style.position="absolute",c.style.left="0px",c.style.width="100%",c.style.height="0px",a.frame.appendChild(c),a.line=c),a.line.style.top=b.axis.line+"px"):a.line&&a.line.parentElement&&(a.frame.removeChild(a.line),delete a.line)};
+links.Timeline.prototype.repaintAxisMinorText=function(a,b){var c=this.size,d=this.dom,e=c.axis.properties,f=d.axis.frame,d=d.axis.minorTexts,g=e.minorTextNum;if(g<d.length)g=d[g];else{var h=document.createTextNode(""),g=document.createElement("DIV");g.appendChild(h);g.className="timeline-axis-text timeline-axis-text-minor";g.style.position="absolute";f.appendChild(g);d.push(g)}g.childNodes[0].nodeValue=b;g.style.left=a+"px";g.style.top=c.axis.labelMinorTop+"px";e.minorTextNum++};
+links.Timeline.prototype.repaintAxisMinorLine=function(a){var b=this.size.axis,c=this.dom,d=b.properties,e=c.axis.frame,c=c.axis.minorLines,f=d.minorLineNum;f<c.length?f=c[f]:(f=document.createElement("DIV"),f.className="timeline-axis-grid timeline-axis-grid-minor",f.style.position="absolute",f.style.width="0px",e.appendChild(f),c.push(f));f.style.top=b.lineMinorTop+"px";f.style.height=b.lineMinorHeight+"px";f.style.left=a-b.lineMinorWidth/2+"px";d.minorLineNum++};
+links.Timeline.prototype.repaintAxisMajorText=function(a,b){var c=this.size,d=c.axis.properties,e=this.dom.axis.frame,f=this.dom.axis.majorTexts,g=d.majorTextNum;if(g<f.length)g=f[g];else{var h=document.createTextNode(b),g=document.createElement("DIV");g.className="timeline-axis-text timeline-axis-text-major";g.appendChild(h);g.style.position="absolute";g.style.top="0px";e.appendChild(g);f.push(g)}g.childNodes[0].nodeValue=b;g.style.top=c.axis.labelMajorTop+"px";g.style.left=a+"px";d.majorTextNum++};
+links.Timeline.prototype.repaintAxisMajorLine=function(a){var b=this.size,c=b.axis.properties,d=this.size.axis,e=this.dom.axis.frame,f=this.dom.axis.majorLines,g=c.majorLineNum;g<f.length?g=f[g]:(g=document.createElement("DIV"),g.className="timeline-axis-grid timeline-axis-grid-major",g.style.position="absolute",g.style.top="0px",g.style.width="0px",e.appendChild(g),f.push(g));g.style.left=a-d.lineMajorWidth/2+"px";g.style.height=b.frameHeight+"px";c.majorLineNum++};
+links.Timeline.prototype.reflowItems=function(){var a=!1,b,c,d;b=this.groups;var e=this.renderedItems;b&&b.forEach(function(a){a.itemsHeight=a.labelHeight||0});for(b=0,c=e.length;b<c;b++){var f=e[b],g=f.dom;d=f.group;if(g){var h=g?g.clientWidth:0,g=g?g.clientHeight:0,a=(a=a||f.width!=h)||f.height!=g;f.width=h;f.height=g;f.reflow()}if(d)d.itemsHeight=Math.max(this.options.groupMinHeight,d.itemsHeight?Math.max(d.itemsHeight,f.height):f.height)}return a};
+links.Timeline.prototype.recalcItems=function(){var a=!1,b,c,d,e,f;d=this.groups;var g=this.size,h=this.options;f=this.renderedItems;var i=0;if(d.length==0){if(h.autoHeight||h.cluster){var k=i=0;if(this.stack&&this.stack.finalItems){d=this.stack.finalItems;if((e=d[0])&&e.top)i=e.top,k=e.top+e.height;for(b=1,c=d.length;b<c;b++)e=d[b],i=Math.min(i,e.top),k=Math.max(k,e.top+e.height)}else{if((d=f[0])&&d.top)i=d.top,k=d.top+d.height;for(b=1,c=f.length;b<c;b++)d=f[b],d.top&&(i=Math.min(i,d.top),k=Math.max(k,
+d.top+d.height))}i=k-i+2*h.eventMarginAxis+g.axis.height;if(i<h.minHeight)i=h.minHeight;if(g.actualHeight!=i&&h.autoHeight&&!h.axisOnTop)if(k=i-g.actualHeight,this.stack&&this.stack.finalItems){d=this.stack.finalItems;for(b=0,c=d.length;b<c;b++)d[b].top+=k,d[b].item.top+=k}else for(b=0,c=f.length;b<c;b++)f[b].top+=k}}else{i=g.axis.height+2*h.eventMarginAxis;for(b=0,c=d.length;b<c;b++)f=d[b],k=f.itemsHeight,a=a||k!=f.height,f.height=Math.max(k,h.groupMinHeight),i+=d[b].height+h.eventMargin;a=h.eventMargin;
+k=h.axisOnTop?h.eventMarginAxis+a/2:g.contentHeight-h.eventMarginAxis+a/2;e=g.axis.height;for(b=0,c=d.length;b<c;b++)f=d[b],h.axisOnTop?(f.top=k+e,f.labelTop=k+e+(f.height-f.labelHeight)/2,f.lineTop=k+e+f.height+a/2,k+=f.height+a):(k-=f.height+a,f.top=k,f.labelTop=k+(f.height-f.labelHeight)/2,f.lineTop=k-a/2);a=!0}if(i<h.minHeight)i=h.minHeight;a=a||i!=g.actualHeight;g.actualHeight=i;return a};
+links.Timeline.prototype.clearItems=function(){var a=this.renderQueue.hide;this.renderedItems.forEach(function(b){a.push(b)});this.clusterGenerator.clear();this.items=[]};
+links.Timeline.prototype.repaintItems=function(){var a,b,c=!1,d=this.dom;a=this.size;var e=this,f=this.renderedItems;if(!d.items)d.items={};var g=d.items.frame;if(!g)g=document.createElement("DIV"),g.style.position="relative",d.content.appendChild(g),d.items.frame=g;g.style.left="0px";g.style.top=a.items.top+"px";g.style.height="0px";d.content.removeChild(g);for(var h=this.renderQueue,i=[],c=c||h.show.length>0||h.update.length>0||h.hide.length>0;a=h.show.shift();)a.showDOM(g),a.getImageUrls(i),f.push(a);
+for(;a=h.update.shift();)a.updateDOM(g),a.getImageUrls(i),b=this.renderedItems.indexOf(a),b==-1&&f.push(a);for(;a=h.hide.shift();)a.hideDOM(g),b=this.renderedItems.indexOf(a),b!=-1&&f.splice(b,1);f.forEach(function(a){a.updatePosition(e)});this.repaintDeleteButton();this.repaintDragAreas();d.content.appendChild(g);i.length&&links.imageloader.loadAll(i,function(){e.render()},!1);return c};
+links.Timeline.prototype.reflowGroups=function(){for(var a=!1,b=this.options,c=this.size,d=this.dom,e=0,f=this.groups,g=this.dom.groups?this.dom.groups.labels:[],h=0,i=f.length;h<i;h++){var k=f[h],m=g[h];k.labelWidth=m?m.clientWidth:0;k.labelHeight=m?m.clientHeight:0;k.width=k.labelWidth;e=Math.max(e,k.width)}b.groupsWidth!==void 0&&(e=d.groups&&d.groups.frame?d.groups.frame.clientWidth:0);e+=1;b=b.groupsOnRight?c.frameWidth-e:0;a=(a=a||c.groupsWidth!==e)||c.groupsLeft!==b;c.groupsWidth=e;c.groupsLeft=
+b;return a};
+links.Timeline.prototype.repaintGroups=function(){var a=this.dom,b=this,c=this.options,d=this.size,e=this.groups;if(a.groups===void 0)a.groups={};var f=a.groups.labels;if(!f)f=[],a.groups.labels=f;var g=a.groups.labelLines;if(!g)g=[],a.groups.labelLines=g;var h=a.groups.itemLines;if(!h)h=[],a.groups.itemLines=h;var i=a.groups.frame;if(!i)i=document.createElement("DIV"),i.className="timeline-groups-axis",i.style.position="absolute",i.style.overflow="hidden",i.style.top="0px",i.style.height="100%",
+a.frame.appendChild(i),a.groups.frame=i;i.style.left=d.groupsLeft+"px";i.style.width=c.groupsWidth!==void 0?c.groupsWidth:d.groupsWidth+"px";i.style.display=e.length==0?"none":"";for(var k=f.length,m=e.length,l=0,s=Math.min(k,m);l<s;l++){var q=e[l],o=f[l];o.innerHTML=this.getGroupName(q);o.style.display=""}for(l=k;l<m;l++){q=e[l];o=document.createElement("DIV");o.className="timeline-groups-text";o.style.position="absolute";if(c.groupsWidth===void 0)o.style.whiteSpace="nowrap";o.innerHTML=this.getGroupName(q);
+i.appendChild(o);f[l]=o;var p=document.createElement("DIV");p.className="timeline-axis-grid timeline-axis-grid-minor";p.style.position="absolute";p.style.left="0px";p.style.width="100%";p.style.height="0px";p.style.borderTopStyle="solid";i.appendChild(p);g[l]=p;var n=document.createElement("DIV");n.className="timeline-axis-grid timeline-axis-grid-minor";n.style.position="absolute";n.style.left="0px";n.style.width="100%";n.style.height="0px";n.style.borderTopStyle="solid";a.content.insertBefore(n,
+a.content.firstChild);h[l]=n}for(l=m;l<k;l++)o=f[l],p=g[l],n=h[l],i.removeChild(o),i.removeChild(p),a.content.removeChild(n);f.splice(m,k-m);g.splice(m,k-m);h.splice(m,k-m);links.Timeline.addClassName(i,c.groupsOnRight?"timeline-groups-axis-onright":"timeline-groups-axis-onleft");l=0;for(s=e.length;l<s;l++)q=e[l],o=f[l],p=g[l],n=h[l],o.style.top=q.labelTop+"px",p.style.top=q.lineTop+"px",n.style.top=q.lineTop+"px",n.style.width=d.contentWidth+"px";if(!a.groups.background)c=document.createElement("DIV"),
+c.className="timeline-axis",c.style.position="absolute",c.style.left="0px",c.style.width="100%",c.style.border="none",i.appendChild(c),a.groups.background=c;a.groups.background.style.top=d.axis.top+"px";a.groups.background.style.height=d.axis.height+"px";if(!a.groups.line)c=document.createElement("DIV"),c.className="timeline-axis",c.style.position="absolute",c.style.left="0px",c.style.width="100%",c.style.height="0px",i.appendChild(c),a.groups.line=c;a.groups.line.style.top=d.axis.line+"px";a.groups.frame&&
+e.length&&(d=[],links.imageloader.filterImageUrls(a.groups.frame,d),d.length&&links.imageloader.loadAll(d,function(){b.render()},!1))};
+links.Timeline.prototype.repaintCurrentTime=function(){var a=this.dom,b=this.size;if(this.options.showCurrentTime){if(!a.currentTime){var c=document.createElement("DIV");c.className="timeline-currenttime";c.style.position="absolute";c.style.top="0px";c.style.height="100%";a.contentTimelines.appendChild(c);a.currentTime=c}var c=new Date((new Date).valueOf()+this.clientTimeOffset),d=this.timeToScreen(c);a.currentTime.style.display=d>-b.contentWidth&&d<2*b.contentWidth?"":"none";a.currentTime.style.left=
+d+"px";a.currentTime.title="Current time: "+c;this.currentTimeTimer!=void 0&&(clearTimeout(this.currentTimeTimer),delete this.currentTimeTimer);var e=this,a=1/this.conversion.factor/2;a<30&&(a=30);this.currentTimeTimer=setTimeout(function(){e.repaintCurrentTime()},a)}else a.currentTime&&(a.contentTimelines.removeChild(a.currentTime),delete a.currentTime)};
+links.Timeline.prototype.repaintCustomTime=function(){var a=this.dom,b=this.size;if(this.options.showCustomTime){if(!a.customTime){var c=document.createElement("DIV");c.className="timeline-customtime";c.style.position="absolute";c.style.top="0px";c.style.height="100%";var d=document.createElement("DIV");d.style.position="relative";d.style.top="0px";d.style.left="-10px";d.style.height="100%";d.style.width="20px";c.appendChild(d);a.contentTimelines.appendChild(c);a.customTime=c;this.customTime=new Date}c=
+this.timeToScreen(this.customTime);a.customTime.style.display=c>-b.contentWidth&&c<2*b.contentWidth?"":"none";a.customTime.style.left=c+"px";a.customTime.title="Time: "+this.customTime}else a.customTime&&(a.contentTimelines.removeChild(a.customTime),delete a.customTime)};
+links.Timeline.prototype.repaintDeleteButton=function(){var a=this.dom,b=a.items.frame,c=a.items.deleteButton;if(!c)c=document.createElement("DIV"),c.className="timeline-navigation-delete",c.style.position="absolute",b.appendChild(c),a.items.deleteButton=c;var a=this.selection&&this.selection.index!==void 0?this.selection.index:-1,d=this.selection&&this.selection.index!==void 0?this.items[a]:void 0;d&&d.rendered&&this.isEditable(d)?(a=d.getRight(this),d=d.top,c.style.left=a+"px",c.style.top=d+"px",
+c.style.display="",b.removeChild(c),b.appendChild(c)):c.style.display="none"};
+links.Timeline.prototype.repaintDragAreas=function(){var a=this.options,b=this.dom,c=this.dom.items.frame,d=b.items.dragLeft;if(!d)d=document.createElement("DIV"),d.className="timeline-event-range-drag-left",d.style.position="absolute",c.appendChild(d),b.items.dragLeft=d;var e=b.items.dragRight;if(!e)e=document.createElement("DIV"),e.className="timeline-event-range-drag-right",e.style.position="absolute",c.appendChild(e),b.items.dragRight=e;var b=this.selection&&this.selection.index!==void 0?this.selection.index:
+-1,f=this.selection&&this.selection.index!==void 0?this.items[b]:void 0;if(f&&f.rendered&&this.isEditable(f)&&(f instanceof links.Timeline.ItemRange||f instanceof links.Timeline.ItemFloatingRange)){var b=f.getLeft(this),g=f.getRight(this),h=f.top,f=f.height;d.style.left=b+"px";d.style.top=h+"px";d.style.width=a.dragAreaWidth+"px";d.style.height=f+"px";d.style.display="";c.removeChild(d);c.appendChild(d);e.style.left=g-a.dragAreaWidth+"px";e.style.top=h+"px";e.style.width=a.dragAreaWidth+"px";e.style.height=
+f+"px";e.style.display="";c.removeChild(e);c.appendChild(e)}else d.style.display="none",e.style.display="none"};
+links.Timeline.prototype.repaintNavigation=function(){var a=this,b=this.options,c=this.dom,d=c.frame,e=c.navBar;if(!e){var f=b.showButtonNew&&b.editable,g=b.showNavigation&&(b.zoomable||b.moveable);if(g||f)e=document.createElement("DIV"),e.style.position="absolute",e.className="timeline-navigation ui-widget ui-state-highlight ui-corner-all",b.groupsOnRight?e.style.left="10px":e.style.right="10px",b.axisOnTop?e.style.bottom="10px":e.style.top="10px",c.navBar=e,d.appendChild(e);if(f)e.addButton=document.createElement("DIV"),
+e.addButton.className="timeline-navigation-new",e.addButton.title=b.CREATE_NEW_EVENT,c=document.createElement("SPAN"),c.className="ui-icon ui-icon-circle-plus",e.addButton.appendChild(c),links.Timeline.addEventListener(e.addButton,"mousedown",function(c){links.Timeline.preventDefault(c);links.Timeline.stopPropagation(c);c=a.screenToTime(a.size.contentWidth/2);b.snapEvents&&a.step.snap(c);a.addItem({start:c,content:b.NEW,group:a.groups.length?a.groups[0].content:void 0},!0);c=a.items.length-1;a.selectItem(c);
+a.applyAdd=!0;a.trigger("add");a.applyAdd?(a.render({animate:!1}),a.selectItem(c)):a.deleteItem(c)}),e.appendChild(e.addButton);f&&g&&links.Timeline.addClassName(e.addButton,"timeline-navigation-new-line");if(g){if(b.zoomable)e.zoomInButton=document.createElement("DIV"),e.zoomInButton.className="timeline-navigation-zoom-in",e.zoomInButton.title=this.options.ZOOM_IN,f=document.createElement("SPAN"),f.className="ui-icon ui-icon-circle-zoomin",e.zoomInButton.appendChild(f),links.Timeline.addEventListener(e.zoomInButton,
+"mousedown",function(b){links.Timeline.preventDefault(b);links.Timeline.stopPropagation(b);a.zoom(0.4);a.trigger("rangechange");a.trigger("rangechanged")}),e.appendChild(e.zoomInButton),e.zoomOutButton=document.createElement("DIV"),e.zoomOutButton.className="timeline-navigation-zoom-out",e.zoomOutButton.title=this.options.ZOOM_OUT,f=document.createElement("SPAN"),f.className="ui-icon ui-icon-circle-zoomout",e.zoomOutButton.appendChild(f),links.Timeline.addEventListener(e.zoomOutButton,"mousedown",
+function(b){links.Timeline.preventDefault(b);links.Timeline.stopPropagation(b);a.zoom(-0.4);a.trigger("rangechange");a.trigger("rangechanged")}),e.appendChild(e.zoomOutButton);if(b.moveable)e.moveLeftButton=document.createElement("DIV"),e.moveLeftButton.className="timeline-navigation-move-left",e.moveLeftButton.title=this.options.MOVE_LEFT,f=document.createElement("SPAN"),f.className="ui-icon ui-icon-circle-arrow-w",e.moveLeftButton.appendChild(f),links.Timeline.addEventListener(e.moveLeftButton,
+"mousedown",function(b){links.Timeline.preventDefault(b);links.Timeline.stopPropagation(b);a.move(-0.2);a.trigger("rangechange");a.trigger("rangechanged")}),e.appendChild(e.moveLeftButton),e.moveRightButton=document.createElement("DIV"),e.moveRightButton.className="timeline-navigation-move-right",e.moveRightButton.title=this.options.MOVE_RIGHT,f=document.createElement("SPAN"),f.className="ui-icon ui-icon-circle-arrow-e",e.moveRightButton.appendChild(f),links.Timeline.addEventListener(e.moveRightButton,
+"mousedown",function(b){links.Timeline.preventDefault(b);links.Timeline.stopPropagation(b);a.move(0.2);a.trigger("rangechange");a.trigger("rangechanged")}),e.appendChild(e.moveRightButton)}}};links.Timeline.prototype.setCurrentTime=function(a){this.clientTimeOffset=a.valueOf()-(new Date).valueOf();this.repaintCurrentTime()};links.Timeline.prototype.getCurrentTime=function(){return new Date((new Date).valueOf()+this.clientTimeOffset)};
+links.Timeline.prototype.setCustomTime=function(a){this.customTime=new Date(a.valueOf());this.repaintCustomTime()};links.Timeline.prototype.getCustomTime=function(){return new Date(this.customTime.valueOf())};links.Timeline.prototype.setScale=function(a,b){this.step.setScale(a,b);this.render()};links.Timeline.prototype.setAutoScale=function(a){this.step.setAutoScale(a);this.render()};links.Timeline.prototype.redraw=function(){this.setData(this.data)};links.Timeline.prototype.checkResize=function(){this.render()};
+links.Timeline.prototype.isEditable=function(a){return a?a.editable!=void 0?a.editable:this.options.editable:!1};links.Timeline.prototype.recalcConversion=function(){this.conversion.offset=this.start.valueOf();this.conversion.factor=this.size.contentWidth/(this.end.valueOf()-this.start.valueOf())};links.Timeline.prototype.screenToTime=function(a){var b=this.conversion;return new Date(a/b.factor+b.offset)};
+links.Timeline.prototype.timeToScreen=function(a){var b=this.conversion;return(a.valueOf()-b.offset)*b.factor};
+links.Timeline.prototype.onTouchStart=function(a){var b=this.eventParams,c=this;if(!b.touchDown){b.touchDown=!0;b.zoomed=!1;this.onMouseDown(a);if(!b.onTouchMove)b.onTouchMove=function(a){c.onTouchMove(a)},links.Timeline.addEventListener(document,"touchmove",b.onTouchMove);if(!b.onTouchEnd)b.onTouchEnd=function(a){c.onTouchEnd(a)},links.Timeline.addEventListener(document,"touchend",b.onTouchEnd);var d=this.getItemIndex(links.Timeline.getTarget(a));b.doubleTapStartPrev=b.doubleTapStart;b.doubleTapStart=
+(new Date).valueOf();b.doubleTapItemPrev=b.doubleTapItem;b.doubleTapItem=d;links.Timeline.preventDefault(a)}};links.Timeline.prototype.onTouchMove=function(a){var b=this.eventParams;if(a.scale&&a.scale!==1)b.zoomed=!0;if(b.zoomed){if(this.options.zoomable){b.zoomed=!0;var c=b.end.valueOf()-b.start.valueOf(),d=c/a.scale-c,c=new Date(parseInt(b.start.valueOf()-d/2)),b=new Date(parseInt(b.end.valueOf()+d/2));this.setVisibleChartRange(c,b);this.trigger("rangechange")}}else this.onMouseMove(a);links.Timeline.preventDefault(a)};
+links.Timeline.prototype.onTouchEnd=function(a){var b=this.eventParams;b.touchDown=!1;b.zoomed&&this.trigger("rangechanged");b.onTouchMove&&(links.Timeline.removeEventListener(document,"touchmove",b.onTouchMove),delete b.onTouchMove);b.onTouchEnd&&(links.Timeline.removeEventListener(document,"touchend",b.onTouchEnd),delete b.onTouchEnd);this.onMouseUp(a);var c=(new Date).valueOf();this.getItemIndex(links.Timeline.getTarget(a));if(b.doubleTapStartPrev&&c-b.doubleTapStartPrev<500&&b.doubleTapItem==
+b.doubleTapItemPrev)b.touchDown=!0,this.onDblClick(a),b.touchDown=!1;links.Timeline.preventDefault(a)};
+links.Timeline.prototype.onMouseDown=function(a){var a=a||window.event,b=this.eventParams,c=this.options,d=this.dom;if((a.which?a.which==1:a.button==1)||b.touchDown){b.mouseX=links.Timeline.getPageX(a);b.mouseY=links.Timeline.getPageY(a);b.frameLeft=links.Timeline.getAbsoluteLeft(this.dom.content);b.frameTop=links.Timeline.getAbsoluteTop(this.dom.content);b.previousLeft=0;b.previousOffset=0;b.moved=!1;b.start=new Date(this.start.valueOf());b.end=new Date(this.end.valueOf());b.target=links.Timeline.getTarget(a);
+var e=d.items&&d.items.dragRight?d.items.dragRight:void 0;b.itemDragLeft=b.target===(d.items&&d.items.dragLeft?d.items.dragLeft:void 0);b.itemDragRight=b.target===e;b.itemDragLeft||b.itemDragRight?(b.itemIndex=this.selection&&this.selection.index!==void 0?this.selection.index:void 0,delete b.clusterIndex):(b.itemIndex=this.getItemIndex(b.target),b.clusterIndex=this.getClusterIndex(b.target));b.customTime=b.target===d.customTime||b.target.parentNode===d.customTime?this.customTime:void 0;b.addItem=
+c.editable&&a.ctrlKey;if(b.addItem){var f=b.mouseY-b.frameTop,d=this.screenToTime(b.mouseX-b.frameLeft);c.snapEvents&&this.step.snap(d);e=new Date(d.valueOf());c=c.NEW;f=this.getGroupFromHeight(f);this.addItem({start:d,end:e,content:c,group:this.getGroupName(f)});b.itemIndex=this.items.length-1;delete b.clusterIndex;this.selectItem(b.itemIndex);b.itemDragRight=!0}c=this.items[b.itemIndex];d=this.isSelected(b.itemIndex);b.editItem=d&&this.isEditable(c);b.editItem?(b.itemStart=c.start,b.itemEnd=c.end,
+b.itemGroup=c.group,b.itemLeft=c.getLeft(this),b.itemRight=c.getRight(this)):this.dom.frame.style.cursor="move";if(!b.touchDown){var g=this;if(!b.onMouseMove)b.onMouseMove=function(a){g.onMouseMove(a)},links.Timeline.addEventListener(document,"mousemove",b.onMouseMove);if(!b.onMouseUp)b.onMouseUp=function(a){g.onMouseUp(a)},links.Timeline.addEventListener(document,"mouseup",b.onMouseUp);links.Timeline.preventDefault(a)}}};
+links.Timeline.prototype.onMouseMove=function(a){var a=a||window.event,b=this.eventParams,c=this.size,d=this.dom,e=this.options,f=links.Timeline.getPageX(a),g=links.Timeline.getPageY(a);if(b.mouseX==void 0)b.mouseX=f;if(b.mouseY==void 0)b.mouseY=g;f-=b.mouseX;if(Math.abs(f)>=1)b.moved=!0;if(b.customTime)this.customTime=this.screenToTime(this.timeToScreen(b.customTime)+f),this.repaintCustomTime(),this.trigger("timechange");else if(b.editItem){var d=this.items[b.itemIndex],h,i;if(b.itemDragLeft&&e.timeChangeable){h=
+b.itemLeft+f;i=b.itemRight;d.start=this.screenToTime(h);e.snapEvents&&(this.step.snap(d.start),h=this.timeToScreen(d.start));if(h>i)h=i,d.start=this.screenToTime(h);this.trigger("change")}else if(b.itemDragRight&&e.timeChangeable){h=b.itemLeft;i=b.itemRight+f;d.end=this.screenToTime(i);e.snapEvents&&(this.step.snap(d.end),i=this.timeToScreen(d.end));if(i<h)i=h,d.end=this.screenToTime(i);this.trigger("change")}else if(e.timeChangeable){h=b.itemLeft+f;d.start=this.screenToTime(h);e.snapEvents&&(this.step.snap(d.start),
+h=this.timeToScreen(d.start));if(d.end)i=h+(b.itemRight-b.itemLeft),d.end=this.screenToTime(i);this.trigger("change")}d.setPosition(h,i);c=b.itemDragLeft||b.itemDragRight;this.groups.length&&!c?(b=this.getGroupFromHeight(g-b.frameTop),e.groupsChangeable&&d.group!==b?this.changeItem(this.items.indexOf(d),{group:this.getGroupName(b)}):(this.repaintDeleteButton(),this.repaintDragAreas())):this.render()}else if(e.moveable)e=b.end.valueOf()-b.start.valueOf(),g=Math.round(-f/c.contentWidth*e),f=new Date(b.start.valueOf()+
+g),this.applyRange(f,new Date(b.end.valueOf()+g)),(f=this.start.valueOf()-f.valueOf())&&(g+=f),this.recalcConversion(),f=b.previousLeft||0,h=parseFloat(d.items.frame.style.left)||0,f=(b.previousOffset||0)+(h-f),c=-g/e*c.contentWidth+f,d.items.frame.style.left=c+"px",b.previousOffset=f,b.previousLeft=parseFloat(d.items.frame.style.left)||c,this.repaintCurrentTime(),this.repaintCustomTime(),this.repaintAxis(),this.trigger("rangechange");links.Timeline.preventDefault(a)};
+links.Timeline.prototype.onMouseUp=function(){var a=this.eventParams,b=this.options;this.dom.frame.style.cursor="auto";a.onMouseMove&&(links.Timeline.removeEventListener(document,"mousemove",a.onMouseMove),delete a.onMouseMove);a.onMouseUp&&(links.Timeline.removeEventListener(document,"mouseup",a.onMouseUp),delete a.onMouseUp);if(a.customTime)this.trigger("timechanged");else if(a.editItem){if(b=this.items[a.itemIndex],a.moved||a.addItem)this.applyAdd=this.applyChange=!0,this.updateData(a.itemIndex,
+{start:b.start,end:b.end}),this.trigger(a.addItem?"add":"changed"),b=this.items[a.itemIndex],a.addItem?this.applyAdd?this.updateData(a.itemIndex,{start:b.start,end:b.end,content:b.content,group:this.getGroupName(b.group)}):this.deleteItem(a.itemIndex):this.applyChange?this.updateData(a.itemIndex,{start:b.start,end:b.end}):(delete this.applyChange,delete this.applyAdd,b=this.items[a.itemIndex],b.start=a.itemStart,b.end=a.itemEnd,b.group=a.itemGroup,b.setPosition(a.itemLeft,a.itemRight),this.updateData(a.itemIndex,
+{start:a.itemStart,end:a.itemEnd})),this.options.cluster&&this.clusterGenerator.updateData(),this.render()}else!a.moved&&!a.zoomed?a.target===this.dom.items.deleteButton?this.selection&&this.selection.index!==void 0&&this.confirmDeleteItem(this.selection.index):b.selectable&&(a.itemIndex!=void 0?this.isSelected(a.itemIndex)||(this.selectItem(a.itemIndex),this.trigger("select")):a.clusterIndex!=void 0?(this.selectCluster(a.clusterIndex),this.trigger("select")):b.unselectable&&(this.unselectItem(),
+this.trigger("select"))):(this.render(),(a.moved&&b.moveable||a.zoomed&&b.zoomable)&&this.trigger("rangechanged"))};
+links.Timeline.prototype.onDblClick=function(a){var b=this.eventParams,c=this.options,d=this.dom,a=a||window.event;if(b.itemIndex!=void 0)(b=this.items[b.itemIndex])&&this.isEditable(b)&&this.trigger("edit");else if(c.editable){b.mouseX=links.Timeline.getPageX(a);b.mouseY=links.Timeline.getPageY(a);var e=b.mouseX-links.Timeline.getAbsoluteLeft(d.content),d=b.mouseY-links.Timeline.getAbsoluteTop(d.content),e=this.screenToTime(e);c.snapEvents&&this.step.snap(e);c=c.NEW;d=this.getGroupFromHeight(d);
+this.addItem({start:e,content:c,group:this.getGroupName(d)},!0);b.itemIndex=this.items.length-1;this.selectItem(b.itemIndex);this.applyAdd=!0;this.trigger("add");this.applyAdd?(this.render({animate:!1}),this.selectItem(b.itemIndex)):this.deleteItem(b.itemIndex)}links.Timeline.preventDefault(a)};
+links.Timeline.prototype.onMouseWheel=function(a){if(this.options.zoomable){if(!a)a=window.event;var b=0;a.wheelDelta?b=a.wheelDelta/120:a.detail&&(b=-a.detail/3);if(b){var c=this,d=function(){var d=b/5,f=links.Timeline.getAbsoluteLeft(c.dom.content),g=links.Timeline.getPageX(a),f=g!=void 0&&f!=void 0?c.screenToTime(g-f):void 0;c.zoom(d,f);c.trigger("rangechange");c.trigger("rangechanged")};a.shiftKey?(c.move(b*-0.2),c.trigger("rangechange"),c.trigger("rangechanged")):d()}links.Timeline.preventDefault(a)}};
+links.Timeline.prototype.zoom=function(a,b){b==void 0&&(b=new Date((this.start.valueOf()+this.end.valueOf())/2));a>=1&&(a=0.9);a<=-1&&(a=-0.9);a<0&&(a/=1+a);var c=new Date(this.start.valueOf()-(this.start.valueOf()-b)*a),d=new Date(this.end.valueOf()-(this.end.valueOf()-b)*a),e=d.valueOf()-c.valueOf(),f=Number(this.options.zoomMin)||10;f<10&&(f=10);e>=f&&(this.applyRange(c,d,b),this.render({animate:this.options.animate&&this.options.animateZoom}))};
+links.Timeline.prototype.move=function(a){var b=this.end.valueOf()-this.start.valueOf();this.applyRange(new Date(this.start.valueOf()+b*a),new Date(this.end.valueOf()+b*a));this.render()};
+links.Timeline.prototype.applyRange=function(a,b,c){var a=a.valueOf(),b=b.valueOf(),d=b-a,e=this.options,f=Number(e.zoomMin)||10;f<10&&(f=10);var g=Number(e.zoomMax)||31536E10;g>31536E10&&(g=31536E10);g<f&&(g=f);var h=e.min?e.min.valueOf():void 0,e=e.max?e.max.valueOf():void 0;h!=void 0&&e!=void 0&&(h>=e&&(e=h+864E5),g>e-h&&(g=e-h),f>e-h&&(f=e-h));a>=b&&(b+=864E5);if(d<f){f-=d;var i=c?(c.valueOf()-a)/d:0.5;a-=Math.round(f*i);b+=Math.round(f*(1-i))}d>g&&(f=d-g,i=c?(c.valueOf()-a)/d:0.5,a+=Math.round(f*
+i),b-=Math.round(f*(1-i)));h!=void 0&&(f=a-h,f<0&&(a-=f,b-=f));e!=void 0&&(f=e-b,f<0&&(a+=f,b+=f));this.start=new Date(a);this.end=new Date(b)};links.Timeline.prototype.confirmDeleteItem=function(a){this.applyDelete=!0;this.isSelected(a)||this.selectItem(a);this.trigger("delete");this.applyDelete&&this.deleteItem(a);delete this.applyDelete};
+links.Timeline.prototype.deleteItem=function(a,b){if(a>=this.items.length)throw"Cannot delete row, index out of range";this.selection&&this.selection.index!==void 0&&(this.selection.index==a?this.unselectItem():this.selection.index>a&&this.selection.index--);this.renderQueue.hide.push(this.items.splice(a,1)[0]);if(this.data)if(google&&google.visualization&&this.data instanceof google.visualization.DataTable)this.data.removeRow(a);else if(links.Timeline.isArray(this.data))this.data.splice(a,1);else throw"Cannot delete row from data, unknown data type";
+this.options.cluster&&this.clusterGenerator.updateData();b||this.render()};
+links.Timeline.prototype.deleteAllItems=function(){this.unselectItem();this.clearItems();this.deleteGroups();if(this.data)if(google&&google.visualization&&this.data instanceof google.visualization.DataTable)this.data.removeRows(0,this.data.getNumberOfRows());else if(links.Timeline.isArray(this.data))this.data.splice(0,this.data.length);else throw"Cannot delete row from data, unknown data type";this.options.cluster&&this.clusterGenerator.updateData();this.render()};
+links.Timeline.prototype.getGroupFromHeight=function(a){var b,c,d=this.groups;if(d.length){if(this.options.axisOnTop)for(b=d.length-1;b>=0;b--){if(c=d[b],a>c.top)break}else for(b=0;b<d.length;b++)if(c=d[b],a>c.top)break;return c}};
+links.Timeline.Item=function(a,b){if(a)this.start=a.start,this.end=a.end,this.content=a.content,this.className=a.className,this.editable=a.editable,this.group=a.group,this.type=a.type;this.dotHeight=this.dotWidth=this.lineWidth=this.height=this.width=this.left=this.top=0;this.rendered=!1;if(b)for(var c in b)b.hasOwnProperty(c)&&(this[c]=b[c])};links.Timeline.Item.prototype.reflow=function(){return!1};
+links.Timeline.Item.prototype.getImageUrls=function(a){this.dom&&links.imageloader.filterImageUrls(this.dom,a)};links.Timeline.Item.prototype.select=function(){};links.Timeline.Item.prototype.unselect=function(){};links.Timeline.Item.prototype.createDOM=function(){};links.Timeline.Item.prototype.showDOM=function(){};links.Timeline.Item.prototype.hideDOM=function(){};links.Timeline.Item.prototype.updateDOM=function(){};links.Timeline.Item.prototype.updatePosition=function(){};
+links.Timeline.Item.prototype.isRendered=function(){return this.rendered};links.Timeline.Item.prototype.isVisible=function(){return!1};links.Timeline.Item.prototype.setPosition=function(){};links.Timeline.Item.prototype.getLeft=function(){return 0};links.Timeline.Item.prototype.getRight=function(){return 0};links.Timeline.Item.prototype.getWidth=function(){return this.width||0};links.Timeline.ItemBox=function(a,b){links.Timeline.Item.call(this,a,b)};links.Timeline.ItemBox.prototype=new links.Timeline.Item;
+links.Timeline.ItemBox.prototype.reflow=function(){var a=this.dom,b=a.dot.offsetHeight,c=a.dot.offsetWidth,a=a.line.offsetWidth,d=this.dotHeight!=b||this.dotWidth!=c||this.lineWidth!=a;this.dotHeight=b;this.dotWidth=c;this.lineWidth=a;return d};links.Timeline.ItemBox.prototype.select=function(){var a=this.dom;links.Timeline.addClassName(a,"timeline-event-selected ui-state-active");links.Timeline.addClassName(a.line,"timeline-event-selected ui-state-active");links.Timeline.addClassName(a.dot,"timeline-event-selected ui-state-active")};
+links.Timeline.ItemBox.prototype.unselect=function(){var a=this.dom;links.Timeline.removeClassName(a,"timeline-event-selected ui-state-active");links.Timeline.removeClassName(a.line,"timeline-event-selected ui-state-active");links.Timeline.removeClassName(a.dot,"timeline-event-selected ui-state-active")};
+links.Timeline.ItemBox.prototype.createDOM=function(){var a=document.createElement("DIV");a.style.position="absolute";a.style.left=this.left+"px";a.style.top=this.top+"px";var b=document.createElement("DIV");b.className="timeline-event-content";b.innerHTML=this.content;a.appendChild(b);b=document.createElement("DIV");b.style.position="absolute";b.style.width="0px";a.line=b;b=document.createElement("DIV");b.style.position="absolute";b.style.width="0px";b.style.height="0px";a.dot=b;this.dom=a;this.updateDOM();
+return a};links.Timeline.ItemBox.prototype.showDOM=function(a){var b=this.dom;b||(b=this.createDOM());if(b.parentNode!=a)b.parentNode&&this.hideDOM(),a.appendChild(b),a.insertBefore(b.line,a.firstChild),a.appendChild(b.dot),this.rendered=!0};links.Timeline.ItemBox.prototype.hideDOM=function(){var a=this.dom;if(a)a.parentNode&&a.parentNode.removeChild(a),a.line&&a.line.parentNode&&a.line.parentNode.removeChild(a.line),a.dot&&a.dot.parentNode&&a.dot.parentNode.removeChild(a.dot),this.rendered=!1};
+links.Timeline.ItemBox.prototype.updateDOM=function(){var a=this.dom;if(a){var b=a.line,c=a.dot;a.firstChild.innerHTML=this.content;a.className="timeline-event timeline-event-box ui-widget ui-state-default";b.className="timeline-event timeline-event-line ui-widget ui-state-default";c.className="timeline-event timeline-event-dot ui-widget ui-state-default";this.isCluster&&(links.Timeline.addClassName(a,"timeline-event-cluster ui-widget-header"),links.Timeline.addClassName(b,"timeline-event-cluster ui-widget-header"),
+links.Timeline.addClassName(c,"timeline-event-cluster ui-widget-header"));this.className&&(links.Timeline.addClassName(a,this.className),links.Timeline.addClassName(b,this.className),links.Timeline.addClassName(c,this.className))}};
+links.Timeline.ItemBox.prototype.updatePosition=function(a){var b=this.dom;if(b){var c=a.timeToScreen(this.start),d=a.options.axisOnTop,e=a.size.axis.top,f=a.size.axis.height,a=a.options.box&&a.options.box.align?a.options.box.align:void 0;b.style.top=this.top+"px";b.style.left=a=="right"?c-this.width+"px":a=="left"?c+"px":c-this.width/2+"px";a=b.line;b=b.dot;a.style.left=c-this.lineWidth/2+"px";b.style.left=c-this.dotWidth/2+"px";d?(a.style.top=f+"px",a.style.height=Math.max(this.top-f,0)+"px",b.style.top=
+f-this.dotHeight/2+"px"):(a.style.top=this.top+this.height+"px",a.style.height=Math.max(e-this.top-this.height,0)+"px",b.style.top=e-this.dotHeight/2+"px")}};links.Timeline.ItemBox.prototype.isVisible=function(a,b){return this.cluster?!1:this.start>a&&this.start<b};
+links.Timeline.ItemBox.prototype.setPosition=function(a){var b=this.dom;b.style.left=a-this.width/2+"px";b.line.style.left=a-this.lineWidth/2+"px";b.dot.style.left=a-this.dotWidth/2+"px";if(this.group)this.top=this.group.top,b.style.top=this.top+"px"};links.Timeline.ItemBox.prototype.getLeft=function(a){var b=a.options.box&&a.options.box.align?a.options.box.align:void 0,a=a.timeToScreen(this.start);a-=b=="right"?width:this.width/2;return a};
+links.Timeline.ItemBox.prototype.getRight=function(a){var b=a.options.box&&a.options.box.align?a.options.box.align:void 0,a=a.timeToScreen(this.start);return b=="right"?a:b=="left"?a+this.width:a+this.width/2};links.Timeline.ItemRange=function(a,b){links.Timeline.Item.call(this,a,b)};links.Timeline.ItemRange.prototype=new links.Timeline.Item;links.Timeline.ItemRange.prototype.select=function(){links.Timeline.addClassName(this.dom,"timeline-event-selected ui-state-active")};
+links.Timeline.ItemRange.prototype.unselect=function(){links.Timeline.removeClassName(this.dom,"timeline-event-selected ui-state-active")};links.Timeline.ItemRange.prototype.createDOM=function(){var a=document.createElement("DIV");a.style.position="absolute";var b=document.createElement("DIV");b.className="timeline-event-content";a.appendChild(b);this.dom=a;this.updateDOM();return a};
+links.Timeline.ItemRange.prototype.showDOM=function(a){var b=this.dom;b||(b=this.createDOM());if(b.parentNode!=a)b.parentNode&&this.hideDOM(),a.appendChild(b),this.rendered=!0};links.Timeline.ItemRange.prototype.hideDOM=function(){var a=this.dom;if(a)a.parentNode&&a.parentNode.removeChild(a),this.rendered=!1};
+links.Timeline.ItemRange.prototype.updateDOM=function(){var a=this.dom;if(a)a.firstChild.innerHTML=this.content,a.className="timeline-event timeline-event-range ui-widget ui-state-default",this.isCluster&&links.Timeline.addClassName(a,"timeline-event-cluster ui-widget-header"),this.className&&links.Timeline.addClassName(a,this.className)};
+links.Timeline.ItemRange.prototype.updatePosition=function(a){var b=this.dom;if(b){var c=a.size.contentWidth,d=a.timeToScreen(this.start),a=a.timeToScreen(this.end);d<-c&&(d=-c);a>2*c&&(a=2*c);b.style.top=this.top+"px";b.style.left=d+"px";b.style.width=Math.max(a-d,1)+"px"}};links.Timeline.ItemRange.prototype.isVisible=function(a,b){return this.cluster?!1:this.end>a&&this.start<b};
+links.Timeline.ItemRange.prototype.setPosition=function(a,b){var c=this.dom;c.style.left=a+"px";c.style.width=b-a+"px";if(this.group)this.top=this.group.top,c.style.top=this.top+"px"};links.Timeline.ItemRange.prototype.getLeft=function(a){return a.timeToScreen(this.start)};links.Timeline.ItemRange.prototype.getRight=function(a){return a.timeToScreen(this.end)};links.Timeline.ItemRange.prototype.getWidth=function(a){return a.timeToScreen(this.end)-a.timeToScreen(this.start)};
+links.Timeline.ItemFloatingRange=function(a,b){links.Timeline.Item.call(this,a,b)};links.Timeline.ItemFloatingRange.prototype=new links.Timeline.Item;links.Timeline.ItemFloatingRange.prototype.select=function(){links.Timeline.addClassName(this.dom,"timeline-event-selected ui-state-active")};links.Timeline.ItemFloatingRange.prototype.unselect=function(){links.Timeline.removeClassName(this.dom,"timeline-event-selected ui-state-active")};
+links.Timeline.ItemFloatingRange.prototype.createDOM=function(){var a=document.createElement("DIV");a.style.position="absolute";var b=document.createElement("DIV");b.className="timeline-event-content";a.appendChild(b);this.dom=a;this.updateDOM();return a};links.Timeline.ItemFloatingRange.prototype.showDOM=function(a){var b=this.dom;b||(b=this.createDOM());if(b.parentNode!=a)b.parentNode&&this.hideDOM(),a.appendChild(b),this.rendered=!0};
+links.Timeline.ItemFloatingRange.prototype.hideDOM=function(){var a=this.dom;if(a)a.parentNode&&a.parentNode.removeChild(a),this.rendered=!1};links.Timeline.ItemFloatingRange.prototype.updateDOM=function(){var a=this.dom;if(a)a.firstChild.innerHTML=this.content,a.className="timeline-event timeline-event-range ui-widget ui-state-default",this.isCluster&&links.Timeline.addClassName(a,"timeline-event-cluster ui-widget-header"),this.className&&links.Timeline.addClassName(a,this.className)};
+links.Timeline.ItemFloatingRange.prototype.updatePosition=function(a){var b=this.dom;if(b){var c=a.size.contentWidth,d=this.getLeft(a),a=this.getRight(a);d<-c&&(d=-c);a>2*c&&(a=2*c);b.style.top=this.top+"px";b.style.left=d+"px";b.style.width=Math.max(a-d,1)+"px"}};links.Timeline.ItemFloatingRange.prototype.isVisible=function(a,b){return this.cluster?!1:this.end&&this.start?this.end>a&&this.start<b:this.start?this.start<b:this.end?this.end>a:!0};
+links.Timeline.ItemFloatingRange.prototype.setPosition=function(a,b){var c=this.dom;c.style.left=a+"px";c.style.width=b-a+"px";if(this.group)this.top=this.group.top,c.style.top=this.top+"px"};links.Timeline.ItemFloatingRange.prototype.getLeft=function(a){return this.start?a.timeToScreen(this.start):0};links.Timeline.ItemFloatingRange.prototype.getRight=function(a){return this.end?a.timeToScreen(this.end):a.size.contentWidth};
+links.Timeline.ItemFloatingRange.prototype.getWidth=function(a){return this.getRight(a)-this.getLeft(a)};links.Timeline.ItemDot=function(a,b){links.Timeline.Item.call(this,a,b)};links.Timeline.ItemDot.prototype=new links.Timeline.Item;links.Timeline.ItemDot.prototype.reflow=function(){var a=this.dom,b=a.dot.offsetHeight,c=a.dot.offsetWidth,a=a.content.offsetHeight,d=this.dotHeight!=b||this.dotWidth!=c||this.contentHeight!=a;this.dotHeight=b;this.dotWidth=c;this.contentHeight=a;return d};
+links.Timeline.ItemDot.prototype.select=function(){links.Timeline.addClassName(this.dom,"timeline-event-selected ui-state-active")};links.Timeline.ItemDot.prototype.unselect=function(){links.Timeline.removeClassName(this.dom,"timeline-event-selected ui-state-active")};
+links.Timeline.ItemDot.prototype.createDOM=function(){var a=document.createElement("DIV");a.style.position="absolute";var b=document.createElement("DIV");b.className="timeline-event-content";a.appendChild(b);var c=document.createElement("DIV");c.style.position="absolute";c.style.width="0px";c.style.height="0px";a.appendChild(c);a.content=b;a.dot=c;this.dom=a;this.updateDOM();return a};
+links.Timeline.ItemDot.prototype.showDOM=function(a){var b=this.dom;b||(b=this.createDOM());if(b.parentNode!=a)b.parentNode&&this.hideDOM(),a.appendChild(b),this.rendered=!0};links.Timeline.ItemDot.prototype.hideDOM=function(){var a=this.dom;if(a)a.parentNode&&a.parentNode.removeChild(a),this.rendered=!1};
+links.Timeline.ItemDot.prototype.updateDOM=function(){if(this.dom){var a=this.dom,b=a.dot;a.firstChild.innerHTML=this.content;a.className="timeline-event-dot-container";b.className="timeline-event timeline-event-dot ui-widget ui-state-default";this.isCluster&&(links.Timeline.addClassName(a,"timeline-event-cluster ui-widget-header"),links.Timeline.addClassName(b,"timeline-event-cluster ui-widget-header"));this.className&&(links.Timeline.addClassName(a,this.className),links.Timeline.addClassName(b,
+this.className))}};links.Timeline.ItemDot.prototype.updatePosition=function(a){var b=this.dom;if(b)a=a.timeToScreen(this.start),b.style.top=this.top+"px",b.style.left=a-this.dotWidth/2+"px",b.content.style.marginLeft=1.5*this.dotWidth+"px",b.dot.style.top=(this.height-this.dotHeight)/2+"px"};links.Timeline.ItemDot.prototype.isVisible=function(a,b){return this.cluster?!1:this.start>a&&this.start<b};
+links.Timeline.ItemDot.prototype.setPosition=function(a){var b=this.dom;b.style.left=a-this.dotWidth/2+"px";if(this.group)this.top=this.group.top,b.style.top=this.top+"px"};links.Timeline.ItemDot.prototype.getLeft=function(a){return a.timeToScreen(this.start)};links.Timeline.ItemDot.prototype.getRight=function(a){return a.timeToScreen(this.start)+this.width};
+links.Timeline.prototype.getItem=function(a){if(a>=this.items.length)throw"Cannot get item, index out of range";var b=this.data;if(google&&google.visualization&&b instanceof google.visualization.DataTable){var c=links.Timeline.mapColumnIds(b),b={},d;for(d in c)c.hasOwnProperty(d)&&(b[d]=this.data.getValue(a,c[d]))}else if(links.Timeline.isArray(this.data))b=links.Timeline.clone(this.data[a]);else throw"Unknown data type. DataTable or Array expected.";a=this.items[a];b.start=new Date(a.start.valueOf());
+if(a.end)b.end=new Date(a.end.valueOf());b.content=a.content;if(a.group)b.group=this.getGroupName(a.group);if(a.className)b.className=a.className;if(typeof a.editable!=="undefined")b.editable=a.editable;if(a.type)b.type=a.type;return b};
+links.Timeline.prototype.getCluster=function(a){if(a>=this.clusters.length)throw"Cannot get cluster, index out of range";var b={},c=this.clusters[a],a=c.items;b.start=new Date(c.start.valueOf());if(c.type)b.type=c.type;b.items=[];for(c=0;c<a.length;c++)for(var d=0;d<this.items.length;d++)if(this.items[d]==a[c]){b.items.push(this.getItem(d));break}return b};links.Timeline.prototype.addItem=function(a,b){this.addItems([a],b)};
+links.Timeline.prototype.addItems=function(a,b){var c=this,d=this.items;a.forEach(function(a){var b=d.length;d.push(c.createItem(a));c.updateData(b,a)});this.options.cluster&&this.clusterGenerator.updateData();b||this.render({animate:!1})};
+links.Timeline.prototype.createItem=function(a){var b=a.type||(a.end?"range":this.options.style),c=links.Timeline.clone(a);c.type=b;c.group=this.getGroup(a.group);a=this.options;a=a.axisOnTop?this.size.axis.height+a.eventMarginAxis+a.eventMargin/2:this.size.contentHeight-a.eventMarginAxis-a.eventMargin/2;if(b in this.itemTypes)return new this.itemTypes[b](c,{top:a});console.log('ERROR: Unknown event type "'+b+'"');return new links.Timeline.Item(c,{top:a})};
+links.Timeline.prototype.changeItem=function(a,b,c){var d=this.items[a];if(!d)throw"Cannot change item, index out of range";var e=this.createItem({start:b.hasOwnProperty("start")?b.start:d.start,end:b.hasOwnProperty("end")?b.end:d.end,content:b.hasOwnProperty("content")?b.content:d.content,group:b.hasOwnProperty("group")?b.group:this.getGroupName(d.group),className:b.hasOwnProperty("className")?b.className:d.className,editable:b.hasOwnProperty("editable")?b.editable:d.editable,type:b.hasOwnProperty("type")?
+b.type:d.type});this.items[a]=e;this.renderQueue.hide.push(d);this.renderQueue.show.push(e);this.updateData(a,b);this.options.cluster&&this.clusterGenerator.updateData();c||(this.render({animate:!1}),this.selection&&this.selection.index==a&&e.select())};links.Timeline.prototype.deleteGroups=function(){this.groups=[];this.groupIndexes={}};
+links.Timeline.prototype.getGroup=function(a){var b=this.groups,c=this.groupIndexes,d=void 0,d=c[a];if(d==void 0&&a!=void 0){d={content:a,labelTop:0,lineTop:0};b.push(d);this.options.groupsOrder==!0?b=b.sort(function(a,b){return a.content>b.content?1:a.content<b.content?-1:0}):typeof this.options.groupsOrder=="function"&&(b=b.sort(this.options.groupsOrder));for(var a=0,e=b.length;a<e;a++)c[b[a].content]=a}else d=b[d];return d};links.Timeline.prototype.getGroupName=function(a){return a?a.content:void 0};
+links.Timeline.prototype.cancelChange=function(){this.applyChange=!1};links.Timeline.prototype.cancelDelete=function(){this.applyDelete=!1};links.Timeline.prototype.cancelAdd=function(){this.applyAdd=!1};
+links.Timeline.prototype.setSelection=function(a){if(a!=void 0&&a.length>0){if(a[0].row!=void 0){var b=a[0].row;if(this.items[b])return a=this.items[b],this.selectItem(b),b=a.start,a=a.end,a=a!=void 0?(a.valueOf()+b.valueOf())/2:b.valueOf(),b=this.end.valueOf()-this.start.valueOf(),this.setVisibleChartRange(new Date(a-b/2),new Date(a+b/2)),!0}}else this.unselectItem();return!1};
+links.Timeline.prototype.getSelection=function(){var a=[];this.selection&&(this.selection.index!==void 0?a.push({row:this.selection.index}):a.push({cluster:this.selection.cluster}));return a};links.Timeline.prototype.selectItem=function(a){this.unselectItem();this.selection=void 0;if(this.items[a]!=void 0){var b=this.items[a];this.selection={index:a};if(b&&b.dom){if(this.isEditable(b))b.dom.style.cursor="move";b.select()}this.repaintDeleteButton();this.repaintDragAreas()}};
+links.Timeline.prototype.selectCluster=function(a){this.unselectItem();this.selection=void 0;if(this.clusters[a]!=void 0)this.selection={cluster:a},this.repaintDeleteButton(),this.repaintDragAreas()};links.Timeline.prototype.isSelected=function(a){return this.selection&&this.selection.index==a};
+links.Timeline.prototype.unselectItem=function(){if(this.selection&&this.selection.index!==void 0){var a=this.items[this.selection.index];if(a&&a.dom)a.dom.style.cursor="",a.unselect();this.selection=void 0;this.repaintDeleteButton();this.repaintDragAreas()}};
+links.Timeline.prototype.stackItems=function(a){a==void 0&&(a=!1);var b=this.stack;if(!b)this.stack=b={};b.sortedItems=this.stackOrder(this.renderedItems);b.finalItems=this.stackCalculateFinal(b.sortedItems);if(a||b.timer){var c=this,d=function(){var a=c.stackMoveOneStep(b.sortedItems,b.finalItems);c.repaint();a?delete b.timer:b.timer=setTimeout(d,30)};if(!b.timer)b.timer=setTimeout(d,30)}else this.stackMoveToFinal(b.sortedItems,b.finalItems)};
+links.Timeline.prototype.stackCancelAnimation=function(){this.stack&&this.stack.timer&&(clearTimeout(this.stack.timer),delete this.stack.timer)};links.Timeline.prototype.getItemsByGroup=function(a){for(var b={},c=0;c<a.length;++c){var d=a[c],e="undefined";d.group&&(e=d.group.content?d.group.content:d.group);b[e]||(b[e]=[]);b[e].push(d)}return b};
+links.Timeline.prototype.stackOrder=function(a){a=a.concat([]);a.sort(this.options.customStackOrder&&typeof this.options.customStackOrder==="function"?this.options.customStackOrder:function(a,c){return(a instanceof links.Timeline.ItemRange||a instanceof links.Timeline.ItemFloatingRange)&&!(c instanceof links.Timeline.ItemRange||c instanceof links.Timeline.ItemFloatingRange)?-1:!(a instanceof links.Timeline.ItemRange||a instanceof links.Timeline.ItemFloatingRange)&&(c instanceof links.Timeline.ItemRange||
+c instanceof links.Timeline.ItemFloatingRange)?1:a.left-c.left});return a};
+links.Timeline.prototype.stackCalculateFinal=function(a){var b=this.size,c=this.options,d=c.axisOnTop,e=c.eventMargin,f=c.eventMarginAxis,b=d?b.axis.height+f+e/2:b.contentHeight-f-e/2,g=[],a=this.getItemsByGroup(a);for(j=0;j<this.groups.length;++j){var h=this.groups[j];a[h.content]?(f=this.finalItemsPosition(a[h.content],b,h),f.forEach(function(a){g.push(a)}),d?b+=h.itemsHeight+e:b-=h.itemsHeight+e):d?b+=c.groupMinHeight+e:b-=c.groupMinHeight+e}a.undefined&&(f=this.finalItemsPosition(a.undefined,
+b),f.forEach(function(a){g.push(a)}));return g};
+links.Timeline.prototype.finalItemsPosition=function(a,b,c){var d,e=this.options,f=e.axisOnTop,e=e.eventMargin,g;g=this.initialItemsPosition(a,b);for(a=0,d=g.length;a<d;a++){var h=g[a],i=null;if(this.options.stackEvents){do if(i=this.stackItemsCheckOverlap(g,a,0,a-1),i!=null)h.top=f?i.top+i.height+e:i.top-h.height-e,h.bottom=h.top+h.height;while(i)}if(c)c.itemsHeight=f?c.itemsHeight?Math.max(c.itemsHeight,h.bottom-b):h.height+e:c.itemsHeight?Math.max(c.itemsHeight,b-h.top):h.height+e}return g};
+links.Timeline.prototype.initialItemsPosition=function(a,b){for(var c=this.options.axisOnTop,d=[],e=0,f=a.length;e<f;++e){var g=a[e],h,i=g.height;h=g.getWidth(this);var k=g.getRight(this),m=k-h;h=c?b:b-i;d.push({left:m,top:h,right:k,bottom:h+i,height:i,item:g})}return d};
+links.Timeline.prototype.stackMoveOneStep=function(a,b){for(var c=!0,d=0,e=b.length;d<e;d++){var f=b[d],g=f.item,h=parseInt(g.top),i=parseInt(f.top),k=i-h;if(k){var m=i==h?0:i>h?1:-1;Math.abs(k)>4&&(m=k/4);h=parseInt(h+m);h!=i&&(c=!1);g.top=h;g.bottom=g.top+g.height}else g.top=f.top,g.bottom=f.bottom;g.left=f.left;g.right=f.right}return c};
+links.Timeline.prototype.stackMoveToFinal=function(a,b){for(var c=0,d=b.length;c<d;c++){var e=b[c],f=e.item;f.left=e.left;f.top=e.top;f.right=e.right;f.bottom=e.bottom}};links.Timeline.prototype.stackItemsCheckOverlap=function(a,b,c,d){for(var e=this.options.eventMargin,f=this.collision,g=a[b];d>=c;d--){var h=a[d];if(f(g,h,e)&&d!=b)return h}};links.Timeline.prototype.collision=function(a,b,c){c==void 0&&(c=0);return a.left-c<b.right&&a.right+c>b.left&&a.top-c<b.bottom&&a.bottom+c>b.top};
+links.Timeline.prototype.trigger=function(a){var b=null;switch(a){case "rangechange":case "rangechanged":b={start:new Date(this.start.valueOf()),end:new Date(this.end.valueOf())};break;case "timechange":case "timechanged":b={time:new Date(this.customTime.valueOf())}}links.events.trigger(this,a,b);google&&google.visualization&&google.visualization.events.trigger(this,a,b)};
+links.Timeline.prototype.clusterItems=function(){if(this.options.cluster){var a=this.clusterGenerator.getClusters(this.conversion.factor,this.options.clusterMaxItems);if(this.clusters!=a){var b=this.renderQueue;this.clusters&&this.clusters.forEach(function(a){b.hide.push(a);a.items.forEach(function(a){a.cluster=void 0})});a.forEach(function(a){a.items.forEach(function(b){b.cluster=a})});this.clusters=a}}};
+links.Timeline.prototype.filterItems=function(){function a(a){a.forEach(function(a){var c=a.rendered,f=a.isVisible(d,e);c!=f&&(c&&b.hide.push(a),f&&b.show.indexOf(a)==-1&&b.show.push(a))})}var b=this.renderQueue,c=this.end-this.start,d=new Date(this.start.valueOf()-c),e=new Date(this.end.valueOf()+c);a(this.items);this.clusters&&a(this.clusters)};links.Timeline.ClusterGenerator=function(a){this.timeline=a;this.clear()};
+links.Timeline.ClusterGenerator.prototype.clear=function(){this.items=[];this.groups={};this.clearCache()};links.Timeline.ClusterGenerator.prototype.clearCache=function(){this.cache={};this.cacheLevel=-1;this.cache[this.cacheLevel]=[]};links.Timeline.ClusterGenerator.prototype.setData=function(a,b){this.items=a||[];this.applyOnChangedLevel=this.dataChanged=!0;if(b&&b.applyOnChangedLevel)this.applyOnChangedLevel=b.applyOnChangedLevel};
+links.Timeline.ClusterGenerator.prototype.updateData=function(){this.dataChanged=!0;this.applyOnChangedLevel=!1};links.Timeline.ClusterGenerator.prototype.filterData=function(){var a=this.items||[],b={};this.groups=b;a.forEach(function(a){var c=a.group?a.group.content:"",f=b[c];f||(f=[],b[c]=f);f.push(a);if(a.start)a.center=a.end?(a.start.valueOf()+a.end.valueOf())/2:a.start.valueOf()});for(var c in b)b.hasOwnProperty(c)&&b[c].sort(function(a,b){return a.center-b.center});this.dataChanged=!1};
+links.Timeline.ClusterGenerator.prototype.getClusters=function(a,b){var c=-1,d=0;a>0&&(c=Math.round(Math.log(100/a)/Math.log(2)),d=Math.pow(2,c));if(this.dataChanged){var e=c!=this.cacheLevel;if(this.applyOnChangedLevel?e:1)this.clearCache(),this.filterData()}this.cacheLevel=c;e=this.cache[c];if(!e){var e=[],f;for(f in this.groups)if(this.groups.hasOwnProperty(f))for(var g=this.groups[f],h=g.length,i=0;i<h;){for(var k=g[i],m=1,l=i-1;l>=0&&k.center-g[l].center<d/2;)g[l].cluster||m++,l--;for(l=i+1;l<
+g.length&&g[l].center-k.center<d/2;)m++,l++;for(l=e.length-1;l>=0&&k.center-e[l].center<d/2;)k.group==e[l].group&&m++,l--;if(m>b){for(var m=m-b+1,l=[],s=void 0,q=void 0,o=void 0,p=!1,n=0,u=i;l.length<m&&u<g.length;){var r=g[u],v=r.start.valueOf(),w=r.end?r.end.valueOf():r.start.valueOf();l.push(r);s=n?n/(n+1)*s+1/(n+1)*r.center:r.center;q=q!=void 0?Math.min(q,v):v;o=o!=void 0?Math.max(o,w):w;p=p||r instanceof links.Timeline.ItemRange||r instanceof links.Timeline.ItemFloatingRange;n++;u++}var t,n=
+'<div title="'+("Cluster containing "+n+" events. Zoom in to see the individual events.")+'">'+n+" events</div>",k=k.group?k.group.content:void 0;t=p?this.timeline.createItem({start:new Date(q),end:new Date(o),content:n,group:k}):this.timeline.createItem({start:new Date(s),content:n,group:k});t.isCluster=!0;t.items=l;t.items.forEach(function(a){a.cluster=t});e.push(t);i+=m}else delete k.cluster,i+=1}this.cache[c]=e}return e};
+links.events=links.events||{listeners:[],indexOf:function(a){for(var b=this.listeners,c=0,d=this.listeners.length;c<d;c++){var e=b[c];if(e&&e.object==a)return c}return-1},addListener:function(a,b,c){var d=this.listeners[this.indexOf(a)];d||(d={object:a,events:{}},this.listeners.push(d));a=d.events[b];a||(a=[],d.events[b]=a);a.indexOf(c)==-1&&a.push(c)},removeListener:function(a,b,c){var a=this.indexOf(a),d=this.listeners[a];if(d){var e=d.events[b];e&&(a=e.indexOf(c),a!=-1&&e.splice(a,1),e.length==
+0&&delete d.events[b]);var b=0,c=d.events,f;for(f in c)c.hasOwnProperty(f)&&b++;b==0&&delete this.listeners[a]}},removeAllListeners:function(){this.listeners=[]},trigger:function(a,b,c){if(a=this.listeners[this.indexOf(a)])if(b=a.events[b])for(var a=0,d=b.length;a<d;a++)b[a](c)}};links.Timeline.StepDate=function(a,b,c){this.current=new Date;this._start=new Date;this._end=new Date;this.autoScale=!0;this.scale=links.Timeline.StepDate.SCALE.DAY;this.step=1;this.setRange(a,b,c)};
+links.Timeline.StepDate.SCALE={MILLISECOND:1,SECOND:2,MINUTE:3,HOUR:4,DAY:5,WEEKDAY:6,MONTH:7,YEAR:8};links.Timeline.StepDate.prototype.setRange=function(a,b,c){if(a instanceof Date&&b instanceof Date)this._start=a!=void 0?new Date(a.valueOf()):new Date,this._end=b!=void 0?new Date(b.valueOf()):new Date,this.autoScale&&this.setMinimumStep(c)};links.Timeline.StepDate.prototype.start=function(){this.current=new Date(this._start.valueOf());this.roundToMinor()};
+links.Timeline.StepDate.prototype.roundToMinor=function(){switch(this.scale){case links.Timeline.StepDate.SCALE.YEAR:this.current.setFullYear(this.step*Math.floor(this.current.getFullYear()/this.step)),this.current.setMonth(0);case links.Timeline.StepDate.SCALE.MONTH:this.current.setDate(1);case links.Timeline.StepDate.SCALE.DAY:case links.Timeline.StepDate.SCALE.WEEKDAY:this.current.setHours(0);case links.Timeline.StepDate.SCALE.HOUR:this.current.setMinutes(0);case links.Timeline.StepDate.SCALE.MINUTE:this.current.setSeconds(0);
+case links.Timeline.StepDate.SCALE.SECOND:this.current.setMilliseconds(0)}if(this.step!=1)switch(this.scale){case links.Timeline.StepDate.SCALE.MILLISECOND:this.current.setMilliseconds(this.current.getMilliseconds()-this.current.getMilliseconds()%this.step);break;case links.Timeline.StepDate.SCALE.SECOND:this.current.setSeconds(this.current.getSeconds()-this.current.getSeconds()%this.step);break;case links.Timeline.StepDate.SCALE.MINUTE:this.current.setMinutes(this.current.getMinutes()-this.current.getMinutes()%
+this.step);break;case links.Timeline.StepDate.SCALE.HOUR:this.current.setHours(this.current.getHours()-this.current.getHours()%this.step);break;case links.Timeline.StepDate.SCALE.WEEKDAY:case links.Timeline.StepDate.SCALE.DAY:this.current.setDate(this.current.getDate()-1-(this.current.getDate()-1)%this.step+1);break;case links.Timeline.StepDate.SCALE.MONTH:this.current.setMonth(this.current.getMonth()-this.current.getMonth()%this.step);break;case links.Timeline.StepDate.SCALE.YEAR:this.current.setFullYear(this.current.getFullYear()-
+this.current.getFullYear()%this.step)}};links.Timeline.StepDate.prototype.end=function(){return this.current.valueOf()>this._end.valueOf()};
+links.Timeline.StepDate.prototype.next=function(){var a=this.current.valueOf();if(this.current.getMonth()<6)switch(this.scale){case links.Timeline.StepDate.SCALE.MILLISECOND:this.current=new Date(this.current.valueOf()+this.step);break;case links.Timeline.StepDate.SCALE.SECOND:this.current=new Date(this.current.valueOf()+this.step*1E3);break;case links.Timeline.StepDate.SCALE.MINUTE:this.current=new Date(this.current.valueOf()+this.step*6E4);break;case links.Timeline.StepDate.SCALE.HOUR:this.current=
+new Date(this.current.valueOf()+this.step*36E5);var b=this.current.getHours();this.current.setHours(b-b%this.step);break;case links.Timeline.StepDate.SCALE.WEEKDAY:case links.Timeline.StepDate.SCALE.DAY:this.current.setDate(this.current.getDate()+this.step);break;case links.Timeline.StepDate.SCALE.MONTH:this.current.setMonth(this.current.getMonth()+this.step);break;case links.Timeline.StepDate.SCALE.YEAR:this.current.setFullYear(this.current.getFullYear()+this.step)}else switch(this.scale){case links.Timeline.StepDate.SCALE.MILLISECOND:this.current=
+new Date(this.current.valueOf()+this.step);break;case links.Timeline.StepDate.SCALE.SECOND:this.current.setSeconds(this.current.getSeconds()+this.step);break;case links.Timeline.StepDate.SCALE.MINUTE:this.current.setMinutes(this.current.getMinutes()+this.step);break;case links.Timeline.StepDate.SCALE.HOUR:this.current.setHours(this.current.getHours()+this.step);break;case links.Timeline.StepDate.SCALE.WEEKDAY:case links.Timeline.StepDate.SCALE.DAY:this.current.setDate(this.current.getDate()+this.step);
+break;case links.Timeline.StepDate.SCALE.MONTH:this.current.setMonth(this.current.getMonth()+this.step);break;case links.Timeline.StepDate.SCALE.YEAR:this.current.setFullYear(this.current.getFullYear()+this.step)}if(this.step!=1)switch(this.scale){case links.Timeline.StepDate.SCALE.MILLISECOND:this.current.getMilliseconds()<this.step&&this.current.setMilliseconds(0);break;case links.Timeline.StepDate.SCALE.SECOND:this.current.getSeconds()<this.step&&this.current.setSeconds(0);break;case links.Timeline.StepDate.SCALE.MINUTE:this.current.getMinutes()<
+this.step&&this.current.setMinutes(0);break;case links.Timeline.StepDate.SCALE.HOUR:this.current.getHours()<this.step&&this.current.setHours(0);break;case links.Timeline.StepDate.SCALE.WEEKDAY:case links.Timeline.StepDate.SCALE.DAY:this.current.getDate()<this.step+1&&this.current.setDate(1);break;case links.Timeline.StepDate.SCALE.MONTH:this.current.getMonth()<this.step&&this.current.setMonth(0)}if(this.current.valueOf()==a)this.current=new Date(this._end.valueOf())};
+links.Timeline.StepDate.prototype.getCurrent=function(){return this.current};links.Timeline.StepDate.prototype.setScale=function(a,b){this.scale=a;if(b>0)this.step=b;this.autoScale=!1};links.Timeline.StepDate.prototype.setAutoScale=function(a){this.autoScale=a};
+links.Timeline.StepDate.prototype.setMinimumStep=function(a){if(a!=void 0){if(31104E9>a)this.scale=links.Timeline.StepDate.SCALE.YEAR,this.step=1E3;if(15552E9>a)this.scale=links.Timeline.StepDate.SCALE.YEAR,this.step=500;if(31104E8>a)this.scale=links.Timeline.StepDate.SCALE.YEAR,this.step=100;if(15552E8>a)this.scale=links.Timeline.StepDate.SCALE.YEAR,this.step=50;if(31104E7>a)this.scale=links.Timeline.StepDate.SCALE.YEAR,this.step=10;if(15552E7>a)this.scale=links.Timeline.StepDate.SCALE.YEAR,this.step=
+5;if(31104E6>a)this.scale=links.Timeline.StepDate.SCALE.YEAR,this.step=1;if(7776E6>a)this.scale=links.Timeline.StepDate.SCALE.MONTH,this.step=3;if(2592E6>a)this.scale=links.Timeline.StepDate.SCALE.MONTH,this.step=1;if(432E6>a)this.scale=links.Timeline.StepDate.SCALE.DAY,this.step=5;if(1728E5>a)this.scale=links.Timeline.StepDate.SCALE.DAY,this.step=2;if(864E5>a)this.scale=links.Timeline.StepDate.SCALE.DAY,this.step=1;if(432E5>a)this.scale=links.Timeline.StepDate.SCALE.WEEKDAY,this.step=1;if(144E5>
+a)this.scale=links.Timeline.StepDate.SCALE.HOUR,this.step=4;if(36E5>a)this.scale=links.Timeline.StepDate.SCALE.HOUR,this.step=1;if(9E5>a)this.scale=links.Timeline.StepDate.SCALE.MINUTE,this.step=15;if(6E5>a)this.scale=links.Timeline.StepDate.SCALE.MINUTE,this.step=10;if(3E5>a)this.scale=links.Timeline.StepDate.SCALE.MINUTE,this.step=5;if(6E4>a)this.scale=links.Timeline.StepDate.SCALE.MINUTE,this.step=1;if(15E3>a)this.scale=links.Timeline.StepDate.SCALE.SECOND,this.step=15;if(1E4>a)this.scale=links.Timeline.StepDate.SCALE.SECOND,
+this.step=10;if(5E3>a)this.scale=links.Timeline.StepDate.SCALE.SECOND,this.step=5;if(1E3>a)this.scale=links.Timeline.StepDate.SCALE.SECOND,this.step=1;if(200>a)this.scale=links.Timeline.StepDate.SCALE.MILLISECOND,this.step=200;if(100>a)this.scale=links.Timeline.StepDate.SCALE.MILLISECOND,this.step=100;if(50>a)this.scale=links.Timeline.StepDate.SCALE.MILLISECOND,this.step=50;if(10>a)this.scale=links.Timeline.StepDate.SCALE.MILLISECOND,this.step=10;if(5>a)this.scale=links.Timeline.StepDate.SCALE.MILLISECOND,
+this.step=5;if(1>a)this.scale=links.Timeline.StepDate.SCALE.MILLISECOND,this.step=1}};
+links.Timeline.StepDate.prototype.snap=function(a){if(this.scale==links.Timeline.StepDate.SCALE.YEAR){var b=a.getFullYear()+Math.round(a.getMonth()/12);a.setFullYear(Math.round(b/this.step)*this.step);a.setMonth(0);a.setDate(0);a.setHours(0);a.setMinutes(0);a.setSeconds(0);a.setMilliseconds(0)}else if(this.scale==links.Timeline.StepDate.SCALE.MONTH)a.getDate()>15?(a.setDate(1),a.setMonth(a.getMonth()+1)):a.setDate(1),a.setHours(0),a.setMinutes(0),a.setSeconds(0),a.setMilliseconds(0);else if(this.scale==
+links.Timeline.StepDate.SCALE.DAY||this.scale==links.Timeline.StepDate.SCALE.WEEKDAY){switch(this.step){case 5:case 2:a.setHours(Math.round(a.getHours()/24)*24);break;default:a.setHours(Math.round(a.getHours()/12)*12)}a.setMinutes(0);a.setSeconds(0);a.setMilliseconds(0)}else if(this.scale==links.Timeline.StepDate.SCALE.HOUR){switch(this.step){case 4:a.setMinutes(Math.round(a.getMinutes()/60)*60);break;default:a.setMinutes(Math.round(a.getMinutes()/30)*30)}a.setSeconds(0);a.setMilliseconds(0)}else if(this.scale==
+links.Timeline.StepDate.SCALE.MINUTE){switch(this.step){case 15:case 10:a.setMinutes(Math.round(a.getMinutes()/5)*5);a.setSeconds(0);break;case 5:a.setSeconds(Math.round(a.getSeconds()/60)*60);break;default:a.setSeconds(Math.round(a.getSeconds()/30)*30)}a.setMilliseconds(0)}else if(this.scale==links.Timeline.StepDate.SCALE.SECOND)switch(this.step){case 15:case 10:a.setSeconds(Math.round(a.getSeconds()/5)*5);a.setMilliseconds(0);break;case 5:a.setMilliseconds(Math.round(a.getMilliseconds()/1E3)*1E3);
+break;default:a.setMilliseconds(Math.round(a.getMilliseconds()/500)*500)}else this.scale==links.Timeline.StepDate.SCALE.MILLISECOND&&(b=this.step>5?this.step/2:1,a.setMilliseconds(Math.round(a.getMilliseconds()/b)*b))};
+links.Timeline.StepDate.prototype.isMajor=function(){switch(this.scale){case links.Timeline.StepDate.SCALE.MILLISECOND:return this.current.getMilliseconds()==0;case links.Timeline.StepDate.SCALE.SECOND:return this.current.getSeconds()==0;case links.Timeline.StepDate.SCALE.MINUTE:return this.current.getHours()==0&&this.current.getMinutes()==0;case links.Timeline.StepDate.SCALE.HOUR:return this.current.getHours()==0;case links.Timeline.StepDate.SCALE.WEEKDAY:case links.Timeline.StepDate.SCALE.DAY:return this.current.getDate()==
+1;case links.Timeline.StepDate.SCALE.MONTH:return this.current.getMonth()==0;case links.Timeline.StepDate.SCALE.YEAR:return!1;default:return!1}};
+links.Timeline.StepDate.prototype.getLabelMinor=function(a,b){if(b==void 0)b=this.current;switch(this.scale){case links.Timeline.StepDate.SCALE.MILLISECOND:return String(b.getMilliseconds());case links.Timeline.StepDate.SCALE.SECOND:return String(b.getSeconds());case links.Timeline.StepDate.SCALE.MINUTE:return this.addZeros(b.getHours(),2)+":"+this.addZeros(b.getMinutes(),2);case links.Timeline.StepDate.SCALE.HOUR:return this.addZeros(b.getHours(),2)+":"+this.addZeros(b.getMinutes(),2);case links.Timeline.StepDate.SCALE.WEEKDAY:return a.DAYS_SHORT[b.getDay()]+
+" "+b.getDate();case links.Timeline.StepDate.SCALE.DAY:return String(b.getDate());case links.Timeline.StepDate.SCALE.MONTH:return a.MONTHS_SHORT[b.getMonth()];case links.Timeline.StepDate.SCALE.YEAR:return String(b.getFullYear());default:return""}};
+links.Timeline.StepDate.prototype.getLabelMajor=function(a,b){if(b==void 0)b=this.current;switch(this.scale){case links.Timeline.StepDate.SCALE.MILLISECOND:return this.addZeros(b.getHours(),2)+":"+this.addZeros(b.getMinutes(),2)+":"+this.addZeros(b.getSeconds(),2);case links.Timeline.StepDate.SCALE.SECOND:return b.getDate()+" "+a.MONTHS[b.getMonth()]+" "+this.addZeros(b.getHours(),2)+":"+this.addZeros(b.getMinutes(),2);case links.Timeline.StepDate.SCALE.MINUTE:return a.DAYS[b.getDay()]+" "+b.getDate()+
+" "+a.MONTHS[b.getMonth()]+" "+b.getFullYear();case links.Timeline.StepDate.SCALE.HOUR:return a.DAYS[b.getDay()]+" "+b.getDate()+" "+a.MONTHS[b.getMonth()]+" "+b.getFullYear();case links.Timeline.StepDate.SCALE.WEEKDAY:case links.Timeline.StepDate.SCALE.DAY:return a.MONTHS[b.getMonth()]+" "+b.getFullYear();case links.Timeline.StepDate.SCALE.MONTH:return String(b.getFullYear());default:return""}};links.Timeline.StepDate.prototype.addZeros=function(a,b){for(var c=""+a;c.length<b;)c="0"+c;return c};
+links.imageloader=function(){function a(a){if(e[a]==!0)return!0;var b=new Image;b.src=a;return b.complete?!0:!1}function b(a){return f[a]!=void 0}function c(c,d,i){i==void 0&&(i=!0);if(a(c))i&&d(c);else if(!b(c)||i){var k=f[c];if(!k)i=new Image,i.src=c,k=[],f[c]=k,i.onload=function(){e[c]=!0;delete f[c];for(var a=0;a<k.length;a++)k[a](c)};k.indexOf(d)==-1&&k.push(d)}}function d(a,b){for(var c=a.firstChild;c;){if(c.tagName=="IMG"){var e=c.src;b.indexOf(e)==-1&&b.push(e)}d(c,b);c=c.nextSibling}}var e=
+{},f={};return{isLoaded:a,isLoading:b,load:c,loadAll:function(b,d,e){var f=[];b.forEach(function(b){a(b)||f.push(b)});if(f.length){var m=f.length;f.forEach(function(a){c(a,function(){m--;m==0&&d()},e)})}else e&&d()},filterImageUrls:d}}();links.Timeline.addEventListener=function(a,b,c,d){a.addEventListener?(d===void 0&&(d=!1),b==="mousewheel"&&navigator.userAgent.indexOf("Firefox")>=0&&(b="DOMMouseScroll"),a.addEventListener(b,c,d)):a.attachEvent("on"+b,c)};
+links.Timeline.removeEventListener=function(a,b,c,d){a.removeEventListener?(d===void 0&&(d=!1),b==="mousewheel"&&navigator.userAgent.indexOf("Firefox")>=0&&(b="DOMMouseScroll"),a.removeEventListener(b,c,d)):a.detachEvent("on"+b,c)};links.Timeline.getTarget=function(a){if(!a)a=window.event;var b;if(a.target)b=a.target;else if(a.srcElement)b=a.srcElement;if(b.nodeType!=void 0&&b.nodeType==3)b=b.parentNode;return b};
+links.Timeline.stopPropagation=function(a){if(!a)a=window.event;a.stopPropagation?a.stopPropagation():a.cancelBubble=!0};links.Timeline.preventDefault=function(a){if(!a)a=window.event;a.preventDefault?a.preventDefault():a.returnValue=!1};links.Timeline.getAbsoluteLeft=function(a){for(var b=document.documentElement,c=document.body,d=a.offsetLeft,a=a.offsetParent;a!=null&&a!=c&&a!=b;)d+=a.offsetLeft,d-=a.scrollLeft,a=a.offsetParent;return d};
+links.Timeline.getAbsoluteTop=function(a){for(var b=document.documentElement,c=document.body,d=a.offsetTop,a=a.offsetParent;a!=null&&a!=c&&a!=b;)d+=a.offsetTop,d-=a.scrollTop,a=a.offsetParent;return d};links.Timeline.getPageY=function(a){"targetTouches"in a&&a.targetTouches.length&&(a=a.targetTouches[0]);if("pageY"in a)return a.pageY;var b=document.documentElement,c=document.body;return a.clientY+(b&&b.scrollTop||c&&c.scrollTop||0)-(b&&b.clientTop||c&&c.clientTop||0)};
+links.Timeline.getPageX=function(a){"targetTouches"in a&&a.targetTouches.length&&(a=a.targetTouches[0]);if("pageX"in a)return a.pageX;var b=document.documentElement,c=document.body;return a.clientX+(b&&b.scrollLeft||c&&c.scrollLeft||0)-(b&&b.clientLeft||c&&c.clientLeft||0)};links.Timeline.addClassName=function(a,b){for(var c=a.className.split(" "),d=b.split(" "),e=!1,f=0;f<d.length;f++)c.indexOf(d[f])==-1&&(c.push(d[f]),e=!0);if(e)a.className=c.join(" ")};
+links.Timeline.removeClassName=function(a,b){for(var c=a.className.split(" "),d=b.split(" "),e=!1,f=0;f<d.length;f++){var g=c.indexOf(d[f]);g!=-1&&(c.splice(g,1),e=!0)}if(e)a.className=c.join(" ")};links.Timeline.isArray=function(a){return a instanceof Array?!0:Object.prototype.toString.call(a)==="[object Array]"};links.Timeline.clone=function(a){var b={},c;for(c in a)a.hasOwnProperty(c)&&(b[c]=a[c]);return b};
+links.Timeline.parseJSONDate=function(a){if(a!=void 0){if(a instanceof Date)return a;var b=a.match(/\/Date\((-?\d+)([-\+]?\d{2})?(\d{2})?\)\//i);return b?(a=b[2]?36E5*b[2]+6E4*b[3]*(b[2]/Math.abs(b[2])):0,new Date(1*b[1]+a)):Date.parse(a)}};
diff --git a/TestGoogleCharsNGraphsControls/timeline.css b/TestGoogleCharsNGraphsControls/timeline.css
new file mode 100644
index 0000000..7e6f861
--- /dev/null
+++ b/TestGoogleCharsNGraphsControls/timeline.css
@@ -0,0 +1,211 @@
+div.timeline-frame {
+    -moz-box-sizing: border-box;
+    border: 1px solid #bebebe;
+    box-sizing: border-box;
+    overflow: hidden;
+    position: relative;
+}
+
+div.timeline-content {
+    overflow: hidden;
+    position: relative;
+}
+
+div.timeline-axis {
+    -moz-box-sizing: border-box;
+    border-color: #bebebe;
+    border-top-style: solid;
+    border-width: 1px;
+    box-sizing: border-box;
+}
+
+div.timeline-axis-grid {
+    -moz-box-sizing: border-box;
+    border-left-style: solid;
+    border-width: 1px;
+    box-sizing: border-box;
+}
+
+div.timeline-axis-grid-minor {
+    border-color: #e5e5e5;
+}
+
+div.timeline-axis-grid-major {
+    border-color: #bfbfbf;
+}
+
+div.timeline-axis-text {
+    color: #4d4d4d;
+    padding: 3px;
+    white-space: nowrap;
+}
+
+div.timeline-axis-text-minor {
+}
+
+div.timeline-axis-text-major {
+}
+
+div.timeline-event {
+    -moz-box-sizing: border-box;
+    background-color: #d5ddf6;
+    border-color: #97b0f8;
+    box-sizing: border-box;
+    color: #1a1a1a;
+    display: inline-block;
+}
+
+div.timeline-event-selected {
+    background-color: #fff785;
+    border-color: #ffc200;
+    z-index: 999;
+}
+
+/* TODO: use another color or pattern? */
+div.timeline-event-cluster {
+    background: url('img/cluster_bg.png') #97b0f8;
+    color: #ffffff;
+}
+
+div.timeline-event-cluster div.timeline-event-dot {
+    border-color: #d5ddf6;
+}
+
+div.timeline-event-box {
+    -moz-border-radius: 5px; /* For Firefox 3.6 and older */
+    border-radius: 5px;
+    border-style: solid;
+    border-width: 1px;
+    text-align: center;
+}
+
+div.timeline-event-dot {
+    -moz-border-radius: 5px; /* For Firefox 3.6 and older */
+    border-radius: 5px;
+    border-style: solid;
+    border-width: 5px;
+}
+
+div.timeline-event-range {
+    -moz-border-radius: 2px; /* For Firefox 3.6 and older */
+    border-radius: 2px;
+    border-style: solid;
+    border-width: 1px;
+}
+
+div.timeline-event-range-drag-left {
+    cursor: w-resize;
+    z-index: 1000;
+}
+
+div.timeline-event-range-drag-right {
+    cursor: e-resize;
+    z-index: 1000;
+}
+
+div.timeline-event-line {
+    -moz-box-sizing: border-box;
+    border-left-style: solid;
+    border-left-width: 1px;
+    box-sizing: border-box;
+}
+
+div.timeline-event-content {
+    margin: 5px;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+div.timeline-groups-axis {
+    -moz-box-sizing: border-box;
+    border-color: #bebebe;
+    border-width: 1px;
+    box-sizing: border-box;
+}
+
+div.timeline-groups-axis-onleft {
+    border-style: none solid none none;
+}
+
+div.timeline-groups-axis-onright {
+    border-style: none none none solid;
+}
+
+div.timeline-groups-text {
+    color: #4d4d4d;
+    padding-left: 10px;
+    padding-right: 10px;
+}
+
+div.timeline-currenttime {
+    -moz-box-sizing: border-box;
+    background-color: #ff7f6e;
+    box-sizing: border-box;
+    width: 2px;
+}
+
+div.timeline-customtime {
+    -moz-box-sizing: border-box;
+    background-color: #6e94ff;
+    box-sizing: border-box;
+    cursor: move;
+    width: 2px;
+}
+
+div.timeline-navigation {
+    -moz-border-radius: 2px; /* For Firefox 3.6 and older */
+    -moz-box-sizing: border-box;
+    background-color: #f5f5f5;
+    border: 1px solid #bebebe;
+    border-radius: 2px;
+    box-sizing: border-box;
+    color: #808080;
+    font-family: arial;
+    font-size: 20px;
+    font-weight: bold;
+}
+
+div.timeline-navigation-new,
+div.timeline-navigation-delete,
+div.timeline-navigation-zoom-in,
+div.timeline-navigation-zoom-out,
+div.timeline-navigation-move-left,
+div.timeline-navigation-move-right {
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    cursor: pointer;
+    float: left;
+    height: 36px;
+    padding: 10px;
+    text-decoration: none;
+    width: 36px;
+}
+
+div.timeline-navigation-new {
+    background: url('img/16/new.png') no-repeat center;
+}
+
+/* separator between new and navigation buttons */
+div.timeline-navigation-new-line {
+    border-right: 1px solid #bebebe;
+}
+
+div.timeline-navigation-delete {
+    background: url('img/16/delete.png') no-repeat center;
+}
+
+div.timeline-navigation-zoom-in {
+    background: url('img/16/zoomin.png') no-repeat center;
+}
+
+div.timeline-navigation-zoom-out {
+    background: url('img/16/zoomout.png') no-repeat center;
+}
+
+div.timeline-navigation-move-left {
+    background: url('img/16/moveleft.png') no-repeat center;
+}
+
+div.timeline-navigation-move-right {
+    background: url('img/16/moveright.png') no-repeat center;
+}
diff --git a/TestGoogleCharsNGraphsControls/timeline.js b/TestGoogleCharsNGraphsControls/timeline.js
new file mode 100644
index 0000000..674a015
--- /dev/null
+++ b/TestGoogleCharsNGraphsControls/timeline.js
@@ -0,0 +1,7005 @@
+/**
+ * @file timeline.js
+ *
+ * @brief
+ * The Timeline is an interactive visualization chart to visualize events in
+ * time, having a start and end date.
+ * You can freely move and zoom in the timeline by dragging
+ * and scrolling in the Timeline. Items are optionally dragable. The time
+ * scale on the axis is adjusted automatically, and supports scales ranging
+ * from milliseconds to years.
+ *
+ * Timeline is part of the CHAP Links library.
+ *
+ * Timeline is tested on Firefox 3.6, Safari 5.0, Chrome 6.0, Opera 10.6, and
+ * Internet Explorer 6+.
+ *
+ * @license
+ * Licensed under the Apache License, Version 2.0 (the "License"); you may not
+ * use this file except in compliance with the License. You may obtain a copy
+ * of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
+ * License for the specific language governing permissions and limitations under
+ * the License.
+ *
+ * Copyright (c) 2011-2015 Almende B.V.
+ *
+ * @author  Jos de Jong, <jos@almende.org>
+ * @date    2015-03-04
+ * @version 2.9.1
+ */
+
+/*
+ * i18n mods by github user iktuz (https://gist.github.com/iktuz/3749287/)
+ * added to v2.4.1 with da_DK language by @bjarkebech
+ */
+
+/*
+ * TODO
+ *
+ * Add zooming with pinching on Android
+ *
+ * Bug: when an item contains a javascript onclick or a link, this does not work
+ *      when the item is not selected (when the item is being selected,
+ *      it is redrawn, which cancels any onclick or link action)
+ * Bug: when an item contains an image without size, or a css max-width, it is not sized correctly
+ * Bug: neglect items when they have no valid start/end, instead of throwing an error
+ * Bug: Pinching on ipad does not work very well, sometimes the page will zoom when pinching vertically
+ * Bug: cannot set max width for an item, like div.timeline-event-content {white-space: normal; max-width: 100px;}
+ * Bug on IE in Quirks mode. When you have groups, and delete an item, the groups become invisible
+ */
+
+/**
+ * Declare a unique namespace for CHAP's Common Hybrid Visualisation Library,
+ * "links"
+ */
+if (typeof links === 'undefined') {
+    links = {};
+    // important: do not use var, as "var links = {};" will overwrite
+    //            the existing links variable value with undefined in IE8, IE7.
+}
+
+
+/**
+ * Ensure the variable google exists
+ */
+if (typeof google === 'undefined') {
+    google = undefined;
+    // important: do not use var, as "var google = undefined;" will overwrite
+    //            the existing google variable value with undefined in IE8, IE7.
+}
+
+
+
+// Internet Explorer 8 and older does not support Array.indexOf,
+// so we define it here in that case
+// http://soledadpenades.com/2007/05/17/arrayindexof-in-internet-explorer/
+if(!Array.prototype.indexOf) {
+    Array.prototype.indexOf = function(obj){
+        for(var i = 0; i < this.length; i++){
+            if(this[i] == obj){
+                return i;
+            }
+        }
+        return -1;
+    }
+}
+
+// Internet Explorer 8 and older does not support Array.forEach,
+// so we define it here in that case
+// https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/forEach
+if (!Array.prototype.forEach) {
+    Array.prototype.forEach = function(fn, scope) {
+        for(var i = 0, len = this.length; i < len; ++i) {
+            fn.call(scope || this, this[i], i, this);
+        }
+    }
+}
+
+
+/**
+ * @constructor links.Timeline
+ * The timeline is a visualization chart to visualize events in time.
+ *
+ * The timeline is developed in javascript as a Google Visualization Chart.
+ *
+ * @param {Element} container   The DOM element in which the Timeline will
+ *                              be created. Normally a div element.
+ * @param {Object} options      A name/value map containing settings for the
+ *                              timeline. Optional.
+ */
+links.Timeline = function(container, options) {
+    if (!container) {
+        // this call was probably only for inheritance, no constructor-code is required
+        return;
+    }
+
+    // create variables and set default values
+    this.dom = {};
+    this.conversion = {};
+    this.eventParams = {}; // stores parameters for mouse events
+    this.groups = [];
+    this.groupIndexes = {};
+    this.items = [];
+    this.renderQueue = {
+        show: [],   // Items made visible but not yet added to DOM
+        hide: [],   // Items currently visible but not yet removed from DOM
+        update: []  // Items with changed data but not yet adjusted DOM
+    };
+    this.renderedItems = [];  // Items currently rendered in the DOM
+    this.clusterGenerator = new links.Timeline.ClusterGenerator(this);
+    this.currentClusters = [];
+    this.selection = undefined; // stores index and item which is currently selected
+
+    this.listeners = {}; // event listener callbacks
+
+    // Initialize sizes.
+    // Needed for IE (which gives an error when you try to set an undefined
+    // value in a style)
+    this.size = {
+        'actualHeight': 0,
+        'axis': {
+            'characterMajorHeight': 0,
+            'characterMajorWidth': 0,
+            'characterMinorHeight': 0,
+            'characterMinorWidth': 0,
+            'height': 0,
+            'labelMajorTop': 0,
+            'labelMinorTop': 0,
+            'line': 0,
+            'lineMajorWidth': 0,
+            'lineMinorHeight': 0,
+            'lineMinorTop': 0,
+            'lineMinorWidth': 0,
+            'top': 0
+        },
+        'contentHeight': 0,
+        'contentLeft': 0,
+        'contentWidth': 0,
+        'frameHeight': 0,
+        'frameWidth': 0,
+        'groupsLeft': 0,
+        'groupsWidth': 0,
+        'items': {
+            'top': 0
+        }
+    };
+
+    this.dom.container = container;
+
+    //
+    // Let's set the default options first
+    //
+    this.options = {
+        'width': "100%",
+        'height': "auto",
+        'minHeight': 0,        // minimal height in pixels
+        'groupMinHeight': 0,
+        'autoHeight': true,
+
+        'eventMargin': 10,     // minimal margin between events
+        'eventMarginAxis': 20, // minimal margin between events and the axis
+        'dragAreaWidth': 10,   // pixels
+
+        'min': undefined,
+        'max': undefined,
+        'zoomMin': 10,     // milliseconds
+        'zoomMax': 1000 * 60 * 60 * 24 * 365 * 10000, // milliseconds
+
+        'moveable': true,
+        'zoomable': true,
+        'selectable': true,
+        'unselectable': true,
+        'editable': false,
+        'snapEvents': true,
+        'groupsChangeable': true,
+        'timeChangeable': true,
+
+        'showCurrentTime': true, // show a red bar displaying the current time
+        'showCustomTime': false, // show a blue, draggable bar displaying a custom time
+        'showMajorLabels': true,
+        'showMinorLabels': true,
+        'showNavigation': false,
+        'showButtonNew': false,
+        'groupsOnRight': false,
+        'groupsOrder' : true,
+        'axisOnTop': false,
+        'stackEvents': true,
+        'animate': true,
+        'animateZoom': true,
+        'cluster': false,
+        'clusterMaxItems': 5,
+        'style': 'box',
+        'customStackOrder': false, //a function(a,b) for determining stackorder amongst a group of items. Essentially a comparator, -ve value for "a before b" and vice versa
+        
+        // i18n: Timeline only has built-in English text per default. Include timeline-locales.js to support more localized text.
+        'locale': 'en',
+        'MONTHS': ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
+        'MONTHS_SHORT': ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+        'DAYS': ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+        'DAYS_SHORT': ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+        'ZOOM_IN': "Zoom in",
+        'ZOOM_OUT': "Zoom out",
+        'MOVE_LEFT': "Move left",
+        'MOVE_RIGHT': "Move right",
+        'NEW': "New",
+        'CREATE_NEW_EVENT': "Create new event"
+    };
+    
+    //
+    // Now we can set the givenproperties
+    //
+    this.setOptions(options);
+
+    this.clientTimeOffset = 0;    // difference between client time and the time
+    // set via Timeline.setCurrentTime()
+    var dom = this.dom;
+
+    // remove all elements from the container element.
+    while (dom.container.hasChildNodes()) {
+        dom.container.removeChild(dom.container.firstChild);
+    }
+
+    // create a step for drawing the axis
+    this.step = new links.Timeline.StepDate();
+
+    // add standard item types
+    this.itemTypes = {
+        box:           links.Timeline.ItemBox,
+        range:         links.Timeline.ItemRange,
+        floatingRange: links.Timeline.ItemFloatingRange,
+        dot:           links.Timeline.ItemDot
+    };
+
+    // initialize data
+    this.data = [];
+    this.firstDraw = true;
+
+    // date interval must be initialized
+    this.setVisibleChartRange(undefined, undefined, false);
+
+    // render for the first time
+    this.render();
+
+    // fire the ready event
+    var me = this;
+    setTimeout(function () {
+        me.trigger('ready');
+    }, 0);
+};
+
+
+/**
+ * Main drawing logic. This is the function that needs to be called
+ * in the html page, to draw the timeline.
+ *
+ * A data table with the events must be provided, and an options table.
+ *
+ * @param {google.visualization.DataTable}      data
+ *                                 The data containing the events for the timeline.
+ *                                 Object DataTable is defined in
+ *                                 google.visualization.DataTable
+ * @param {Object} options         A name/value map containing settings for the
+ *                                 timeline. Optional. The use of options here
+ *                                 is deprecated. Pass timeline options in the
+ *                                 constructor or use setOptions()
+ */
+links.Timeline.prototype.draw = function(data, options) {
+    if (options) {
+        console.log("WARNING: Passing options in draw() is deprecated. Pass options to the constructur or use setOptions() instead!");       
+        this.setOptions(options);
+    }
+
+    if (this.options.selectable) {
+        links.Timeline.addClassName(this.dom.frame, "timeline-selectable");
+    }
+
+    // read the data
+    this.setData(data);
+
+    if (this.firstDraw) {
+        this.setVisibleChartRangeAuto();
+    }
+
+    this.firstDraw = false;
+};
+
+
+/**
+ * Set options for the timeline.
+ * Timeline must be redrawn afterwards
+ * @param {Object} options A name/value map containing settings for the
+ *                                 timeline. Optional.
+ */
+links.Timeline.prototype.setOptions = function(options) {
+    if (options) {
+        // retrieve parameter values
+        for (var i in options) {
+            if (options.hasOwnProperty(i)) {
+                this.options[i] = options[i];
+            }
+        }
+
+        // prepare i18n dependent on set locale
+        if (typeof links.locales !== 'undefined' && this.options.locale !== 'en') {
+            var localeOpts = links.locales[this.options.locale];
+            if(localeOpts) {
+                for (var l in localeOpts) {
+                    if (localeOpts.hasOwnProperty(l)) {
+                        this.options[l] = localeOpts[l];
+                    }
+                }
+            }
+        }
+
+        // check for deprecated options
+        if (options.showButtonAdd != undefined) {
+            this.options.showButtonNew = options.showButtonAdd;
+            console.log('WARNING: Option showButtonAdd is deprecated. Use showButtonNew instead');
+        }
+        if (options.intervalMin != undefined) {
+            this.options.zoomMin = options.intervalMin;
+            console.log('WARNING: Option intervalMin is deprecated. Use zoomMin instead');
+        }
+        if (options.intervalMax != undefined) {
+            this.options.zoomMax = options.intervalMax;
+            console.log('WARNING: Option intervalMax is deprecated. Use zoomMax instead');
+        }
+
+        if (options.scale && options.step) {
+            this.step.setScale(options.scale, options.step);
+        }
+    }
+
+    // validate options
+    this.options.autoHeight = (this.options.height === "auto");
+};
+
+/**
+ * Get options for the timeline.
+ *
+ * @return the options object
+ */
+links.Timeline.prototype.getOptions = function() {
+    return this.options;
+};
+
+/**
+ * Add new type of items
+ * @param {String} typeName  Name of new type
+ * @param {links.Timeline.Item} typeFactory Constructor of items
+ */
+links.Timeline.prototype.addItemType = function (typeName, typeFactory) {
+    this.itemTypes[typeName] = typeFactory;
+};
+
+/**
+ * Retrieve a map with the column indexes of the columns by column name.
+ * For example, the method returns the map
+ *     {
+ *         start: 0,
+ *         end: 1,
+ *         content: 2,
+ *         group: undefined,
+ *         className: undefined
+ *         editable: undefined
+ *         type: undefined
+ *     }
+ * @param {google.visualization.DataTable} dataTable
+ * @type {Object} map
+ */
+links.Timeline.mapColumnIds = function (dataTable) {
+    var cols = {},
+        colCount = dataTable.getNumberOfColumns(),
+        allUndefined = true;
+
+    // loop over the columns, and map the column id's to the column indexes
+    for (var col = 0; col < colCount; col++) {
+        var id = dataTable.getColumnId(col) || dataTable.getColumnLabel(col);
+        cols[id] = col;
+        if (id == 'start' || id == 'end' || id == 'content' || id == 'group' ||
+            id == 'className' || id == 'editable' || id == 'type') {
+            allUndefined = false;
+        }
+    }
+
+    // if no labels or ids are defined, use the default mapping
+    // for start, end, content, group, className, editable, type
+    if (allUndefined) {
+        cols.start = 0;
+        cols.end = 1;
+        cols.content = 2;
+        if (colCount > 3) {cols.group = 3}
+        if (colCount > 4) {cols.className = 4}
+        if (colCount > 5) {cols.editable = 5}
+        if (colCount > 6) {cols.type = 6}
+    }
+
+    return cols;
+};
+
+/**
+ * Set data for the timeline
+ * @param {google.visualization.DataTable | Array} data
+ */
+links.Timeline.prototype.setData = function(data) {
+    // unselect any previously selected item
+    this.unselectItem();
+
+    if (!data) {
+        data = [];
+    }
+
+    // clear all data
+    this.stackCancelAnimation();
+    this.clearItems();
+    this.data = data;
+    var items = this.items;
+    this.deleteGroups();
+
+    if (google && google.visualization &&
+        data instanceof google.visualization.DataTable) {
+        // map the datatable columns
+        var cols = links.Timeline.mapColumnIds(data);
+
+        // read DataTable
+        for (var row = 0, rows = data.getNumberOfRows(); row < rows; row++) {
+            items.push(this.createItem({
+                'start':     ((cols.start != undefined)     ? data.getValue(row, cols.start)     : undefined),
+                'end':       ((cols.end != undefined)       ? data.getValue(row, cols.end)       : undefined),
+                'content':   ((cols.content != undefined)   ? data.getValue(row, cols.content)   : undefined),
+                'group':     ((cols.group != undefined)     ? data.getValue(row, cols.group)     : undefined),
+                'className': ((cols.className != undefined) ? data.getValue(row, cols.className) : undefined),
+                'editable':  ((cols.editable != undefined)  ? data.getValue(row, cols.editable)  : undefined),
+                'type':      ((cols.type != undefined)      ? data.getValue(row, cols.type)      : undefined)
+            }));
+        }
+    }
+    else if (links.Timeline.isArray(data)) {
+        // read JSON array
+        for (var row = 0, rows = data.length; row < rows; row++) {
+            var itemData = data[row];
+            var item = this.createItem(itemData);
+            items.push(item);
+        }
+    }
+    else {
+        throw "Unknown data type. DataTable or Array expected.";
+    }
+
+    // prepare data for clustering, by filtering and sorting by type
+    if (this.options.cluster) {
+        this.clusterGenerator.setData(this.items);
+    }
+
+    this.render({
+        animate: false
+    });
+};
+
+/**
+ * Return the original data table.
+ * @return {google.visualization.DataTable | Array} data
+ */
+links.Timeline.prototype.getData = function  () {
+    return this.data;
+};
+
+
+/**
+ * Update the original data with changed start, end or group.
+ *
+ * @param {Number} index
+ * @param {Object} values   An object containing some of the following parameters:
+ *                          {Date} start,
+ *                          {Date} end,
+ *                          {String} content,
+ *                          {String} group
+ */
+links.Timeline.prototype.updateData = function  (index, values) {
+    var data = this.data,
+        prop;
+
+    if (google && google.visualization &&
+        data instanceof google.visualization.DataTable) {
+        // update the original google DataTable
+        var missingRows = (index + 1) - data.getNumberOfRows();
+        if (missingRows > 0) {
+            data.addRows(missingRows);
+        }
+
+        // map the column id's by name
+        var cols = links.Timeline.mapColumnIds(data);
+
+        // merge all fields from the provided data into the current data
+        for (prop in values) {
+            if (values.hasOwnProperty(prop)) {
+                var col = cols[prop];
+                if (col == undefined) {
+                    // create new column
+                    var value = values[prop];
+                    var valueType = 'string';
+                    if (typeof(value) == 'number')       {valueType = 'number';}
+                    else if (typeof(value) == 'boolean') {valueType = 'boolean';}
+                    else if (value instanceof Date)      {valueType = 'datetime';}
+                    col = data.addColumn(valueType, prop);
+                }
+                data.setValue(index, col, values[prop]);
+
+                // TODO: correctly serialize the start and end Date to the desired type (Date, String, or Number)
+            }
+        }
+    }
+    else if (links.Timeline.isArray(data)) {
+        // update the original JSON table
+        var row = data[index];
+        if (row == undefined) {
+            row = {};
+            data[index] = row;
+        }
+
+        // merge all fields from the provided data into the current data
+        for (prop in values) {
+            if (values.hasOwnProperty(prop)) {
+                row[prop] = values[prop];
+
+                // TODO: correctly serialize the start and end Date to the desired type (Date, String, or Number)
+            }
+        }
+    }
+    else {
+        throw "Cannot update data, unknown type of data";
+    }
+};
+
+/**
+ * Find the item index from a given HTML element
+ * If no item index is found, undefined is returned
+ * @param {Element} element
+ * @return {Number | undefined} index
+ */
+links.Timeline.prototype.getItemIndex = function(element) {
+    var e = element,
+        dom = this.dom,
+        frame = dom.items.frame,
+        items = this.items,
+        index = undefined;
+
+    // try to find the frame where the items are located in
+    while (e.parentNode && e.parentNode !== frame) {
+        e = e.parentNode;
+    }
+
+    if (e.parentNode === frame) {
+        // yes! we have found the parent element of all items
+        // retrieve its id from the array with items
+        for (var i = 0, iMax = items.length; i < iMax; i++) {
+            if (items[i].dom === e) {
+                index = i;
+                break;
+            }
+        }
+    }
+
+    return index;
+};
+
+
+/**
+ * Find the cluster index from a given HTML element
+ * If no cluster index is found, undefined is returned
+ * @param {Element} element
+ * @return {Number | undefined} index
+ */
+links.Timeline.prototype.getClusterIndex = function(element) {
+    var e = element,
+        dom = this.dom,
+        frame = dom.items.frame,
+        clusters = this.clusters,
+        index = undefined;
+
+    if (this.clusters) {
+        // try to find the frame where the clusters are located in
+        while (e.parentNode && e.parentNode !== frame) {
+            e = e.parentNode;
+        }
+
+        if (e.parentNode === frame) {
+            // yes! we have found the parent element of all clusters
+            // retrieve its id from the array with clusters
+            for (var i = 0, iMax = clusters.length; i < iMax; i++) {
+                if (clusters[i].dom === e) {
+                    index = i;
+                    break;
+                }
+            }
+        }
+    }
+
+    return index;
+};
+
+/**
+ * Find all elements within the start and end range
+ * If no element is found, returns an empty array
+ * @param start time
+ * @param end time
+ * @return Array itemsInRange
+ */
+links.Timeline.prototype.getVisibleItems = function  (start, end) {
+    var items = this.items;
+    var itemsInRange = [];
+
+    if (items) {
+        for (var i = 0, iMax = items.length; i < iMax; i++) {
+            var item = items[i];
+            if (item.end) {
+                // Time range object // NH use getLeft and getRight here
+                if (start <= item.start && item.end <= end) {
+                    itemsInRange.push({"row": i});
+                }
+            } else {
+                // Point object
+                if (start <= item.start && item.start <= end) {
+                    itemsInRange.push({"row": i});
+                }
+            }
+        }
+    }
+
+    //     var sel = [];
+    // if (this.selection) {
+    //     sel.push({"row": this.selection.index});
+    // }
+    // return sel;
+
+    return itemsInRange;
+};
+
+
+/**
+ * Set a new size for the timeline
+ * @param {string} width   Width in pixels or percentage (for example "800px"
+ *                         or "50%")
+ * @param {string} height  Height in pixels or percentage  (for example "400px"
+ *                         or "30%")
+ */
+links.Timeline.prototype.setSize = function(width, height) {
+    if (width) {
+        this.options.width = width;
+        this.dom.frame.style.width = width;
+    }
+    if (height) {
+        this.options.height = height;
+        this.options.autoHeight = (this.options.height === "auto");
+        if (height !==  "auto" ) {
+            this.dom.frame.style.height = height;
+        }
+    }
+
+    this.render({
+        animate: false
+    });
+};
+
+
+/**
+ * Set a new value for the visible range int the timeline.
+ * Set start undefined to include everything from the earliest date to end.
+ * Set end undefined to include everything from start to the last date.
+ * Example usage:
+ *    myTimeline.setVisibleChartRange(new Date("2010-08-22"),
+ *                                    new Date("2010-09-13"));
+ * @param {Date}   start     The start date for the timeline. optional
+ * @param {Date}   end       The end date for the timeline. optional
+ * @param {boolean} redraw   Optional. If true (default) the Timeline is
+ *                           directly redrawn
+ */
+links.Timeline.prototype.setVisibleChartRange = function(start, end, redraw) {
+    var range = {};
+    if (!start || !end) {
+        // retrieve the date range of the items
+        range = this.getDataRange(true);
+    }
+
+    if (!start) {
+        if (end) {
+            if (range.min && range.min.valueOf() < end.valueOf()) {
+                // start of the data
+                start = range.min;
+            }
+            else {
+                // 7 days before the end
+                start = new Date(end.valueOf());
+                start.setDate(start.getDate() - 7);
+            }
+        }
+        else {
+            // default of 3 days ago
+            start = new Date();
+            start.setDate(start.getDate() - 3);
+        }
+    }
+
+    if (!end) {
+        if (range.max) {
+            // end of the data
+            end = range.max;
+        }
+        else {
+            // 7 days after start
+            end = new Date(start.valueOf());
+            end.setDate(end.getDate() + 7);
+        }
+    }
+
+    // prevent start Date <= end Date
+    if (end <= start) {
+        end = new Date(start.valueOf());
+        end.setDate(end.getDate() + 7);
+    }
+
+    // limit to the allowed range (don't let this do by applyRange,
+    // because that method will try to maintain the interval (end-start)
+    var min = this.options.min ? this.options.min : undefined; // date
+    if (min != undefined && start.valueOf() < min.valueOf()) {
+        start = new Date(min.valueOf()); // date
+    }
+    var max = this.options.max ? this.options.max : undefined; // date
+    if (max != undefined && end.valueOf() > max.valueOf()) {
+        end = new Date(max.valueOf()); // date
+    }
+
+    this.applyRange(start, end);
+
+    if (redraw == undefined || redraw == true) {
+        this.render({
+            animate: false
+        });  // TODO: optimize, no reflow needed
+    }
+    else {
+        this.recalcConversion();
+    }
+};
+
+
+/**
+ * Change the visible chart range such that all items become visible
+ */
+links.Timeline.prototype.setVisibleChartRangeAuto = function() {
+    var range = this.getDataRange(true);
+    this.setVisibleChartRange(range.min, range.max);
+};
+
+/**
+ * Adjust the visible range such that the current time is located in the center
+ * of the timeline
+ */
+links.Timeline.prototype.setVisibleChartRangeNow = function() {
+    var now = new Date();
+
+    var diff = (this.end.valueOf() - this.start.valueOf());
+
+    var startNew = new Date(now.valueOf() - diff/2);
+    var endNew = new Date(startNew.valueOf() + diff);
+    this.setVisibleChartRange(startNew, endNew);
+};
+
+
+/**
+ * Retrieve the current visible range in the timeline.
+ * @return {Object} An object with start and end properties
+ */
+links.Timeline.prototype.getVisibleChartRange = function() {
+    return {
+        'start': new Date(this.start.valueOf()),
+        'end': new Date(this.end.valueOf())
+    };
+};
+
+/**
+ * Get the date range of the items.
+ * @param {boolean} [withMargin]  If true, 5% of whitespace is added to the
+ *                                left and right of the range. Default is false.
+ * @return {Object} range    An object with parameters min and max.
+ *                           - {Date} min is the lowest start date of the items
+ *                           - {Date} max is the highest start or end date of the items
+ *                           If no data is available, the values of min and max
+ *                           will be undefined
+ */
+links.Timeline.prototype.getDataRange = function (withMargin) {
+    var items = this.items,
+        min = undefined, // number
+        max = undefined; // number
+
+    if (items) {
+        for (var i = 0, iMax = items.length; i < iMax; i++) {
+            var item = items[i],
+                start = item.start != undefined ? item.start.valueOf() : undefined,
+                end   = item.end != undefined   ? item.end.valueOf() : start;
+
+            if (start != undefined) {
+                min = (min != undefined) ? Math.min(min.valueOf(), start.valueOf()) : start;
+            }
+
+            if (end != undefined) {
+                max = (max != undefined) ? Math.max(max.valueOf(), end.valueOf()) : end;
+            }
+        }
+    }
+
+    if (min && max && withMargin) {
+        // zoom out 5% such that you have a little white space on the left and right
+        var diff = (max - min);
+        min = min - diff * 0.05;
+        max = max + diff * 0.05;
+    }
+
+    return {
+        'min': min != undefined ? new Date(min) : undefined,
+        'max': max != undefined ? new Date(max) : undefined
+    };
+};
+
+/**
+ * Re-render (reflow and repaint) all components of the Timeline: frame, axis,
+ * items, ...
+ * @param {Object} [options]  Available options:
+ *                            {boolean} renderTimesLeft   Number of times the
+ *                                                        render may be repeated
+ *                                                        5 times by default.
+ *                            {boolean} animate           takes options.animate
+ *                                                        as default value
+ */
+links.Timeline.prototype.render = function(options) {
+    var frameResized = this.reflowFrame();
+    var axisResized = this.reflowAxis();
+    var groupsResized = this.reflowGroups();
+    var itemsResized = this.reflowItems();
+    var resized = (frameResized || axisResized || groupsResized || itemsResized);
+
+    // TODO: only stackEvents/filterItems when resized or changed. (gives a bootstrap issue).
+    // if (resized) {
+    var animate = this.options.animate;
+    if (options && options.animate != undefined) {
+        animate = options.animate;
+    }
+
+    this.recalcConversion();
+    this.clusterItems();
+    this.filterItems();
+    this.stackItems(animate);
+    this.recalcItems();
+
+    // TODO: only repaint when resized or when filterItems or stackItems gave a change?
+    var needsReflow = this.repaint();
+
+    // re-render once when needed (prevent endless re-render loop)
+    if (needsReflow) {
+        var renderTimesLeft = options ? options.renderTimesLeft : undefined;
+        if (renderTimesLeft == undefined) {
+            renderTimesLeft = 5;
+        }
+        if (renderTimesLeft > 0) {
+            this.render({
+                'animate': options ? options.animate: undefined,
+                'renderTimesLeft': (renderTimesLeft - 1)
+            });
+        }
+    }
+};
+
+/**
+ * Repaint all components of the Timeline
+ * @return {boolean} needsReflow   Returns true if the DOM is changed such that
+ *                                 a reflow is needed.
+ */
+links.Timeline.prototype.repaint = function() {
+    var frameNeedsReflow = this.repaintFrame();
+    var axisNeedsReflow  = this.repaintAxis();
+    var groupsNeedsReflow  = this.repaintGroups();
+    var itemsNeedsReflow = this.repaintItems();
+    this.repaintCurrentTime();
+    this.repaintCustomTime();
+
+    return (frameNeedsReflow || axisNeedsReflow || groupsNeedsReflow || itemsNeedsReflow);
+};
+
+/**
+ * Reflow the timeline frame
+ * @return {boolean} resized    Returns true if any of the frame elements
+ *                              have been resized.
+ */
+links.Timeline.prototype.reflowFrame = function() {
+    var dom = this.dom,
+        options = this.options,
+        size = this.size,
+        resized = false;
+
+    // Note: IE7 has issues with giving frame.clientWidth, therefore I use offsetWidth instead
+    var frameWidth  = dom.frame ? dom.frame.offsetWidth : 0,
+        frameHeight = dom.frame ? dom.frame.clientHeight : 0;
+
+    resized = resized || (size.frameWidth !== frameWidth);
+    resized = resized || (size.frameHeight !== frameHeight);
+    size.frameWidth = frameWidth;
+    size.frameHeight = frameHeight;
+
+    return resized;
+};
+
+/**
+ * repaint the Timeline frame
+ * @return {boolean} needsReflow   Returns true if the DOM is changed such that
+ *                                 a reflow is needed.
+ */
+links.Timeline.prototype.repaintFrame = function() {
+    var needsReflow = false,
+        dom = this.dom,
+        options = this.options,
+        size = this.size;
+
+    // main frame
+    if (!dom.frame) {
+        dom.frame = document.createElement("DIV");
+        dom.frame.className = "timeline-frame ui-widget ui-widget-content ui-corner-all";
+        dom.container.appendChild(dom.frame);
+        needsReflow = true;
+    }
+
+    var height = options.autoHeight ?
+        (size.actualHeight + "px") :
+        (options.height || "100%");
+    var width  = options.width || "100%";
+    needsReflow = needsReflow || (dom.frame.style.height != height);
+    needsReflow = needsReflow || (dom.frame.style.width != width);
+    dom.frame.style.height = height;
+    dom.frame.style.width = width;
+
+    // contents
+    if (!dom.content) {
+        // create content box where the axis and items will be created
+        dom.content = document.createElement("DIV");
+        dom.content.className = "timeline-content";
+        dom.frame.appendChild(dom.content);
+
+        var timelines = document.createElement("DIV");
+        timelines.style.position = "absolute";
+        timelines.style.left = "0px";
+        timelines.style.top = "0px";
+        timelines.style.height = "100%";
+        timelines.style.width = "0px";
+        dom.content.appendChild(timelines);
+        dom.contentTimelines = timelines;
+
+        var params = this.eventParams,
+            me = this;
+        if (!params.onMouseDown) {
+            params.onMouseDown = function (event) {me.onMouseDown(event);};
+            links.Timeline.addEventListener(dom.content, "mousedown", params.onMouseDown);
+        }
+        if (!params.onTouchStart) {
+            params.onTouchStart = function (event) {me.onTouchStart(event);};
+            links.Timeline.addEventListener(dom.content, "touchstart", params.onTouchStart);
+        }
+        if (!params.onMouseWheel) {
+            params.onMouseWheel = function (event) {me.onMouseWheel(event);};
+            links.Timeline.addEventListener(dom.content, "mousewheel", params.onMouseWheel);
+        }
+        if (!params.onDblClick) {
+            params.onDblClick = function (event) {me.onDblClick(event);};
+            links.Timeline.addEventListener(dom.content, "dblclick", params.onDblClick);
+        }
+
+        needsReflow = true;
+    }
+    dom.content.style.left = size.contentLeft + "px";
+    dom.content.style.top = "0px";
+    dom.content.style.width = size.contentWidth + "px";
+    dom.content.style.height = size.frameHeight + "px";
+
+    this.repaintNavigation();
+
+    return needsReflow;
+};
+
+/**
+ * Reflow the timeline axis. Calculate its height, width, positioning, etc...
+ * @return {boolean} resized    returns true if the axis is resized
+ */
+links.Timeline.prototype.reflowAxis = function() {
+    var resized = false,
+        dom = this.dom,
+        options = this.options,
+        size = this.size,
+        axisDom = dom.axis;
+
+    var characterMinorWidth  = (axisDom && axisDom.characterMinor) ? axisDom.characterMinor.clientWidth : 0,
+        characterMinorHeight = (axisDom && axisDom.characterMinor) ? axisDom.characterMinor.clientHeight : 0,
+        characterMajorWidth  = (axisDom && axisDom.characterMajor) ? axisDom.characterMajor.clientWidth : 0,
+        characterMajorHeight = (axisDom && axisDom.characterMajor) ? axisDom.characterMajor.clientHeight : 0,
+        axisHeight = (options.showMinorLabels ? characterMinorHeight : 0) +
+            (options.showMajorLabels ? characterMajorHeight : 0);
+
+    var axisTop  = options.axisOnTop ? 0 : size.frameHeight - axisHeight,
+        axisLine = options.axisOnTop ? axisHeight : axisTop;
+
+    resized = resized || (size.axis.top !== axisTop);
+    resized = resized || (size.axis.line !== axisLine);
+    resized = resized || (size.axis.height !== axisHeight);
+    size.axis.top = axisTop;
+    size.axis.line = axisLine;
+    size.axis.height = axisHeight;
+    size.axis.labelMajorTop = options.axisOnTop ? 0 : axisLine +
+        (options.showMinorLabels ? characterMinorHeight : 0);
+    size.axis.labelMinorTop = options.axisOnTop ?
+        (options.showMajorLabels ? characterMajorHeight : 0) :
+        axisLine;
+    size.axis.lineMinorTop = options.axisOnTop ? size.axis.labelMinorTop : 0;
+    size.axis.lineMinorHeight = options.showMajorLabels ?
+        size.frameHeight - characterMajorHeight:
+        size.frameHeight;
+    if (axisDom && axisDom.minorLines && axisDom.minorLines.length) {
+        size.axis.lineMinorWidth = axisDom.minorLines[0].offsetWidth;
+    }
+    else {
+        size.axis.lineMinorWidth = 1;
+    }
+    if (axisDom && axisDom.majorLines && axisDom.majorLines.length) {
+        size.axis.lineMajorWidth = axisDom.majorLines[0].offsetWidth;
+    }
+    else {
+        size.axis.lineMajorWidth = 1;
+    }
+
+    resized = resized || (size.axis.characterMinorWidth  !== characterMinorWidth);
+    resized = resized || (size.axis.characterMinorHeight !== characterMinorHeight);
+    resized = resized || (size.axis.characterMajorWidth  !== characterMajorWidth);
+    resized = resized || (size.axis.characterMajorHeight !== characterMajorHeight);
+    size.axis.characterMinorWidth  = characterMinorWidth;
+    size.axis.characterMinorHeight = characterMinorHeight;
+    size.axis.characterMajorWidth  = characterMajorWidth;
+    size.axis.characterMajorHeight = characterMajorHeight;
+
+    var contentHeight = Math.max(size.frameHeight - axisHeight, 0);
+    size.contentLeft = options.groupsOnRight ? 0 : size.groupsWidth;
+    size.contentWidth = Math.max(size.frameWidth - size.groupsWidth, 0);
+    size.contentHeight = contentHeight;
+
+    return resized;
+};
+
+/**
+ * Redraw the timeline axis with minor and major labels
+ * @return {boolean} needsReflow     Returns true if the DOM is changed such
+ *                                   that a reflow is needed.
+ */
+links.Timeline.prototype.repaintAxis = function() {
+    var needsReflow = false,
+        dom = this.dom,
+        options = this.options,
+        size = this.size,
+        step = this.step;
+
+    var axis = dom.axis;
+    if (!axis) {
+        axis = {};
+        dom.axis = axis;
+    }
+    if (!size.axis.properties) {
+        size.axis.properties = {};
+    }
+    if (!axis.minorTexts) {
+        axis.minorTexts = [];
+    }
+    if (!axis.minorLines) {
+        axis.minorLines = [];
+    }
+    if (!axis.majorTexts) {
+        axis.majorTexts = [];
+    }
+    if (!axis.majorLines) {
+        axis.majorLines = [];
+    }
+
+    if (!axis.frame) {
+        axis.frame = document.createElement("DIV");
+        axis.frame.style.position = "absolute";
+        axis.frame.style.left = "0px";
+        axis.frame.style.top = "0px";
+        dom.content.appendChild(axis.frame);
+    }
+
+    // take axis offline
+    dom.content.removeChild(axis.frame);
+
+    axis.frame.style.width = (size.contentWidth) + "px";
+    axis.frame.style.height = (size.axis.height) + "px";
+
+    // the drawn axis is more wide than the actual visual part, such that
+    // the axis can be dragged without having to redraw it each time again.
+    var start = this.screenToTime(0);
+    var end = this.screenToTime(size.contentWidth);
+
+    // calculate minimum step (in milliseconds) based on character size
+    if (size.axis.characterMinorWidth) {
+        this.minimumStep = this.screenToTime(size.axis.characterMinorWidth * 6) -
+            this.screenToTime(0);
+
+        step.setRange(start, end, this.minimumStep);
+    }
+
+    var charsNeedsReflow = this.repaintAxisCharacters();
+    needsReflow = needsReflow || charsNeedsReflow;
+
+    // The current labels on the axis will be re-used (much better performance),
+    // therefore, the repaintAxis method uses the mechanism with
+    // repaintAxisStartOverwriting, repaintAxisEndOverwriting, and
+    // this.size.axis.properties is used.
+    this.repaintAxisStartOverwriting();
+
+    step.start();
+    var xFirstMajorLabel = undefined;
+    var max = 0;
+    while (!step.end() && max < 1000) {
+        max++;
+        var cur = step.getCurrent(),
+            x = this.timeToScreen(cur),
+            isMajor = step.isMajor();
+
+        if (options.showMinorLabels) {
+            this.repaintAxisMinorText(x, step.getLabelMinor(options));
+        }
+
+        if (isMajor && options.showMajorLabels) {
+            if (x > 0) {
+                if (xFirstMajorLabel == undefined) {
+                    xFirstMajorLabel = x;
+                }
+                this.repaintAxisMajorText(x, step.getLabelMajor(options));
+            }
+            this.repaintAxisMajorLine(x);
+        }
+        else {
+            this.repaintAxisMinorLine(x);
+        }
+
+        step.next();
+    }
+
+    // create a major label on the left when needed
+    if (options.showMajorLabels) {
+        var leftTime = this.screenToTime(0),
+            leftText = this.step.getLabelMajor(options, leftTime),
+            width = leftText.length * size.axis.characterMajorWidth + 10; // upper bound estimation
+
+        if (xFirstMajorLabel == undefined || width < xFirstMajorLabel) {
+            this.repaintAxisMajorText(0, leftText, leftTime);
+        }
+    }
+
+    // cleanup left over labels
+    this.repaintAxisEndOverwriting();
+
+    this.repaintAxisHorizontal();
+
+    // put axis online
+    dom.content.insertBefore(axis.frame, dom.content.firstChild);
+
+    return needsReflow;
+};
+
+/**
+ * Create characters used to determine the size of text on the axis
+ * @return {boolean} needsReflow   Returns true if the DOM is changed such that
+ *                                 a reflow is needed.
+ */
+links.Timeline.prototype.repaintAxisCharacters = function () {
+    // calculate the width and height of a single character
+    // this is used to calculate the step size, and also the positioning of the
+    // axis
+    var needsReflow = false,
+        dom = this.dom,
+        axis = dom.axis,
+        text;
+
+    if (!axis.characterMinor) {
+        text = document.createTextNode("0");
+        var characterMinor = document.createElement("DIV");
+        characterMinor.className = "timeline-axis-text timeline-axis-text-minor";
+        characterMinor.appendChild(text);
+        characterMinor.style.position = "absolute";
+        characterMinor.style.visibility = "hidden";
+        characterMinor.style.paddingLeft = "0px";
+        characterMinor.style.paddingRight = "0px";
+        axis.frame.appendChild(characterMinor);
+
+        axis.characterMinor = characterMinor;
+        needsReflow = true;
+    }
+
+    if (!axis.characterMajor) {
+        text = document.createTextNode("0");
+        var characterMajor = document.createElement("DIV");
+        characterMajor.className = "timeline-axis-text timeline-axis-text-major";
+        characterMajor.appendChild(text);
+        characterMajor.style.position = "absolute";
+        characterMajor.style.visibility = "hidden";
+        characterMajor.style.paddingLeft = "0px";
+        characterMajor.style.paddingRight = "0px";
+        axis.frame.appendChild(characterMajor);
+
+        axis.characterMajor = characterMajor;
+        needsReflow = true;
+    }
+
+    return needsReflow;
+};
+
+/**
+ * Initialize redraw of the axis. All existing labels and lines will be
+ * overwritten and reused.
+ */
+links.Timeline.prototype.repaintAxisStartOverwriting = function () {
+    var properties = this.size.axis.properties;
+
+    properties.minorTextNum = 0;
+    properties.minorLineNum = 0;
+    properties.majorTextNum = 0;
+    properties.majorLineNum = 0;
+};
+
+/**
+ * End of overwriting HTML DOM elements of the axis.
+ * remaining elements will be removed
+ */
+links.Timeline.prototype.repaintAxisEndOverwriting = function () {
+    var dom = this.dom,
+        props = this.size.axis.properties,
+        frame = this.dom.axis.frame,
+        num;
+
+    // remove leftovers
+    var minorTexts = dom.axis.minorTexts;
+    num = props.minorTextNum;
+    while (minorTexts.length > num) {
+        var minorText = minorTexts[num];
+        frame.removeChild(minorText);
+        minorTexts.splice(num, 1);
+    }
+
+    var minorLines = dom.axis.minorLines;
+    num = props.minorLineNum;
+    while (minorLines.length > num) {
+        var minorLine = minorLines[num];
+        frame.removeChild(minorLine);
+        minorLines.splice(num, 1);
+    }
+
+    var majorTexts = dom.axis.majorTexts;
+    num = props.majorTextNum;
+    while (majorTexts.length > num) {
+        var majorText = majorTexts[num];
+        frame.removeChild(majorText);
+        majorTexts.splice(num, 1);
+    }
+
+    var majorLines = dom.axis.majorLines;
+    num = props.majorLineNum;
+    while (majorLines.length > num) {
+        var majorLine = majorLines[num];
+        frame.removeChild(majorLine);
+        majorLines.splice(num, 1);
+    }
+};
+
+/**
+ * Repaint the horizontal line and background of the axis
+ */
+links.Timeline.prototype.repaintAxisHorizontal = function() {
+    var axis = this.dom.axis,
+        size = this.size,
+        options = this.options;
+
+    // line behind all axis elements (possibly having a background color)
+    var hasAxis = (options.showMinorLabels || options.showMajorLabels);
+    if (hasAxis) {
+        if (!axis.backgroundLine) {
+            // create the axis line background (for a background color or so)
+            var backgroundLine = document.createElement("DIV");
+            backgroundLine.className = "timeline-axis";
+            backgroundLine.style.position = "absolute";
+            backgroundLine.style.left = "0px";
+            backgroundLine.style.width = "100%";
+            backgroundLine.style.border = "none";
+            axis.frame.insertBefore(backgroundLine, axis.frame.firstChild);
+
+            axis.backgroundLine = backgroundLine;
+        }
+
+        if (axis.backgroundLine) {
+            axis.backgroundLine.style.top = size.axis.top + "px";
+            axis.backgroundLine.style.height = size.axis.height + "px";
+        }
+    }
+    else {
+        if (axis.backgroundLine) {
+            axis.frame.removeChild(axis.backgroundLine);
+            delete axis.backgroundLine;
+        }
+    }
+
+    // line before all axis elements
+    if (hasAxis) {
+        if (axis.line) {
+            // put this line at the end of all childs
+            var line = axis.frame.removeChild(axis.line);
+            axis.frame.appendChild(line);
+        }
+        else {
+            // make the axis line
+            var line = document.createElement("DIV");
+            line.className = "timeline-axis";
+            line.style.position = "absolute";
+            line.style.left = "0px";
+            line.style.width = "100%";
+            line.style.height = "0px";
+            axis.frame.appendChild(line);
+
+            axis.line = line;
+        }
+
+        axis.line.style.top = size.axis.line + "px";
+    }
+    else {
+        if (axis.line && axis.line.parentElement) {
+            axis.frame.removeChild(axis.line);
+            delete axis.line;
+        }
+    }
+};
+
+/**
+ * Create a minor label for the axis at position x
+ * @param {Number} x
+ * @param {String} text
+ */
+links.Timeline.prototype.repaintAxisMinorText = function (x, text) {
+    var size = this.size,
+        dom = this.dom,
+        props = size.axis.properties,
+        frame = dom.axis.frame,
+        minorTexts = dom.axis.minorTexts,
+        index = props.minorTextNum,
+        label;
+
+    if (index < minorTexts.length) {
+        label = minorTexts[index]
+    }
+    else {
+        // create new label
+        var content = document.createTextNode("");
+        label = document.createElement("DIV");
+        label.appendChild(content);
+        label.className = "timeline-axis-text timeline-axis-text-minor";
+        label.style.position = "absolute";
+
+        frame.appendChild(label);
+
+        minorTexts.push(label);
+    }
+
+    label.childNodes[0].nodeValue = text;
+    label.style.left = x + "px";
+    label.style.top  = size.axis.labelMinorTop + "px";
+    //label.title = title;  // TODO: this is a heavy operation
+
+    props.minorTextNum++;
+};
+
+/**
+ * Create a minor line for the axis at position x
+ * @param {Number} x
+ */
+links.Timeline.prototype.repaintAxisMinorLine = function (x) {
+    var axis = this.size.axis,
+        dom = this.dom,
+        props = axis.properties,
+        frame = dom.axis.frame,
+        minorLines = dom.axis.minorLines,
+        index = props.minorLineNum,
+        line;
+
+    if (index < minorLines.length) {
+        line = minorLines[index];
+    }
+    else {
+        // create vertical line
+        line = document.createElement("DIV");
+        line.className = "timeline-axis-grid timeline-axis-grid-minor";
+        line.style.position = "absolute";
+        line.style.width = "0px";
+
+        frame.appendChild(line);
+        minorLines.push(line);
+    }
+
+    line.style.top = axis.lineMinorTop + "px";
+    line.style.height = axis.lineMinorHeight + "px";
+    line.style.left = (x - axis.lineMinorWidth/2) + "px";
+
+    props.minorLineNum++;
+};
+
+/**
+ * Create a Major label for the axis at position x
+ * @param {Number} x
+ * @param {String} text
+ */
+links.Timeline.prototype.repaintAxisMajorText = function (x, text) {
+    var size = this.size,
+        props = size.axis.properties,
+        frame = this.dom.axis.frame,
+        majorTexts = this.dom.axis.majorTexts,
+        index = props.majorTextNum,
+        label;
+
+    if (index < majorTexts.length) {
+        label = majorTexts[index];
+    }
+    else {
+        // create label
+        var content = document.createTextNode(text);
+        label = document.createElement("DIV");
+        label.className = "timeline-axis-text timeline-axis-text-major";
+        label.appendChild(content);
+        label.style.position = "absolute";
+        label.style.top = "0px";
+
+        frame.appendChild(label);
+        majorTexts.push(label);
+    }
+
+    label.childNodes[0].nodeValue = text;
+    label.style.top = size.axis.labelMajorTop + "px";
+    label.style.left = x + "px";
+    //label.title = title; // TODO: this is a heavy operation
+
+    props.majorTextNum ++;
+};
+
+/**
+ * Create a Major line for the axis at position x
+ * @param {Number} x
+ */
+links.Timeline.prototype.repaintAxisMajorLine = function (x) {
+    var size = this.size,
+        props = size.axis.properties,
+        axis = this.size.axis,
+        frame = this.dom.axis.frame,
+        majorLines = this.dom.axis.majorLines,
+        index = props.majorLineNum,
+        line;
+
+    if (index < majorLines.length) {
+        line = majorLines[index];
+    }
+    else {
+        // create vertical line
+        line = document.createElement("DIV");
+        line.className = "timeline-axis-grid timeline-axis-grid-major";
+        line.style.position = "absolute";
+        line.style.top = "0px";
+        line.style.width = "0px";
+
+        frame.appendChild(line);
+        majorLines.push(line);
+    }
+
+    line.style.left = (x - axis.lineMajorWidth/2) + "px";
+    line.style.height = size.frameHeight + "px";
+
+    props.majorLineNum ++;
+};
+
+/**
+ * Reflow all items, retrieve their actual size
+ * @return {boolean} resized    returns true if any of the items is resized
+ */
+links.Timeline.prototype.reflowItems = function() {
+    var resized = false,
+        i,
+        iMax,
+        group,
+        groups = this.groups,
+        renderedItems = this.renderedItems;
+
+    if (groups) { // TODO: need to check if labels exists?
+        // loop through all groups to reset the items height
+        groups.forEach(function (group) {
+            group.itemsHeight = group.labelHeight || 0;
+        });
+    }
+
+    // loop through the width and height of all visible items
+    for (i = 0, iMax = renderedItems.length; i < iMax; i++) {
+        var item = renderedItems[i],
+            domItem = item.dom;
+        group = item.group;
+
+        if (domItem) {
+            // TODO: move updating width and height into item.reflow
+            var width = domItem ? domItem.clientWidth : 0;
+            var height = domItem ? domItem.clientHeight : 0;
+            resized = resized || (item.width != width);
+            resized = resized || (item.height != height);
+            item.width = width;
+            item.height = height;
+            //item.borderWidth = (domItem.offsetWidth - domItem.clientWidth - 2) / 2; // TODO: borderWidth
+            item.reflow();
+        }
+
+        if (group) {
+            group.itemsHeight = Math.max(this.options.groupMinHeight,group.itemsHeight ?
+                Math.max(group.itemsHeight, item.height) :
+                item.height);
+        }
+    }
+
+    return resized;
+};
+
+/**
+ * Recalculate item properties:
+ * - the height of each group.
+ * - the actualHeight, from the stacked items or the sum of the group heights
+ * @return {boolean} resized    returns true if any of the items properties is
+ *                              changed
+ */
+links.Timeline.prototype.recalcItems = function () {
+    var resized = false,
+        i,
+        iMax,
+        item,
+        finalItem,
+        finalItems,
+        group,
+        groups = this.groups,
+        size = this.size,
+        options = this.options,
+        renderedItems = this.renderedItems;
+
+    var actualHeight = 0;
+    if (groups.length == 0) {
+        // calculate actual height of the timeline when there are no groups
+        // but stacked items
+        if (options.autoHeight || options.cluster) {
+            var min = 0,
+                max = 0;
+
+            if (this.stack && this.stack.finalItems) {
+                // adjust the offset of all finalItems when the actualHeight has been changed
+                finalItems = this.stack.finalItems;
+                finalItem = finalItems[0];
+                if (finalItem && finalItem.top) {
+                    min = finalItem.top;
+                    max = finalItem.top + finalItem.height;
+                }
+                for (i = 1, iMax = finalItems.length; i < iMax; i++) {
+                    finalItem = finalItems[i];
+                    min = Math.min(min, finalItem.top);
+                    max = Math.max(max, finalItem.top + finalItem.height);
+                }
+            }
+            else {
+                item = renderedItems[0];
+                if (item && item.top) {
+                    min = item.top;
+                    max = item.top + item.height;
+                }
+                for (i = 1, iMax = renderedItems.length; i < iMax; i++) {
+                    item = renderedItems[i];
+                    if (item.top) {
+                        min = Math.min(min, item.top);
+                        max = Math.max(max, (item.top + item.height));
+                    }
+                }
+            }
+
+            actualHeight = (max - min) + 2 * options.eventMarginAxis + size.axis.height;
+            if (actualHeight < options.minHeight) {
+                actualHeight = options.minHeight;
+            }
+
+            if (size.actualHeight != actualHeight && options.autoHeight && !options.axisOnTop) {
+                // adjust the offset of all items when the actualHeight has been changed
+                var diff = actualHeight - size.actualHeight;
+                if (this.stack && this.stack.finalItems) {
+                    finalItems = this.stack.finalItems;
+                    for (i = 0, iMax = finalItems.length; i < iMax; i++) {
+                        finalItems[i].top += diff;
+                        finalItems[i].item.top += diff;
+                    }
+                }
+                else {
+                    for (i = 0, iMax = renderedItems.length; i < iMax; i++) {
+                        renderedItems[i].top += diff;
+                    }
+                }
+            }
+        }
+    }
+    else {
+        // loop through all groups to get the height of each group, and the
+        // total height
+        actualHeight = size.axis.height + 2 * options.eventMarginAxis;
+        for (i = 0, iMax = groups.length; i < iMax; i++) {
+            group = groups[i];
+
+            //
+            // TODO: Do we want to apply a max height? how ?
+            //
+            var groupHeight = group.itemsHeight;
+            resized = resized || (groupHeight != group.height);
+            group.height = Math.max(groupHeight, options.groupMinHeight);
+
+            actualHeight += groups[i].height + options.eventMargin;
+        }
+
+        // calculate top positions of the group labels and lines
+        var eventMargin = options.eventMargin,
+            top = options.axisOnTop ?
+                options.eventMarginAxis + eventMargin/2 :
+                size.contentHeight - options.eventMarginAxis + eventMargin/ 2,
+            axisHeight = size.axis.height;
+
+        for (i = 0, iMax = groups.length; i < iMax; i++) {
+            group = groups[i];
+            if (options.axisOnTop) {
+                group.top = top + axisHeight;
+                group.labelTop = top + axisHeight + (group.height - group.labelHeight) / 2;
+                group.lineTop = top + axisHeight + group.height + eventMargin/2;
+                top += group.height + eventMargin;
+            }
+            else {
+                top -= group.height + eventMargin;
+                group.top = top;
+                group.labelTop = top + (group.height - group.labelHeight) / 2;
+                group.lineTop = top - eventMargin/2;
+            }
+        }
+
+        resized = true;
+    }
+
+    if (actualHeight < options.minHeight) {
+        actualHeight = options.minHeight;
+    }
+    resized = resized || (actualHeight != size.actualHeight);
+    size.actualHeight = actualHeight;
+
+    return resized;
+};
+
+/**
+ * This method clears the (internal) array this.items in a safe way: neatly
+ * cleaning up the DOM, and accompanying arrays this.renderedItems and
+ * the created clusters.
+ */
+links.Timeline.prototype.clearItems = function() {
+    // add all visible items to the list to be hidden
+    var hideItems = this.renderQueue.hide;
+    this.renderedItems.forEach(function (item) {
+        hideItems.push(item);
+    });
+
+    // clear the cluster generator
+    this.clusterGenerator.clear();
+
+    // actually clear the items
+    this.items = [];
+};
+
+/**
+ * Repaint all items
+ * @return {boolean} needsReflow   Returns true if the DOM is changed such that
+ *                                 a reflow is needed.
+ */
+links.Timeline.prototype.repaintItems = function() {
+    var i, iMax, item, index;
+
+    var needsReflow = false,
+        dom = this.dom,
+        size = this.size,
+        timeline = this,
+        renderedItems = this.renderedItems;
+
+    if (!dom.items) {
+        dom.items = {};
+    }
+
+    // draw the frame containing the items
+    var frame = dom.items.frame;
+    if (!frame) {
+        frame = document.createElement("DIV");
+        frame.style.position = "relative";
+        dom.content.appendChild(frame);
+        dom.items.frame = frame;
+    }
+
+    frame.style.left = "0px";
+    frame.style.top = size.items.top + "px";
+    frame.style.height = "0px";
+
+    // Take frame offline (for faster manipulation of the DOM)
+    dom.content.removeChild(frame);
+
+    // process the render queue with changes
+    var queue = this.renderQueue;
+    var newImageUrls = [];
+    needsReflow = needsReflow ||
+        (queue.show.length > 0) ||
+        (queue.update.length > 0) ||
+        (queue.hide.length > 0);   // TODO: reflow needed on hide of items?
+
+    while (item = queue.show.shift()) {
+        item.showDOM(frame);
+        item.getImageUrls(newImageUrls);
+        renderedItems.push(item);
+    }
+    while (item = queue.update.shift()) {
+        item.updateDOM(frame);
+        item.getImageUrls(newImageUrls);
+        index = this.renderedItems.indexOf(item);
+        if (index == -1) {
+            renderedItems.push(item);
+        }
+    }
+    while (item = queue.hide.shift()) {
+        item.hideDOM(frame);
+        index = this.renderedItems.indexOf(item);
+        if (index != -1) {
+            renderedItems.splice(index, 1);
+        }
+    }
+
+    // reposition all visible items
+    renderedItems.forEach(function (item) {
+        item.updatePosition(timeline);
+    });
+
+    // redraw the delete button and dragareas of the selected item (if any)
+    this.repaintDeleteButton();
+    this.repaintDragAreas();
+
+    // put frame online again
+    dom.content.appendChild(frame);
+
+    if (newImageUrls.length) {
+        // retrieve all image sources from the items, and set a callback once
+        // all images are retrieved
+        var callback = function () {
+            timeline.render();
+        };
+        var sendCallbackWhenAlreadyLoaded = false;
+        links.imageloader.loadAll(newImageUrls, callback, sendCallbackWhenAlreadyLoaded);
+    }
+
+    return needsReflow;
+};
+
+/**
+ * Reflow the size of the groups
+ * @return {boolean} resized    Returns true if any of the frame elements
+ *                              have been resized.
+ */
+links.Timeline.prototype.reflowGroups = function() {
+    var resized = false,
+        options = this.options,
+        size = this.size,
+        dom = this.dom;
+
+    // calculate the groups width and height
+    // TODO: only update when data is changed! -> use an updateSeq
+    var groupsWidth = 0;
+
+    // loop through all groups to get the labels width and height
+    var groups = this.groups;
+    var labels = this.dom.groups ? this.dom.groups.labels : [];
+    for (var i = 0, iMax = groups.length; i < iMax; i++) {
+        var group = groups[i];
+        var label = labels[i];
+        group.labelWidth  = label ? label.clientWidth : 0;
+        group.labelHeight = label ? label.clientHeight : 0;
+        group.width = group.labelWidth;  // TODO: group.width is redundant with labelWidth
+
+        groupsWidth = Math.max(groupsWidth, group.width);
+    }
+
+    // limit groupsWidth to the groups width in the options
+    if (options.groupsWidth !== undefined) {
+        groupsWidth = dom.groups && dom.groups.frame ? dom.groups.frame.clientWidth : 0;
+    }
+
+    // compensate for the border width. TODO: calculate the real border width
+    groupsWidth += 1;
+
+    var groupsLeft = options.groupsOnRight ? size.frameWidth - groupsWidth : 0;
+    resized = resized || (size.groupsWidth !== groupsWidth);
+    resized = resized || (size.groupsLeft !== groupsLeft);
+    size.groupsWidth = groupsWidth;
+    size.groupsLeft = groupsLeft;
+
+    return resized;
+};
+
+/**
+ * Redraw the group labels
+ */
+links.Timeline.prototype.repaintGroups = function() {
+    var dom = this.dom,
+        timeline = this,
+        options = this.options,
+        size = this.size,
+        groups = this.groups;
+
+    if (dom.groups === undefined) {
+        dom.groups = {};
+    }
+
+    var labels = dom.groups.labels;
+    if (!labels) {
+        labels = [];
+        dom.groups.labels = labels;
+    }
+    var labelLines = dom.groups.labelLines;
+    if (!labelLines) {
+        labelLines = [];
+        dom.groups.labelLines = labelLines;
+    }
+    var itemLines = dom.groups.itemLines;
+    if (!itemLines) {
+        itemLines = [];
+        dom.groups.itemLines = itemLines;
+    }
+
+    // create the frame for holding the groups
+    var frame = dom.groups.frame;
+    if (!frame) {
+        frame =  document.createElement("DIV");
+        frame.className = "timeline-groups-axis";
+        frame.style.position = "absolute";
+        frame.style.overflow = "hidden";
+        frame.style.top = "0px";
+        frame.style.height = "100%";
+
+        dom.frame.appendChild(frame);
+        dom.groups.frame = frame;
+    }
+
+    frame.style.left = size.groupsLeft + "px";
+    frame.style.width = (options.groupsWidth !== undefined) ?
+        options.groupsWidth :
+        size.groupsWidth + "px";
+
+    // hide groups axis when there are no groups
+    if (groups.length == 0) {
+        frame.style.display = 'none';
+    }
+    else {
+        frame.style.display = '';
+    }
+
+    // TODO: only create/update groups when data is changed.
+
+    // create the items
+    var current = labels.length,
+        needed = groups.length;
+
+    // overwrite existing group labels
+    for (var i = 0, iMax = Math.min(current, needed); i < iMax; i++) {
+        var group = groups[i];
+        var label = labels[i];
+        label.innerHTML = this.getGroupName(group);
+        label.style.display = '';
+    }
+
+    // append new items when needed
+    for (var i = current; i < needed; i++) {
+        var group = groups[i];
+
+        // create text label
+        var label = document.createElement("DIV");
+        label.className = "timeline-groups-text";
+        label.style.position = "absolute";
+        if (options.groupsWidth === undefined) {
+            label.style.whiteSpace = "nowrap";
+        }
+        label.innerHTML = this.getGroupName(group);
+        frame.appendChild(label);
+        labels[i] = label;
+
+        // create the grid line between the group labels
+        var labelLine = document.createElement("DIV");
+        labelLine.className = "timeline-axis-grid timeline-axis-grid-minor";
+        labelLine.style.position = "absolute";
+        labelLine.style.left = "0px";
+        labelLine.style.width = "100%";
+        labelLine.style.height = "0px";
+        labelLine.style.borderTopStyle = "solid";
+        frame.appendChild(labelLine);
+        labelLines[i] = labelLine;
+
+        // create the grid line between the items
+        var itemLine = document.createElement("DIV");
+        itemLine.className = "timeline-axis-grid timeline-axis-grid-minor";
+        itemLine.style.position = "absolute";
+        itemLine.style.left = "0px";
+        itemLine.style.width = "100%";
+        itemLine.style.height = "0px";
+        itemLine.style.borderTopStyle = "solid";
+        dom.content.insertBefore(itemLine, dom.content.firstChild);
+        itemLines[i] = itemLine;
+    }
+
+    // remove redundant items from the DOM when needed
+    for (var i = needed; i < current; i++) {
+        var label = labels[i],
+            labelLine = labelLines[i],
+            itemLine = itemLines[i];
+
+        frame.removeChild(label);
+        frame.removeChild(labelLine);
+        dom.content.removeChild(itemLine);
+    }
+    labels.splice(needed, current - needed);
+    labelLines.splice(needed, current - needed);
+    itemLines.splice(needed, current - needed);
+
+    links.Timeline.addClassName(frame, options.groupsOnRight ? 'timeline-groups-axis-onright' : 'timeline-groups-axis-onleft');
+
+    // position the groups
+    for (var i = 0, iMax = groups.length; i < iMax; i++) {
+        var group = groups[i],
+            label = labels[i],
+            labelLine = labelLines[i],
+            itemLine = itemLines[i];
+
+        label.style.top = group.labelTop + "px";
+        labelLine.style.top = group.lineTop + "px";
+        itemLine.style.top = group.lineTop + "px";
+        itemLine.style.width = size.contentWidth + "px";
+    }
+
+    if (!dom.groups.background) {
+        // create the axis grid line background
+        var background = document.createElement("DIV");
+        background.className = "timeline-axis";
+        background.style.position = "absolute";
+        background.style.left = "0px";
+        background.style.width = "100%";
+        background.style.border = "none";
+
+        frame.appendChild(background);
+        dom.groups.background = background;
+    }
+    dom.groups.background.style.top = size.axis.top + 'px';
+    dom.groups.background.style.height = size.axis.height + 'px';
+
+    if (!dom.groups.line) {
+        // create the axis grid line
+        var line = document.createElement("DIV");
+        line.className = "timeline-axis";
+        line.style.position = "absolute";
+        line.style.left = "0px";
+        line.style.width = "100%";
+        line.style.height = "0px";
+
+        frame.appendChild(line);
+        dom.groups.line = line;
+    }
+    dom.groups.line.style.top = size.axis.line + 'px';
+
+    // create a callback when there are images which are not yet loaded
+    // TODO: more efficiently load images in the groups
+    if (dom.groups.frame && groups.length) {
+        var imageUrls = [];
+        links.imageloader.filterImageUrls(dom.groups.frame, imageUrls);
+        if (imageUrls.length) {
+            // retrieve all image sources from the items, and set a callback once
+            // all images are retrieved
+            var callback = function () {
+                timeline.render();
+            };
+            var sendCallbackWhenAlreadyLoaded = false;
+            links.imageloader.loadAll(imageUrls, callback, sendCallbackWhenAlreadyLoaded);
+        }
+    }
+};
+
+
+/**
+ * Redraw the current time bar
+ */
+links.Timeline.prototype.repaintCurrentTime = function() {
+    var options = this.options,
+        dom = this.dom,
+        size = this.size;
+
+    if (!options.showCurrentTime) {
+        if (dom.currentTime) {
+            dom.contentTimelines.removeChild(dom.currentTime);
+            delete dom.currentTime;
+        }
+
+        return;
+    }
+
+    if (!dom.currentTime) {
+        // create the current time bar
+        var currentTime = document.createElement("DIV");
+        currentTime.className = "timeline-currenttime";
+        currentTime.style.position = "absolute";
+        currentTime.style.top = "0px";
+        currentTime.style.height = "100%";
+
+        dom.contentTimelines.appendChild(currentTime);
+        dom.currentTime = currentTime;
+    }
+
+    var now = new Date();
+    var nowOffset = new Date(now.valueOf() + this.clientTimeOffset);
+    var x = this.timeToScreen(nowOffset);
+
+    var visible = (x > -size.contentWidth && x < 2 * size.contentWidth);
+    dom.currentTime.style.display = visible ? '' : 'none';
+    dom.currentTime.style.left = x + "px";
+    dom.currentTime.title = "Current time: " + nowOffset;
+
+    // start a timer to adjust for the new time
+    if (this.currentTimeTimer != undefined) {
+        clearTimeout(this.currentTimeTimer);
+        delete this.currentTimeTimer;
+    }
+    var timeline = this;
+    var onTimeout = function() {
+        timeline.repaintCurrentTime();
+    };
+    // the time equal to the width of one pixel, divided by 2 for more smoothness
+    var interval = 1 / this.conversion.factor / 2;
+    if (interval < 30) interval = 30;
+    this.currentTimeTimer = setTimeout(onTimeout, interval);
+};
+
+/**
+ * Redraw the custom time bar
+ */
+links.Timeline.prototype.repaintCustomTime = function() {
+    var options = this.options,
+        dom = this.dom,
+        size = this.size;
+
+    if (!options.showCustomTime) {
+        if (dom.customTime) {
+            dom.contentTimelines.removeChild(dom.customTime);
+            delete dom.customTime;
+        }
+
+        return;
+    }
+
+    if (!dom.customTime) {
+        var customTime = document.createElement("DIV");
+        customTime.className = "timeline-customtime";
+        customTime.style.position = "absolute";
+        customTime.style.top = "0px";
+        customTime.style.height = "100%";
+
+        var drag = document.createElement("DIV");
+        drag.style.position = "relative";
+        drag.style.top = "0px";
+        drag.style.left = "-10px";
+        drag.style.height = "100%";
+        drag.style.width = "20px";
+        customTime.appendChild(drag);
+
+        dom.contentTimelines.appendChild(customTime);
+        dom.customTime = customTime;
+
+        // initialize parameter
+        this.customTime = new Date();
+    }
+
+    var x = this.timeToScreen(this.customTime),
+        visible = (x > -size.contentWidth && x < 2 * size.contentWidth);
+    dom.customTime.style.display = visible ? '' : 'none';
+    dom.customTime.style.left = x + "px";
+    dom.customTime.title = "Time: " + this.customTime;
+};
+
+
+/**
+ * Redraw the delete button, on the top right of the currently selected item
+ * if there is no item selected, the button is hidden.
+ */
+links.Timeline.prototype.repaintDeleteButton = function () {
+    var timeline = this,
+        dom = this.dom,
+        frame = dom.items.frame;
+
+    var deleteButton = dom.items.deleteButton;
+    if (!deleteButton) {
+        // create a delete button
+        deleteButton = document.createElement("DIV");
+        deleteButton.className = "timeline-navigation-delete";
+        deleteButton.style.position = "absolute";
+
+        frame.appendChild(deleteButton);
+        dom.items.deleteButton = deleteButton;
+    }
+
+    var index = (this.selection && this.selection.index !== undefined) ? this.selection.index : -1,
+        item = (this.selection && this.selection.index !== undefined) ? this.items[index] : undefined;
+    if (item && item.rendered && this.isEditable(item)) {
+        var right = item.getRight(this),
+            top = item.top;
+
+        deleteButton.style.left = right + 'px';
+        deleteButton.style.top = top + 'px';
+        deleteButton.style.display = '';
+        frame.removeChild(deleteButton);
+        frame.appendChild(deleteButton);
+    }
+    else {
+        deleteButton.style.display = 'none';
+    }
+};
+
+
+/**
+ * Redraw the drag areas. When an item (ranges only) is selected,
+ * it gets a drag area on the left and right side, to change its width
+ */
+links.Timeline.prototype.repaintDragAreas = function () {
+    var timeline = this,
+        options = this.options,
+        dom = this.dom,
+        frame = this.dom.items.frame;
+
+    // create left drag area
+    var dragLeft = dom.items.dragLeft;
+    if (!dragLeft) {
+        dragLeft = document.createElement("DIV");
+        dragLeft.className="timeline-event-range-drag-left";
+        dragLeft.style.position = "absolute";
+
+        frame.appendChild(dragLeft);
+        dom.items.dragLeft = dragLeft;
+    }
+
+    // create right drag area
+    var dragRight = dom.items.dragRight;
+    if (!dragRight) {
+        dragRight = document.createElement("DIV");
+        dragRight.className="timeline-event-range-drag-right";
+        dragRight.style.position = "absolute";
+
+        frame.appendChild(dragRight);
+        dom.items.dragRight = dragRight;
+    }
+
+    // reposition left and right drag area
+    var index = (this.selection && this.selection.index !== undefined) ? this.selection.index : -1,
+        item = (this.selection && this.selection.index !== undefined) ? this.items[index] : undefined;
+    if (item && item.rendered && this.isEditable(item) &&
+        (item instanceof links.Timeline.ItemRange || item instanceof links.Timeline.ItemFloatingRange)) {
+        var left = item.getLeft(this), // NH change to getLeft
+            right = item.getRight(this), // NH change to getRight
+            top = item.top,
+            height = item.height;
+
+        dragLeft.style.left = left + 'px';
+        dragLeft.style.top = top + 'px';
+        dragLeft.style.width = options.dragAreaWidth + "px";
+        dragLeft.style.height = height + 'px';
+        dragLeft.style.display = '';
+        frame.removeChild(dragLeft);
+        frame.appendChild(dragLeft);
+
+        dragRight.style.left = (right - options.dragAreaWidth) + 'px';
+        dragRight.style.top = top + 'px';
+        dragRight.style.width = options.dragAreaWidth + "px";
+        dragRight.style.height = height + 'px';
+        dragRight.style.display = '';
+        frame.removeChild(dragRight);
+        frame.appendChild(dragRight);
+    }
+    else {
+        dragLeft.style.display = 'none';
+        dragRight.style.display = 'none';
+    }
+};
+
+/**
+ * Create the navigation buttons for zooming and moving
+ */
+links.Timeline.prototype.repaintNavigation = function () {
+    var timeline = this,
+        options = this.options,
+        dom = this.dom,
+        frame = dom.frame,
+        navBar = dom.navBar;
+
+    if (!navBar) {
+        var showButtonNew = options.showButtonNew && options.editable;
+        var showNavigation = options.showNavigation && (options.zoomable || options.moveable);
+        if (showNavigation || showButtonNew) {
+            // create a navigation bar containing the navigation buttons
+            navBar = document.createElement("DIV");
+            navBar.style.position = "absolute";
+            navBar.className = "timeline-navigation ui-widget ui-state-highlight ui-corner-all";
+            if (options.groupsOnRight) {
+                navBar.style.left = '10px';
+            }
+            else {
+                navBar.style.right = '10px';
+            }
+            if (options.axisOnTop) {
+                navBar.style.bottom = '10px';
+            }
+            else {
+                navBar.style.top = '10px';
+            }
+            dom.navBar = navBar;
+            frame.appendChild(navBar);
+        }
+
+        if (showButtonNew) {
+            // create a new in button
+            navBar.addButton = document.createElement("DIV");
+            navBar.addButton.className = "timeline-navigation-new";
+            navBar.addButton.title = options.CREATE_NEW_EVENT;
+            var addIconSpan = document.createElement("SPAN");
+            addIconSpan.className = "ui-icon ui-icon-circle-plus";
+            navBar.addButton.appendChild(addIconSpan);
+
+            var onAdd = function(event) {
+                links.Timeline.preventDefault(event);
+                links.Timeline.stopPropagation(event);
+
+                // create a new event at the center of the frame
+                var w = timeline.size.contentWidth;
+                var x = w / 2;
+                var xstart = timeline.screenToTime(x);
+                if (options.snapEvents) {
+                    timeline.step.snap(xstart);
+                }
+
+                var content = options.NEW;
+                var group = timeline.groups.length ? timeline.groups[0].content : undefined;
+                var preventRender = true;
+                timeline.addItem({
+                    'start': xstart,
+                    'content': content,
+                    'group': group
+                }, preventRender);
+                var index = (timeline.items.length - 1);
+                timeline.selectItem(index);
+
+                timeline.applyAdd = true;
+
+                // fire an add event.
+                // Note that the change can be canceled from within an event listener if
+                // this listener calls the method cancelAdd().
+                timeline.trigger('add');
+
+                if (timeline.applyAdd) {
+                    // render and select the item
+                    timeline.render({animate: false});
+                    timeline.selectItem(index);
+                }
+                else {
+                    // undo an add
+                    timeline.deleteItem(index);
+                }
+            };
+            links.Timeline.addEventListener(navBar.addButton, "mousedown", onAdd);
+            navBar.appendChild(navBar.addButton);
+        }
+
+        if (showButtonNew && showNavigation) {
+            // create a separator line
+            links.Timeline.addClassName(navBar.addButton, 'timeline-navigation-new-line');
+        }
+
+        if (showNavigation) {
+            if (options.zoomable) {
+                // create a zoom in button
+                navBar.zoomInButton = document.createElement("DIV");
+                navBar.zoomInButton.className = "timeline-navigation-zoom-in";
+                navBar.zoomInButton.title = this.options.ZOOM_IN;
+                var ziIconSpan = document.createElement("SPAN");
+                ziIconSpan.className = "ui-icon ui-icon-circle-zoomin";
+                navBar.zoomInButton.appendChild(ziIconSpan);
+
+                var onZoomIn = function(event) {
+                    links.Timeline.preventDefault(event);
+                    links.Timeline.stopPropagation(event);
+                    timeline.zoom(0.4);
+                    timeline.trigger("rangechange");
+                    timeline.trigger("rangechanged");
+                };
+                links.Timeline.addEventListener(navBar.zoomInButton, "mousedown", onZoomIn);
+                navBar.appendChild(navBar.zoomInButton);
+
+                // create a zoom out button
+                navBar.zoomOutButton = document.createElement("DIV");
+                navBar.zoomOutButton.className = "timeline-navigation-zoom-out";
+                navBar.zoomOutButton.title = this.options.ZOOM_OUT;
+                var zoIconSpan = document.createElement("SPAN");
+                zoIconSpan.className = "ui-icon ui-icon-circle-zoomout";
+                navBar.zoomOutButton.appendChild(zoIconSpan);
+
+                var onZoomOut = function(event) {
+                    links.Timeline.preventDefault(event);
+                    links.Timeline.stopPropagation(event);
+                    timeline.zoom(-0.4);
+                    timeline.trigger("rangechange");
+                    timeline.trigger("rangechanged");
+                };
+                links.Timeline.addEventListener(navBar.zoomOutButton, "mousedown", onZoomOut);
+                navBar.appendChild(navBar.zoomOutButton);
+            }
+
+            if (options.moveable) {
+                // create a move left button
+                navBar.moveLeftButton = document.createElement("DIV");
+                navBar.moveLeftButton.className = "timeline-navigation-move-left";
+                navBar.moveLeftButton.title = this.options.MOVE_LEFT;
+                var mlIconSpan = document.createElement("SPAN");
+                mlIconSpan.className = "ui-icon ui-icon-circle-arrow-w";
+                navBar.moveLeftButton.appendChild(mlIconSpan);
+
+                var onMoveLeft = function(event) {
+                    links.Timeline.preventDefault(event);
+                    links.Timeline.stopPropagation(event);
+                    timeline.move(-0.2);
+                    timeline.trigger("rangechange");
+                    timeline.trigger("rangechanged");
+                };
+                links.Timeline.addEventListener(navBar.moveLeftButton, "mousedown", onMoveLeft);
+                navBar.appendChild(navBar.moveLeftButton);
+
+                // create a move right button
+                navBar.moveRightButton = document.createElement("DIV");
+                navBar.moveRightButton.className = "timeline-navigation-move-right";
+                navBar.moveRightButton.title = this.options.MOVE_RIGHT;
+                var mrIconSpan = document.createElement("SPAN");
+                mrIconSpan.className = "ui-icon ui-icon-circle-arrow-e";
+                navBar.moveRightButton.appendChild(mrIconSpan);
+
+                var onMoveRight = function(event) {
+                    links.Timeline.preventDefault(event);
+                    links.Timeline.stopPropagation(event);
+                    timeline.move(0.2);
+                    timeline.trigger("rangechange");
+                    timeline.trigger("rangechanged");
+                };
+                links.Timeline.addEventListener(navBar.moveRightButton, "mousedown", onMoveRight);
+                navBar.appendChild(navBar.moveRightButton);
+            }
+        }
+    }
+};
+
+
+/**
+ * Set current time. This function can be used to set the time in the client
+ * timeline equal with the time on a server.
+ * @param {Date} time
+ */
+links.Timeline.prototype.setCurrentTime = function(time) {
+    var now = new Date();
+    this.clientTimeOffset = (time.valueOf() - now.valueOf());
+
+    this.repaintCurrentTime();
+};
+
+/**
+ * Get current time. The time can have an offset from the real time, when
+ * the current time has been changed via the method setCurrentTime.
+ * @return {Date} time
+ */
+links.Timeline.prototype.getCurrentTime = function() {
+    var now = new Date();
+    return new Date(now.valueOf() + this.clientTimeOffset);
+};
+
+
+/**
+ * Set custom time.
+ * The custom time bar can be used to display events in past or future.
+ * @param {Date} time
+ */
+links.Timeline.prototype.setCustomTime = function(time) {
+    this.customTime = new Date(time.valueOf());
+    this.repaintCustomTime();
+};
+
+/**
+ * Retrieve the current custom time.
+ * @return {Date} customTime
+ */
+links.Timeline.prototype.getCustomTime = function() {
+    return new Date(this.customTime.valueOf());
+};
+
+/**
+ * Set a custom scale. Autoscaling will be disabled.
+ * For example setScale(SCALE.MINUTES, 5) will result
+ * in minor steps of 5 minutes, and major steps of an hour.
+ *
+ * @param {links.Timeline.StepDate.SCALE} scale
+ *                               A scale. Choose from SCALE.MILLISECOND,
+ *                               SCALE.SECOND, SCALE.MINUTE, SCALE.HOUR,
+ *                               SCALE.WEEKDAY, SCALE.DAY, SCALE.MONTH,
+ *                               SCALE.YEAR.
+ * @param {int}        step   A step size, by default 1. Choose for
+ *                               example 1, 2, 5, or 10.
+ */
+links.Timeline.prototype.setScale = function(scale, step) {
+    this.step.setScale(scale, step);
+    this.render(); // TODO: optimize: only reflow/repaint axis
+};
+
+/**
+ * Enable or disable autoscaling
+ * @param {boolean} enable  If true or not defined, autoscaling is enabled.
+ *                          If false, autoscaling is disabled.
+ */
+links.Timeline.prototype.setAutoScale = function(enable) {
+    this.step.setAutoScale(enable);
+    this.render(); // TODO: optimize: only reflow/repaint axis
+};
+
+/**
+ * Redraw the timeline
+ * Reloads the (linked) data table and redraws the timeline when resized.
+ * See also the method checkResize
+ */
+links.Timeline.prototype.redraw = function() {
+    this.setData(this.data);
+};
+
+
+/**
+ * Check if the timeline is resized, and if so, redraw the timeline.
+ * Useful when the webpage is resized.
+ */
+links.Timeline.prototype.checkResize = function() {
+    // TODO: re-implement the method checkResize, or better, make it redundant as this.render will be smarter
+    this.render();
+};
+
+/**
+ * Check whether a given item is editable
+ * @param {links.Timeline.Item} item
+ * @return {boolean} editable
+ */
+links.Timeline.prototype.isEditable = function (item) {
+    if (item) {
+        if (item.editable != undefined) {
+            return item.editable;
+        }
+        else {
+            return this.options.editable;
+        }
+    }
+    return false;
+};
+
+/**
+ * Calculate the factor and offset to convert a position on screen to the
+ * corresponding date and vice versa.
+ * After the method calcConversionFactor is executed once, the methods screenToTime and
+ * timeToScreen can be used.
+ */
+links.Timeline.prototype.recalcConversion = function() {
+    this.conversion.offset = this.start.valueOf();
+    this.conversion.factor = this.size.contentWidth /
+        (this.end.valueOf() - this.start.valueOf());
+};
+
+
+/**
+ * Convert a position on screen (pixels) to a datetime
+ * Before this method can be used, the method calcConversionFactor must be
+ * executed once.
+ * @param {int}     x    Position on the screen in pixels
+ * @return {Date}   time The datetime the corresponds with given position x
+ */
+links.Timeline.prototype.screenToTime = function(x) {
+    var conversion = this.conversion;
+    return new Date(x / conversion.factor + conversion.offset);
+};
+
+/**
+ * Convert a datetime (Date object) into a position on the screen
+ * Before this method can be used, the method calcConversionFactor must be
+ * executed once.
+ * @param {Date}   time A date
+ * @return {int}   x    The position on the screen in pixels which corresponds
+ *                      with the given date.
+ */
+links.Timeline.prototype.timeToScreen = function(time) {
+    var conversion = this.conversion;
+    return (time.valueOf() - conversion.offset) * conversion.factor;
+};
+
+
+
+/**
+ * Event handler for touchstart event on mobile devices
+ */
+links.Timeline.prototype.onTouchStart = function(event) {
+    var params = this.eventParams,
+        me = this;
+
+    if (params.touchDown) {
+        // if already moving, return
+        return;
+    }
+
+    params.touchDown = true;
+    params.zoomed = false;
+
+    this.onMouseDown(event);
+
+    if (!params.onTouchMove) {
+        params.onTouchMove = function (event) {me.onTouchMove(event);};
+        links.Timeline.addEventListener(document, "touchmove", params.onTouchMove);
+    }
+    if (!params.onTouchEnd) {
+        params.onTouchEnd  = function (event) {me.onTouchEnd(event);};
+        links.Timeline.addEventListener(document, "touchend",  params.onTouchEnd);
+    }
+
+    /* TODO
+     // check for double tap event
+     var delta = 500; // ms
+     var doubleTapStart = (new Date()).valueOf();
+     var target = links.Timeline.getTarget(event);
+     var doubleTapItem = this.getItemIndex(target);
+     if (params.doubleTapStart &&
+     (doubleTapStart - params.doubleTapStart) < delta &&
+     doubleTapItem == params.doubleTapItem) {
+     delete params.doubleTapStart;
+     delete params.doubleTapItem;
+     me.onDblClick(event);
+     params.touchDown = false;
+     }
+     params.doubleTapStart = doubleTapStart;
+     params.doubleTapItem = doubleTapItem;
+     */
+    // store timing for double taps
+    var target = links.Timeline.getTarget(event);
+    var item = this.getItemIndex(target);
+    params.doubleTapStartPrev = params.doubleTapStart;
+    params.doubleTapStart = (new Date()).valueOf();
+    params.doubleTapItemPrev = params.doubleTapItem;
+    params.doubleTapItem = item;
+
+    links.Timeline.preventDefault(event);
+};
+
+/**
+ * Event handler for touchmove event on mobile devices
+ */
+links.Timeline.prototype.onTouchMove = function(event) {
+    var params = this.eventParams;
+
+    if (event.scale && event.scale !== 1) {
+        params.zoomed = true;
+    }
+
+    if (!params.zoomed) {
+        // move
+        this.onMouseMove(event);
+    }
+    else {
+        if (this.options.zoomable) {
+            // pinch
+            // TODO: pinch only supported on iPhone/iPad. Create something manually for Android?
+            params.zoomed = true;
+
+            var scale = event.scale,
+                oldWidth = (params.end.valueOf() - params.start.valueOf()),
+                newWidth = oldWidth / scale,
+                diff = newWidth - oldWidth,
+                start = new Date(parseInt(params.start.valueOf() - diff/2)),
+                end = new Date(parseInt(params.end.valueOf() + diff/2));
+
+            // TODO: determine zoom-around-date from touch positions?
+
+            this.setVisibleChartRange(start, end);
+            this.trigger("rangechange");
+        }
+    }
+
+    links.Timeline.preventDefault(event);
+};
+
+/**
+ * Event handler for touchend event on mobile devices
+ */
+links.Timeline.prototype.onTouchEnd = function(event) {
+    var params = this.eventParams;
+    var me = this;
+    params.touchDown = false;
+
+    if (params.zoomed) {
+        this.trigger("rangechanged");
+    }
+
+    if (params.onTouchMove) {
+        links.Timeline.removeEventListener(document, "touchmove", params.onTouchMove);
+        delete params.onTouchMove;
+
+    }
+    if (params.onTouchEnd) {
+        links.Timeline.removeEventListener(document, "touchend",  params.onTouchEnd);
+        delete params.onTouchEnd;
+    }
+
+    this.onMouseUp(event);
+
+    // check for double tap event
+    var delta = 500; // ms
+    var doubleTapEnd = (new Date()).valueOf();
+    var target = links.Timeline.getTarget(event);
+    var doubleTapItem = this.getItemIndex(target);
+    if (params.doubleTapStartPrev &&
+        (doubleTapEnd - params.doubleTapStartPrev) < delta &&
+        params.doubleTapItem == params.doubleTapItemPrev) {
+        params.touchDown = true;
+        me.onDblClick(event);
+        params.touchDown = false;
+    }
+
+    links.Timeline.preventDefault(event);
+};
+
+
+/**
+ * Start a moving operation inside the provided parent element
+ * @param {Event} event       The event that occurred (required for
+ *                             retrieving the  mouse position)
+ */
+links.Timeline.prototype.onMouseDown = function(event) {
+    event = event || window.event;
+
+    var params = this.eventParams,
+        options = this.options,
+        dom = this.dom;
+
+    // only react on left mouse button down
+    var leftButtonDown = event.which ? (event.which == 1) : (event.button == 1);
+    if (!leftButtonDown && !params.touchDown) {
+        return;
+    }
+
+    // get mouse position
+    params.mouseX = links.Timeline.getPageX(event);
+    params.mouseY = links.Timeline.getPageY(event);
+    params.frameLeft = links.Timeline.getAbsoluteLeft(this.dom.content);
+    params.frameTop = links.Timeline.getAbsoluteTop(this.dom.content);
+    params.previousLeft = 0;
+    params.previousOffset = 0;
+
+    params.moved = false;
+    params.start = new Date(this.start.valueOf());
+    params.end = new Date(this.end.valueOf());
+
+    params.target = links.Timeline.getTarget(event);
+    var dragLeft = (dom.items && dom.items.dragLeft) ? dom.items.dragLeft : undefined;
+    var dragRight = (dom.items && dom.items.dragRight) ? dom.items.dragRight : undefined;
+    params.itemDragLeft = (params.target === dragLeft);
+    params.itemDragRight = (params.target === dragRight);
+
+    if (params.itemDragLeft || params.itemDragRight) {
+        params.itemIndex = (this.selection && this.selection.index !== undefined) ? this.selection.index : undefined;
+        delete params.clusterIndex;
+    }
+    else {
+        params.itemIndex = this.getItemIndex(params.target);
+        params.clusterIndex = this.getClusterIndex(params.target);
+    }
+
+    params.customTime = (params.target === dom.customTime ||
+        params.target.parentNode === dom.customTime) ?
+        this.customTime :
+        undefined;
+
+    params.addItem = (options.editable && event.ctrlKey);
+    if (params.addItem) {
+        // create a new event at the current mouse position
+        var x = params.mouseX - params.frameLeft;
+        var y = params.mouseY - params.frameTop;
+
+        var xstart = this.screenToTime(x);
+        if (options.snapEvents) {
+            this.step.snap(xstart);
+        }
+        var xend = new Date(xstart.valueOf());
+        var content = options.NEW;
+        var group = this.getGroupFromHeight(y);
+        this.addItem({
+            'start': xstart,
+            'end': xend,
+            'content': content,
+            'group': this.getGroupName(group)
+        });
+        params.itemIndex = (this.items.length - 1);
+        delete params.clusterIndex;
+        this.selectItem(params.itemIndex);
+        params.itemDragRight = true;
+    }
+
+    var item = this.items[params.itemIndex];
+    var isSelected = this.isSelected(params.itemIndex);
+    params.editItem = isSelected && this.isEditable(item);
+    if (params.editItem) {
+        params.itemStart = item.start;
+        params.itemEnd = item.end;
+        params.itemGroup = item.group;
+        params.itemLeft = item.getLeft(this); // NH Use item.getLeft here
+        params.itemRight = item.getRight(this); // NH Use item.getRight here
+    }
+    else {
+        this.dom.frame.style.cursor = 'move';
+    }
+    if (!params.touchDown) {
+        // add event listeners to handle moving the contents
+        // we store the function onmousemove and onmouseup in the timeline, so we can
+        // remove the eventlisteners lateron in the function mouseUp()
+        var me = this;
+        if (!params.onMouseMove) {
+            params.onMouseMove = function (event) {me.onMouseMove(event);};
+            links.Timeline.addEventListener(document, "mousemove", params.onMouseMove);
+        }
+        if (!params.onMouseUp) {
+            params.onMouseUp = function (event) {me.onMouseUp(event);};
+            links.Timeline.addEventListener(document, "mouseup", params.onMouseUp);
+        }
+
+        links.Timeline.preventDefault(event);
+    }
+};
+
+
+/**
+ * Perform moving operating.
+ * This function activated from within the funcion links.Timeline.onMouseDown().
+ * @param {Event}   event  Well, eehh, the event
+ */
+links.Timeline.prototype.onMouseMove = function (event) {
+    event = event || window.event;
+
+    var params = this.eventParams,
+        size = this.size,
+        dom = this.dom,
+        options = this.options;
+
+    // calculate change in mouse position
+    var mouseX = links.Timeline.getPageX(event);
+    var mouseY = links.Timeline.getPageY(event);
+
+    if (params.mouseX == undefined) {
+        params.mouseX = mouseX;
+    }
+    if (params.mouseY == undefined) {
+        params.mouseY = mouseY;
+    }
+
+    var diffX = mouseX - params.mouseX;
+    var diffY = mouseY - params.mouseY;
+
+    // if mouse movement is big enough, register it as a "moved" event
+    if (Math.abs(diffX) >= 1) {
+        params.moved = true;
+    }
+
+    if (params.customTime) {
+        var x = this.timeToScreen(params.customTime);
+        var xnew = x + diffX;
+        this.customTime = this.screenToTime(xnew);
+        this.repaintCustomTime();
+
+        // fire a timechange event
+        this.trigger('timechange');
+    }
+    else if (params.editItem) {
+        var item = this.items[params.itemIndex],
+            left,
+            right;
+
+        if (params.itemDragLeft && options.timeChangeable) {
+            // move the start of the item
+            left = params.itemLeft + diffX;
+            right = params.itemRight;
+
+            item.start = this.screenToTime(left);
+            if (options.snapEvents) {
+                this.step.snap(item.start);
+                left = this.timeToScreen(item.start);
+            }
+
+            if (left > right) {
+                left = right;
+                item.start = this.screenToTime(left);
+            }
+          this.trigger('change');
+        }
+        else if (params.itemDragRight && options.timeChangeable) {
+            // move the end of the item
+            left = params.itemLeft;
+            right = params.itemRight + diffX;
+
+            item.end = this.screenToTime(right);
+            if (options.snapEvents) {
+                this.step.snap(item.end);
+                right = this.timeToScreen(item.end);
+            }
+
+            if (right < left) {
+                right = left;
+                item.end = this.screenToTime(right);
+            }
+          this.trigger('change');
+        }
+        else if (options.timeChangeable) {
+            // move the item
+            left = params.itemLeft + diffX;
+            item.start = this.screenToTime(left);
+            if (options.snapEvents) {
+                this.step.snap(item.start);
+                left = this.timeToScreen(item.start);
+            }
+
+            if (item.end) {
+                right = left + (params.itemRight - params.itemLeft);
+                item.end = this.screenToTime(right);
+            }
+            this.trigger('change');
+        }
+
+        item.setPosition(left, right);
+
+        var dragging = params.itemDragLeft || params.itemDragRight;
+        if (this.groups.length && !dragging) {
+            // move item from one group to another when needed
+            var y = mouseY - params.frameTop;
+            var group = this.getGroupFromHeight(y);
+            if (options.groupsChangeable && item.group !== group) {
+                // move item to the other group
+                var index = this.items.indexOf(item);
+                this.changeItem(index, {'group': this.getGroupName(group)});
+            }
+            else {
+                this.repaintDeleteButton();
+                this.repaintDragAreas();
+            }
+        }
+        else {
+            // TODO: does not work well in FF, forces redraw with every mouse move it seems
+            this.render(); // TODO: optimize, only redraw the items?
+            // Note: when animate==true, no redraw is needed here, its done by stackItems animation
+        }
+    }
+    else if (options.moveable) {
+        var interval = (params.end.valueOf() - params.start.valueOf());
+        var diffMillisecs = Math.round((-diffX) / size.contentWidth * interval);
+        var newStart = new Date(params.start.valueOf() + diffMillisecs);
+        var newEnd = new Date(params.end.valueOf() + diffMillisecs);
+        this.applyRange(newStart, newEnd);
+        // if the applied range is moved due to a fixed min or max,
+        // change the diffMillisecs accordingly
+        var appliedDiff = (this.start.valueOf() - newStart.valueOf());
+        if (appliedDiff) {
+            diffMillisecs += appliedDiff;
+        }
+
+        this.recalcConversion();
+
+        // move the items by changing the left position of their frame.
+        // this is much faster than repositioning all elements individually via the
+        // repaintFrame() function (which is done once at mouseup)
+        // note that we round diffX to prevent wrong positioning on millisecond scale
+        var previousLeft = params.previousLeft || 0;
+        var currentLeft = parseFloat(dom.items.frame.style.left) || 0;
+        var previousOffset = params.previousOffset || 0;
+        var frameOffset = previousOffset + (currentLeft - previousLeft);
+        var frameLeft = -diffMillisecs / interval * size.contentWidth + frameOffset;
+
+        dom.items.frame.style.left = (frameLeft) + "px";
+
+        // read the left again from DOM (IE8- rounds the value)
+        params.previousOffset = frameOffset;
+        params.previousLeft = parseFloat(dom.items.frame.style.left) || frameLeft;
+
+        this.repaintCurrentTime();
+        this.repaintCustomTime();
+        this.repaintAxis();
+
+        // fire a rangechange event
+        this.trigger('rangechange');
+    }
+
+    links.Timeline.preventDefault(event);
+};
+
+
+/**
+ * Stop moving operating.
+ * This function activated from within the funcion links.Timeline.onMouseDown().
+ * @param {event}  event   The event
+ */
+links.Timeline.prototype.onMouseUp = function (event) {
+    var params = this.eventParams,
+        options = this.options;
+
+    event = event || window.event;
+
+    this.dom.frame.style.cursor = 'auto';
+
+    // remove event listeners here, important for Safari
+    if (params.onMouseMove) {
+        links.Timeline.removeEventListener(document, "mousemove", params.onMouseMove);
+        delete params.onMouseMove;
+    }
+    if (params.onMouseUp) {
+        links.Timeline.removeEventListener(document, "mouseup",   params.onMouseUp);
+        delete params.onMouseUp;
+    }
+    //links.Timeline.preventDefault(event);
+
+    if (params.customTime) {
+        // fire a timechanged event
+        this.trigger('timechanged');
+    }
+    else if (params.editItem) {
+        var item = this.items[params.itemIndex];
+
+        if (params.moved || params.addItem) {
+            this.applyChange = true;
+            this.applyAdd = true;
+
+            this.updateData(params.itemIndex, {
+                'start': item.start,
+                'end': item.end
+            });
+
+            // fire an add or changed event.
+            // Note that the change can be canceled from within an event listener if
+            // this listener calls the method cancelChange().
+            this.trigger(params.addItem ? 'add' : 'changed');
+            
+            //retrieve item data again to include changes made to it in the triggered event handlers
+            item = this.items[params.itemIndex];
+
+            if (params.addItem) {
+                if (this.applyAdd) {
+                    this.updateData(params.itemIndex, {
+                        'start': item.start,
+                        'end': item.end,
+                        'content': item.content,
+                        'group': this.getGroupName(item.group)
+                    });
+                }
+                else {
+                    // undo an add
+                    this.deleteItem(params.itemIndex);
+                }
+            }
+            else {
+                if (this.applyChange) {
+                    this.updateData(params.itemIndex, {
+                        'start': item.start,
+                        'end': item.end
+                    });
+                }
+                else {
+                    // undo a change
+                    delete this.applyChange;
+                    delete this.applyAdd;
+
+                    var item = this.items[params.itemIndex],
+                        domItem = item.dom;
+
+                    item.start = params.itemStart;
+                    item.end = params.itemEnd;
+                    item.group = params.itemGroup;
+                    // TODO: original group should be restored too
+                    item.setPosition(params.itemLeft, params.itemRight);
+
+                    this.updateData(params.itemIndex, {
+                        'start': params.itemStart,
+                        'end': params.itemEnd
+                    });
+                }
+            }
+
+            // prepare data for clustering, by filtering and sorting by type
+            if (this.options.cluster) {
+                this.clusterGenerator.updateData();
+            }
+
+            this.render();
+        }
+    }
+    else {
+        if (!params.moved && !params.zoomed) {
+            // mouse did not move -> user has selected an item
+
+            if (params.target === this.dom.items.deleteButton) {
+                // delete item
+                if (this.selection && this.selection.index !== undefined) {
+                    this.confirmDeleteItem(this.selection.index);
+                }
+            }
+            else if (options.selectable) {
+                // select/unselect item
+                if (params.itemIndex != undefined) {
+                    if (!this.isSelected(params.itemIndex)) {
+                        this.selectItem(params.itemIndex);
+                        this.trigger('select');
+                    }
+                }
+                else if(params.clusterIndex != undefined) {
+                    this.selectCluster(params.clusterIndex);
+                    this.trigger('select');
+                }
+                else {
+                    if (options.unselectable) {
+                        this.unselectItem();
+                        this.trigger('select');
+                    }
+                }
+            }
+        }
+        else {
+            // timeline is moved
+            // TODO: optimize: no need to reflow and cluster again?
+            this.render();
+
+            if ((params.moved && options.moveable) || (params.zoomed && options.zoomable) ) {
+                // fire a rangechanged event
+                this.trigger('rangechanged');
+            }
+        }
+    }
+};
+
+/**
+ * Double click event occurred for an item
+ * @param {Event}  event
+ */
+links.Timeline.prototype.onDblClick = function (event) {
+    var params = this.eventParams,
+        options = this.options,
+        dom = this.dom,
+        size = this.size;
+    event = event || window.event;
+
+    if (params.itemIndex != undefined) {
+        var item = this.items[params.itemIndex];
+        if (item && this.isEditable(item)) {
+            // fire the edit event
+            this.trigger('edit');
+        }
+    }
+    else {
+        if (options.editable) {
+            // create a new item
+
+            // get mouse position
+            params.mouseX = links.Timeline.getPageX(event);
+            params.mouseY = links.Timeline.getPageY(event);
+            var x = params.mouseX - links.Timeline.getAbsoluteLeft(dom.content);
+            var y = params.mouseY - links.Timeline.getAbsoluteTop(dom.content);
+
+            // create a new event at the current mouse position
+            var xstart = this.screenToTime(x);
+            if (options.snapEvents) {
+                this.step.snap(xstart);
+            }
+
+            var content = options.NEW;
+            var group = this.getGroupFromHeight(y);   // (group may be undefined)
+            var preventRender = true;
+            this.addItem({
+                'start': xstart,
+                'content': content,
+                'group': this.getGroupName(group)
+            }, preventRender);
+            params.itemIndex = (this.items.length - 1);
+            this.selectItem(params.itemIndex);
+
+            this.applyAdd = true;
+
+            // fire an add event.
+            // Note that the change can be canceled from within an event listener if
+            // this listener calls the method cancelAdd().
+            this.trigger('add');
+
+            if (this.applyAdd) {
+                // render and select the item
+                this.render({animate: false});
+                this.selectItem(params.itemIndex);
+            }
+            else {
+                // undo an add
+                this.deleteItem(params.itemIndex);
+            }
+        }
+    }
+
+    links.Timeline.preventDefault(event);
+};
+
+
+/**
+ * Event handler for mouse wheel event, used to zoom the timeline
+ * Code from http://adomas.org/javascript-mouse-wheel/
+ * @param {Event}  event   The event
+ */
+links.Timeline.prototype.onMouseWheel = function(event) {
+    if (!this.options.zoomable)
+        return;
+
+    if (!event) { /* For IE. */
+        event = window.event;
+    }
+
+    // retrieve delta
+    var delta = 0;
+    if (event.wheelDelta) { /* IE/Opera. */
+        delta = event.wheelDelta/120;
+    } else if (event.detail) { /* Mozilla case. */
+        // In Mozilla, sign of delta is different than in IE.
+        // Also, delta is multiple of 3.
+        delta = -event.detail/3;
+    }
+
+    // If delta is nonzero, handle it.
+    // Basically, delta is now positive if wheel was scrolled up,
+    // and negative, if wheel was scrolled down.
+    if (delta) {
+        // TODO: on FireFox, the window is not redrawn within repeated scroll-events
+        // -> use a delayed redraw? Make a zoom queue?
+
+        var timeline = this;
+        var zoom = function () {
+            // perform the zoom action. Delta is normally 1 or -1
+            var zoomFactor = delta / 5.0;
+            var frameLeft = links.Timeline.getAbsoluteLeft(timeline.dom.content);
+            var mouseX = links.Timeline.getPageX(event);
+            var zoomAroundDate =
+                (mouseX != undefined && frameLeft != undefined) ?
+                    timeline.screenToTime(mouseX - frameLeft) :
+                    undefined;
+
+            timeline.zoom(zoomFactor, zoomAroundDate);
+
+            // fire a rangechange and a rangechanged event
+            timeline.trigger("rangechange");
+            timeline.trigger("rangechanged");
+        };
+
+        var scroll = function () {
+            // Scroll the timeline
+            timeline.move(delta * -0.2);
+            timeline.trigger("rangechange");
+            timeline.trigger("rangechanged");
+        };
+
+        if (event.shiftKey) {
+            scroll();
+        }
+        else {
+            zoom();
+        }
+    }
+
+    // Prevent default actions caused by mouse wheel.
+    // That might be ugly, but we handle scrolls somehow
+    // anyway, so don't bother here...
+    links.Timeline.preventDefault(event);
+};
+
+
+/**
+ * Zoom the timeline the given zoomfactor in or out. Start and end date will
+ * be adjusted, and the timeline will be redrawn. You can optionally give a
+ * date around which to zoom.
+ * For example, try zoomfactor = 0.1 or -0.1
+ * @param {Number} zoomFactor      Zooming amount. Positive value will zoom in,
+ *                                 negative value will zoom out
+ * @param {Date}   zoomAroundDate  Date around which will be zoomed. Optional
+ */
+links.Timeline.prototype.zoom = function(zoomFactor, zoomAroundDate) {
+    // if zoomAroundDate is not provided, take it half between start Date and end Date
+    if (zoomAroundDate == undefined) {
+        zoomAroundDate = new Date((this.start.valueOf() + this.end.valueOf()) / 2);
+    }
+
+    // prevent zoom factor larger than 1 or smaller than -1 (larger than 1 will
+    // result in a start>=end )
+    if (zoomFactor >= 1) {
+        zoomFactor = 0.9;
+    }
+    if (zoomFactor <= -1) {
+        zoomFactor = -0.9;
+    }
+
+    // adjust a negative factor such that zooming in with 0.1 equals zooming
+    // out with a factor -0.1
+    if (zoomFactor < 0) {
+        zoomFactor = zoomFactor / (1 + zoomFactor);
+    }
+
+    // zoom start Date and end Date relative to the zoomAroundDate
+    var startDiff = (this.start.valueOf() - zoomAroundDate);
+    var endDiff = (this.end.valueOf() - zoomAroundDate);
+
+    // calculate new dates
+    var newStart = new Date(this.start.valueOf() - startDiff * zoomFactor);
+    var newEnd   = new Date(this.end.valueOf() - endDiff * zoomFactor);
+
+    // only zoom in when interval is larger than minimum interval (to prevent
+    // sliding to left/right when having reached the minimum zoom level)
+    var interval = (newEnd.valueOf() - newStart.valueOf());
+    var zoomMin = Number(this.options.zoomMin) || 10;
+    if (zoomMin < 10) {
+        zoomMin = 10;
+    }
+    if (interval >= zoomMin) {
+        this.applyRange(newStart, newEnd, zoomAroundDate);
+        this.render({
+            animate: this.options.animate && this.options.animateZoom
+        });
+    }
+};
+
+/**
+ * Move the timeline the given movefactor to the left or right. Start and end
+ * date will be adjusted, and the timeline will be redrawn.
+ * For example, try moveFactor = 0.1 or -0.1
+ * @param {Number}  moveFactor      Moving amount. Positive value will move right,
+ *                                 negative value will move left
+ */
+links.Timeline.prototype.move = function(moveFactor) {
+    // zoom start Date and end Date relative to the zoomAroundDate
+    var diff = (this.end.valueOf() - this.start.valueOf());
+
+    // apply new dates
+    var newStart = new Date(this.start.valueOf() + diff * moveFactor);
+    var newEnd   = new Date(this.end.valueOf() + diff * moveFactor);
+    this.applyRange(newStart, newEnd);
+
+    this.render(); // TODO: optimize, no need to reflow, only to recalc conversion and repaint
+};
+
+/**
+ * Apply a visible range. The range is limited to feasible maximum and minimum
+ * range.
+ * @param {Date} start
+ * @param {Date} end
+ * @param {Date}   zoomAroundDate  Optional. Date around which will be zoomed.
+ */
+links.Timeline.prototype.applyRange = function (start, end, zoomAroundDate) {
+    // calculate new start and end value
+    var startValue = start.valueOf(); // number
+    var endValue = end.valueOf();     // number
+    var interval = (endValue - startValue);
+
+    // determine maximum and minimum interval
+    var options = this.options;
+    var year = 1000 * 60 * 60 * 24 * 365;
+    var zoomMin = Number(options.zoomMin) || 10;
+    if (zoomMin < 10) {
+        zoomMin = 10;
+    }
+    var zoomMax = Number(options.zoomMax) || 10000 * year;
+    if (zoomMax > 10000 * year) {
+        zoomMax = 10000 * year;
+    }
+    if (zoomMax < zoomMin) {
+        zoomMax = zoomMin;
+    }
+
+    // determine min and max date value
+    var min = options.min ? options.min.valueOf() : undefined; // number
+    var max = options.max ? options.max.valueOf() : undefined; // number
+    if (min != undefined && max != undefined) {
+        if (min >= max) {
+            // empty range
+            var day = 1000 * 60 * 60 * 24;
+            max = min + day;
+        }
+        if (zoomMax > (max - min)) {
+            zoomMax = (max - min);
+        }
+        if (zoomMin > (max - min)) {
+            zoomMin = (max - min);
+        }
+    }
+
+    // prevent empty interval
+    if (startValue >= endValue) {
+        endValue += 1000 * 60 * 60 * 24;
+    }
+
+    // prevent too small scale
+    // TODO: IE has problems with milliseconds
+    if (interval < zoomMin) {
+        var diff = (zoomMin - interval);
+        var f = zoomAroundDate ? (zoomAroundDate.valueOf() - startValue) / interval : 0.5;
+        startValue -= Math.round(diff * f);
+        endValue   += Math.round(diff * (1 - f));
+    }
+
+    // prevent too large scale
+    if (interval > zoomMax) {
+        var diff = (interval - zoomMax);
+        var f = zoomAroundDate ? (zoomAroundDate.valueOf() - startValue) / interval : 0.5;
+        startValue += Math.round(diff * f);
+        endValue   -= Math.round(diff * (1 - f));
+    }
+
+    // prevent to small start date
+    if (min != undefined) {
+        var diff = (startValue - min);
+        if (diff < 0) {
+            startValue -= diff;
+            endValue -= diff;
+        }
+    }
+
+    // prevent to large end date
+    if (max != undefined) {
+        var diff = (max - endValue);
+        if (diff < 0) {
+            startValue += diff;
+            endValue += diff;
+        }
+    }
+
+    // apply new dates
+    this.start = new Date(startValue);
+    this.end = new Date(endValue);
+};
+
+/**
+ * Delete an item after a confirmation.
+ * The deletion can be cancelled by executing .cancelDelete() during the
+ * triggered event 'delete'.
+ * @param {int} index   Index of the item to be deleted
+ */
+links.Timeline.prototype.confirmDeleteItem = function(index) {
+    this.applyDelete = true;
+
+    // select the event to be deleted
+    if (!this.isSelected(index)) {
+        this.selectItem(index);
+    }
+
+    // fire a delete event trigger.
+    // Note that the delete event can be canceled from within an event listener if
+    // this listener calls the method cancelChange().
+    this.trigger('delete');
+
+    if (this.applyDelete) {
+        this.deleteItem(index);
+    }
+
+    delete this.applyDelete;
+};
+
+/**
+ * Delete an item
+ * @param {int} index   Index of the item to be deleted
+ * @param {boolean} [preventRender=false]   Do not re-render timeline if true
+ *                                          (optimization for multiple delete)
+ */
+links.Timeline.prototype.deleteItem = function(index, preventRender) {
+    if (index >= this.items.length) {
+        throw "Cannot delete row, index out of range";
+    }
+
+    if (this.selection && this.selection.index !== undefined) {
+        // adjust the selection
+        if (this.selection.index == index) {
+            // item to be deleted is selected
+            this.unselectItem();
+        }
+        else if (this.selection.index > index) {
+            // update selection index
+            this.selection.index--;
+        }
+    }
+
+    // actually delete the item and remove it from the DOM
+    var item = this.items.splice(index, 1)[0];
+    this.renderQueue.hide.push(item);
+
+    // delete the row in the original data table
+    if (this.data) {
+        if (google && google.visualization &&
+            this.data instanceof google.visualization.DataTable) {
+            this.data.removeRow(index);
+        }
+        else if (links.Timeline.isArray(this.data)) {
+            this.data.splice(index, 1);
+        }
+        else {
+            throw "Cannot delete row from data, unknown data type";
+        }
+    }
+
+    // prepare data for clustering, by filtering and sorting by type
+    if (this.options.cluster) {
+        this.clusterGenerator.updateData();
+    }
+
+    if (!preventRender) {
+        this.render();
+    }
+};
+
+
+/**
+ * Delete all items
+ */
+links.Timeline.prototype.deleteAllItems = function() {
+    this.unselectItem();
+
+    // delete the loaded items
+    this.clearItems();
+
+    // delete the groups
+    this.deleteGroups();
+
+    // empty original data table
+    if (this.data) {
+        if (google && google.visualization &&
+            this.data instanceof google.visualization.DataTable) {
+            this.data.removeRows(0, this.data.getNumberOfRows());
+        }
+        else if (links.Timeline.isArray(this.data)) {
+            this.data.splice(0, this.data.length);
+        }
+        else {
+            throw "Cannot delete row from data, unknown data type";
+        }
+    }
+
+    // prepare data for clustering, by filtering and sorting by type
+    if (this.options.cluster) {
+        this.clusterGenerator.updateData();
+    }
+
+    this.render();
+};
+
+
+/**
+ * Find the group from a given height in the timeline
+ * @param {Number} height   Height in the timeline
+ * @return {Object | undefined} group   The group object, or undefined if out
+ *                                      of range
+ */
+links.Timeline.prototype.getGroupFromHeight = function(height) {
+    var i,
+        group,
+        groups = this.groups;
+
+    if (groups.length) {
+        if (this.options.axisOnTop) {
+            for (i = groups.length - 1; i >= 0; i--) {
+                group = groups[i];
+                if (height > group.top) {
+                    return group;
+                }
+            }
+        }
+        else {
+            for (i = 0; i < groups.length; i++) {
+                group = groups[i];
+                if (height > group.top) {
+                    return group;
+                }
+            }
+        }
+
+        return group; // return the last group
+    }
+
+    return undefined;
+};
+
+/**
+ * @constructor links.Timeline.Item
+ * @param {Object} data       Object containing parameters start, end
+ *                            content, group, type, editable.
+ * @param {Object} [options]  Options to set initial property values
+ *                                {Number} top
+ *                                {Number} left
+ *                                {Number} width
+ *                                {Number} height
+ */
+links.Timeline.Item = function (data, options) {
+    if (data) {
+        /* TODO: use parseJSONDate as soon as it is tested and working (in two directions)
+         this.start = links.Timeline.parseJSONDate(data.start);
+         this.end = links.Timeline.parseJSONDate(data.end);
+         */
+        this.start = data.start;
+        this.end = data.end;
+        this.content = data.content;
+        this.className = data.className;
+        this.editable = data.editable;
+        this.group = data.group;
+        this.type = data.type;
+    }
+    this.top = 0;
+    this.left = 0;
+    this.width = 0;
+    this.height = 0;
+    this.lineWidth = 0;
+    this.dotWidth = 0;
+    this.dotHeight = 0;
+
+    this.rendered = false; // true when the item is draw in the Timeline DOM
+
+    if (options) {
+        // override the default properties
+        for (var option in options) {
+            if (options.hasOwnProperty(option)) {
+                this[option] = options[option];
+            }
+        }
+    }
+
+};
+
+
+
+/**
+ * Reflow the Item: retrieve its actual size from the DOM
+ * @return {boolean} resized    returns true if the axis is resized
+ */
+links.Timeline.Item.prototype.reflow = function () {
+    // Should be implemented by sub-prototype
+    return false;
+};
+
+/**
+ * Append all image urls present in the items DOM to the provided array
+ * @param {String[]} imageUrls
+ */
+links.Timeline.Item.prototype.getImageUrls = function (imageUrls) {
+    if (this.dom) {
+        links.imageloader.filterImageUrls(this.dom, imageUrls);
+    }
+};
+
+/**
+ * Select the item
+ */
+links.Timeline.Item.prototype.select = function () {
+    // Should be implemented by sub-prototype
+};
+
+/**
+ * Unselect the item
+ */
+links.Timeline.Item.prototype.unselect = function () {
+    // Should be implemented by sub-prototype
+};
+
+/**
+ * Creates the DOM for the item, depending on its type
+ * @return {Element | undefined}
+ */
+links.Timeline.Item.prototype.createDOM = function () {
+    // Should be implemented by sub-prototype
+};
+
+/**
+ * Append the items DOM to the given HTML container. If items DOM does not yet
+ * exist, it will be created first.
+ * @param {Element} container
+ */
+links.Timeline.Item.prototype.showDOM = function (container) {
+    // Should be implemented by sub-prototype
+};
+
+/**
+ * Remove the items DOM from the current HTML container
+ * @param {Element} container
+ */
+links.Timeline.Item.prototype.hideDOM = function (container) {
+    // Should be implemented by sub-prototype
+};
+
+/**
+ * Update the DOM of the item. This will update the content and the classes
+ * of the item
+ */
+links.Timeline.Item.prototype.updateDOM = function () {
+    // Should be implemented by sub-prototype
+};
+
+/**
+ * Reposition the item, recalculate its left, top, and width, using the current
+ * range of the timeline and the timeline options.
+ * @param {links.Timeline} timeline
+ */
+links.Timeline.Item.prototype.updatePosition = function (timeline) {
+    // Should be implemented by sub-prototype
+};
+
+/**
+ * Check if the item is drawn in the timeline (i.e. the DOM of the item is
+ * attached to the frame. You may also just request the parameter item.rendered
+ * @return {boolean} rendered
+ */
+links.Timeline.Item.prototype.isRendered = function () {
+    return this.rendered;
+};
+
+/**
+ * Check if the item is located in the visible area of the timeline, and
+ * not part of a cluster
+ * @param {Date} start
+ * @param {Date} end
+ * @return {boolean} visible
+ */
+links.Timeline.Item.prototype.isVisible = function (start, end) {
+    // Should be implemented by sub-prototype
+    return false;
+};
+
+/**
+ * Reposition the item
+ * @param {Number} left
+ * @param {Number} right
+ */
+links.Timeline.Item.prototype.setPosition = function (left, right) {
+    // Should be implemented by sub-prototype
+};
+
+/**
+ * Calculate the left position of the item
+ * @param {links.Timeline} timeline
+ * @return {Number} left
+ */
+links.Timeline.Item.prototype.getLeft = function (timeline) {
+    // Should be implemented by sub-prototype
+    return 0;
+};
+
+/**
+ * Calculate the right position of the item
+ * @param {links.Timeline} timeline
+ * @return {Number} right
+ */
+links.Timeline.Item.prototype.getRight = function (timeline) {
+    // Should be implemented by sub-prototype
+    return 0;
+};
+
+/**
+ * Calculate the width of the item
+ * @param {links.Timeline} timeline
+ * @return {Number} width
+ */
+links.Timeline.Item.prototype.getWidth = function (timeline) {
+    // Should be implemented by sub-prototype
+    return this.width || 0; // last rendered width
+};
+
+
+/**
+ * @constructor links.Timeline.ItemBox
+ * @extends links.Timeline.Item
+ * @param {Object} data       Object containing parameters start, end
+ *                            content, group, type, className, editable.
+ * @param {Object} [options]  Options to set initial property values
+ *                                {Number} top
+ *                                {Number} left
+ *                                {Number} width
+ *                                {Number} height
+ */
+links.Timeline.ItemBox = function (data, options) {
+    links.Timeline.Item.call(this, data, options);
+};
+
+links.Timeline.ItemBox.prototype = new links.Timeline.Item();
+
+/**
+ * Reflow the Item: retrieve its actual size from the DOM
+ * @return {boolean} resized    returns true if the axis is resized
+ * @override
+ */
+links.Timeline.ItemBox.prototype.reflow = function () {
+    var dom = this.dom,
+        dotHeight = dom.dot.offsetHeight,
+        dotWidth = dom.dot.offsetWidth,
+        lineWidth = dom.line.offsetWidth,
+        resized = (
+            (this.dotHeight != dotHeight) ||
+                (this.dotWidth != dotWidth) ||
+                (this.lineWidth != lineWidth)
+            );
+
+    this.dotHeight = dotHeight;
+    this.dotWidth = dotWidth;
+    this.lineWidth = lineWidth;
+
+    return resized;
+};
+
+/**
+ * Select the item
+ * @override
+ */
+links.Timeline.ItemBox.prototype.select = function () {
+    var dom = this.dom;
+    links.Timeline.addClassName(dom, 'timeline-event-selected ui-state-active');
+    links.Timeline.addClassName(dom.line, 'timeline-event-selected ui-state-active');
+    links.Timeline.addClassName(dom.dot, 'timeline-event-selected ui-state-active');
+};
+
+/**
+ * Unselect the item
+ * @override
+ */
+links.Timeline.ItemBox.prototype.unselect = function () {
+    var dom = this.dom;
+    links.Timeline.removeClassName(dom, 'timeline-event-selected ui-state-active');
+    links.Timeline.removeClassName(dom.line, 'timeline-event-selected ui-state-active');
+    links.Timeline.removeClassName(dom.dot, 'timeline-event-selected ui-state-active');
+};
+
+/**
+ * Creates the DOM for the item, depending on its type
+ * @return {Element | undefined}
+ * @override
+ */
+links.Timeline.ItemBox.prototype.createDOM = function () {
+    // background box
+    var divBox = document.createElement("DIV");
+    divBox.style.position = "absolute";
+    divBox.style.left = this.left + "px";
+    divBox.style.top = this.top + "px";
+
+    // contents box (inside the background box). used for making margins
+    var divContent = document.createElement("DIV");
+    divContent.className = "timeline-event-content";
+    divContent.innerHTML = this.content;
+    divBox.appendChild(divContent);
+
+    // line to axis
+    var divLine = document.createElement("DIV");
+    divLine.style.position = "absolute";
+    divLine.style.width = "0px";
+    // important: the vertical line is added at the front of the list of elements,
+    // so it will be drawn behind all boxes and ranges
+    divBox.line = divLine;
+
+    // dot on axis
+    var divDot = document.createElement("DIV");
+    divDot.style.position = "absolute";
+    divDot.style.width  = "0px";
+    divDot.style.height = "0px";
+    divBox.dot = divDot;
+
+    this.dom = divBox;
+    this.updateDOM();
+
+    return divBox;
+};
+
+/**
+ * Append the items DOM to the given HTML container. If items DOM does not yet
+ * exist, it will be created first.
+ * @param {Element} container
+ * @override
+ */
+links.Timeline.ItemBox.prototype.showDOM = function (container) {
+    var dom = this.dom;
+    if (!dom) {
+        dom = this.createDOM();
+    }
+
+    if (dom.parentNode != container) {
+        if (dom.parentNode) {
+            // container is changed. remove from old container
+            this.hideDOM();
+        }
+
+        // append to this container
+        container.appendChild(dom);
+        container.insertBefore(dom.line, container.firstChild);
+        // Note: line must be added in front of the this,
+        //       such that it stays below all this
+        container.appendChild(dom.dot);
+        this.rendered = true;
+    }
+};
+
+/**
+ * Remove the items DOM from the current HTML container, but keep the DOM in
+ * memory
+ * @override
+ */
+links.Timeline.ItemBox.prototype.hideDOM = function () {
+    var dom = this.dom;
+    if (dom) {
+        if (dom.parentNode) {
+            dom.parentNode.removeChild(dom);
+        }
+        if (dom.line && dom.line.parentNode) {
+            dom.line.parentNode.removeChild(dom.line);
+        }
+        if (dom.dot && dom.dot.parentNode) {
+            dom.dot.parentNode.removeChild(dom.dot);
+        }
+        this.rendered = false;
+    }
+};
+
+/**
+ * Update the DOM of the item. This will update the content and the classes
+ * of the item
+ * @override
+ */
+links.Timeline.ItemBox.prototype.updateDOM = function () {
+    var divBox = this.dom;
+    if (divBox) {
+        var divLine = divBox.line;
+        var divDot = divBox.dot;
+
+        // update contents
+        divBox.firstChild.innerHTML = this.content;
+
+        // update class
+        divBox.className = "timeline-event timeline-event-box ui-widget ui-state-default";
+        divLine.className = "timeline-event timeline-event-line ui-widget ui-state-default";
+        divDot.className  = "timeline-event timeline-event-dot ui-widget ui-state-default";
+
+        if (this.isCluster) {
+            links.Timeline.addClassName(divBox, 'timeline-event-cluster ui-widget-header');
+            links.Timeline.addClassName(divLine, 'timeline-event-cluster ui-widget-header');
+            links.Timeline.addClassName(divDot, 'timeline-event-cluster ui-widget-header');
+        }
+
+        // add item specific class name when provided
+        if (this.className) {
+            links.Timeline.addClassName(divBox, this.className);
+            links.Timeline.addClassName(divLine, this.className);
+            links.Timeline.addClassName(divDot, this.className);
+        }
+
+        // TODO: apply selected className?
+    }
+};
+
+/**
+ * Reposition the item, recalculate its left, top, and width, using the current
+ * range of the timeline and the timeline options.
+ * @param {links.Timeline} timeline
+ * @override
+ */
+links.Timeline.ItemBox.prototype.updatePosition = function (timeline) {
+    var dom = this.dom;
+    if (dom) {
+        var left = timeline.timeToScreen(this.start),
+            axisOnTop = timeline.options.axisOnTop,
+            axisTop = timeline.size.axis.top,
+            axisHeight = timeline.size.axis.height,
+            boxAlign = (timeline.options.box && timeline.options.box.align) ?
+                timeline.options.box.align : undefined;
+
+        dom.style.top = this.top + "px";
+        if (boxAlign == 'right') {
+            dom.style.left = (left - this.width) + "px";
+        }
+        else if (boxAlign == 'left') {
+            dom.style.left = (left) + "px";
+        }
+        else { // default or 'center'
+            dom.style.left = (left - this.width/2) + "px";
+        }
+
+        var line = dom.line;
+        var dot = dom.dot;
+        line.style.left = (left - this.lineWidth/2) + "px";
+        dot.style.left = (left - this.dotWidth/2) + "px";
+        if (axisOnTop) {
+            line.style.top = axisHeight + "px";
+            line.style.height = Math.max(this.top - axisHeight, 0) + "px";
+            dot.style.top = (axisHeight - this.dotHeight/2) + "px";
+        }
+        else {
+            line.style.top = (this.top + this.height) + "px";
+            line.style.height = Math.max(axisTop - this.top - this.height, 0) + "px";
+            dot.style.top = (axisTop - this.dotHeight/2) + "px";
+        }
+    }
+};
+
+/**
+ * Check if the item is visible in the timeline, and not part of a cluster
+ * @param {Date} start
+ * @param {Date} end
+ * @return {Boolean} visible
+ * @override
+ */
+links.Timeline.ItemBox.prototype.isVisible = function (start, end) {
+    if (this.cluster) {
+        return false;
+    }
+
+    return (this.start > start) && (this.start < end);
+};
+
+/**
+ * Reposition the item
+ * @param {Number} left
+ * @param {Number} right
+ * @override
+ */
+links.Timeline.ItemBox.prototype.setPosition = function (left, right) {
+    var dom = this.dom;
+
+    dom.style.left = (left - this.width / 2) + "px";
+    dom.line.style.left = (left - this.lineWidth / 2) + "px";
+    dom.dot.style.left = (left - this.dotWidth / 2) + "px";
+
+    if (this.group) {
+        this.top = this.group.top;
+        dom.style.top = this.top + 'px';
+    }
+};
+
+/**
+ * Calculate the left position of the item
+ * @param {links.Timeline} timeline
+ * @return {Number} left
+ * @override
+ */
+links.Timeline.ItemBox.prototype.getLeft = function (timeline) {
+    var boxAlign = (timeline.options.box && timeline.options.box.align) ?
+        timeline.options.box.align : undefined;
+
+    var left = timeline.timeToScreen(this.start);
+    if (boxAlign == 'right') {
+        left = left - width;
+    }
+    else { // default or 'center'
+        left = (left - this.width / 2);
+    }
+
+    return left;
+};
+
+/**
+ * Calculate the right position of the item
+ * @param {links.Timeline} timeline
+ * @return {Number} right
+ * @override
+ */
+links.Timeline.ItemBox.prototype.getRight = function (timeline) {
+    var boxAlign = (timeline.options.box && timeline.options.box.align) ?
+        timeline.options.box.align : undefined;
+
+    var left = timeline.timeToScreen(this.start);
+    var right;
+    if (boxAlign == 'right') {
+        right = left;
+    }
+    else if (boxAlign == 'left') {
+        right = (left + this.width);
+    }
+    else { // default or 'center'
+        right = (left + this.width / 2);
+    }
+
+    return right;
+};
+
+/**
+ * @constructor links.Timeline.ItemRange
+ * @extends links.Timeline.Item
+ * @param {Object} data       Object containing parameters start, end
+ *                            content, group, type, className, editable.
+ * @param {Object} [options]  Options to set initial property values
+ *                                {Number} top
+ *                                {Number} left
+ *                                {Number} width
+ *                                {Number} height
+ */
+links.Timeline.ItemRange = function (data, options) {
+    links.Timeline.Item.call(this, data, options);
+};
+
+links.Timeline.ItemRange.prototype = new links.Timeline.Item();
+
+/**
+ * Select the item
+ * @override
+ */
+links.Timeline.ItemRange.prototype.select = function () {
+    var dom = this.dom;
+    links.Timeline.addClassName(dom, 'timeline-event-selected ui-state-active');
+};
+
+/**
+ * Unselect the item
+ * @override
+ */
+links.Timeline.ItemRange.prototype.unselect = function () {
+    var dom = this.dom;
+    links.Timeline.removeClassName(dom, 'timeline-event-selected ui-state-active');
+};
+
+/**
+ * Creates the DOM for the item, depending on its type
+ * @return {Element | undefined}
+ * @override
+ */
+links.Timeline.ItemRange.prototype.createDOM = function () {
+    // background box
+    var divBox = document.createElement("DIV");
+    divBox.style.position = "absolute";
+
+    // contents box
+    var divContent = document.createElement("DIV");
+    divContent.className = "timeline-event-content";
+    divBox.appendChild(divContent);
+
+    this.dom = divBox;
+    this.updateDOM();
+
+    return divBox;
+};
+
+/**
+ * Append the items DOM to the given HTML container. If items DOM does not yet
+ * exist, it will be created first.
+ * @param {Element} container
+ * @override
+ */
+links.Timeline.ItemRange.prototype.showDOM = function (container) {
+    var dom = this.dom;
+    if (!dom) {
+        dom = this.createDOM();
+    }
+
+    if (dom.parentNode != container) {
+        if (dom.parentNode) {
+            // container changed. remove the item from the old container
+            this.hideDOM();
+        }
+
+        // append to the new container
+        container.appendChild(dom);
+        this.rendered = true;
+    }
+};
+
+/**
+ * Remove the items DOM from the current HTML container
+ * The DOM will be kept in memory
+ * @override
+ */
+links.Timeline.ItemRange.prototype.hideDOM = function () {
+    var dom = this.dom;
+    if (dom) {
+        if (dom.parentNode) {
+            dom.parentNode.removeChild(dom);
+        }
+        this.rendered = false;
+    }
+};
+
+/**
+ * Update the DOM of the item. This will update the content and the classes
+ * of the item
+ * @override
+ */
+links.Timeline.ItemRange.prototype.updateDOM = function () {
+    var divBox = this.dom;
+    if (divBox) {
+        // update contents
+        divBox.firstChild.innerHTML = this.content;
+
+        // update class
+        divBox.className = "timeline-event timeline-event-range ui-widget ui-state-default";
+
+        if (this.isCluster) {
+            links.Timeline.addClassName(divBox, 'timeline-event-cluster ui-widget-header');
+        }
+
+        // add item specific class name when provided
+        if (this.className) {
+            links.Timeline.addClassName(divBox, this.className);
+        }
+
+        // TODO: apply selected className?
+    }
+};
+
+/**
+ * Reposition the item, recalculate its left, top, and width, using the current
+ * range of the timeline and the timeline options. *
+ * @param {links.Timeline} timeline
+ * @override
+ */
+links.Timeline.ItemRange.prototype.updatePosition = function (timeline) {
+    var dom = this.dom;
+    if (dom) {
+        var contentWidth = timeline.size.contentWidth,
+            left = timeline.timeToScreen(this.start),
+            right = timeline.timeToScreen(this.end);
+
+        // limit the width of the this, as browsers cannot draw very wide divs
+        if (left < -contentWidth) {
+            left = -contentWidth;
+        }
+        if (right > 2 * contentWidth) {
+            right = 2 * contentWidth;
+        }
+
+        dom.style.top = this.top + "px";
+        dom.style.left = left + "px";
+        //dom.style.width = Math.max(right - left - 2 * this.borderWidth, 1) + "px"; // TODO: borderWidth
+        dom.style.width = Math.max(right - left, 1) + "px";
+    }
+};
+
+/**
+ * Check if the item is visible in the timeline, and not part of a cluster
+ * @param {Number} start
+ * @param {Number} end
+ * @return {boolean} visible
+ * @override
+ */
+links.Timeline.ItemRange.prototype.isVisible = function (start, end) {
+    if (this.cluster) {
+        return false;
+    }
+
+    return (this.end > start)
+        && (this.start < end);
+};
+
+/**
+ * Reposition the item
+ * @param {Number} left
+ * @param {Number} right
+ * @override
+ */
+links.Timeline.ItemRange.prototype.setPosition = function (left, right) {
+    var dom = this.dom;
+
+    dom.style.left = left + 'px';
+    dom.style.width = (right - left) + 'px';
+
+    if (this.group) {
+        this.top = this.group.top;
+        dom.style.top = this.top + 'px';
+    }
+};
+
+/**
+ * Calculate the left position of the item
+ * @param {links.Timeline} timeline
+ * @return {Number} left
+ * @override
+ */
+links.Timeline.ItemRange.prototype.getLeft = function (timeline) {
+    return timeline.timeToScreen(this.start);
+};
+
+/**
+ * Calculate the right position of the item
+ * @param {links.Timeline} timeline
+ * @return {Number} right
+ * @override
+ */
+links.Timeline.ItemRange.prototype.getRight = function (timeline) {
+    return timeline.timeToScreen(this.end);
+};
+
+/**
+ * Calculate the width of the item
+ * @param {links.Timeline} timeline
+ * @return {Number} width
+ * @override
+ */
+links.Timeline.ItemRange.prototype.getWidth = function (timeline) {
+    return timeline.timeToScreen(this.end) - timeline.timeToScreen(this.start);
+};
+
+/**
+ * @constructor links.Timeline.ItemFloatingRange
+ * @extends links.Timeline.Item
+ * @param {Object} data       Object containing parameters start, end
+ *                            content, group, type, className, editable.
+ * @param {Object} [options]  Options to set initial property values
+ *                                {Number} top
+ *                                {Number} left
+ *                                {Number} width
+ *                                {Number} height
+ */
+links.Timeline.ItemFloatingRange = function (data, options) {
+    links.Timeline.Item.call(this, data, options);
+};
+
+links.Timeline.ItemFloatingRange.prototype = new links.Timeline.Item();
+
+/**
+ * Select the item
+ * @override
+ */
+links.Timeline.ItemFloatingRange.prototype.select = function () {
+    var dom = this.dom;
+    links.Timeline.addClassName(dom, 'timeline-event-selected ui-state-active');
+};
+
+/**
+ * Unselect the item
+ * @override
+ */
+links.Timeline.ItemFloatingRange.prototype.unselect = function () {
+    var dom = this.dom;
+    links.Timeline.removeClassName(dom, 'timeline-event-selected ui-state-active');
+};
+
+/**
+ * Creates the DOM for the item, depending on its type
+ * @return {Element | undefined}
+ * @override
+ */
+links.Timeline.ItemFloatingRange.prototype.createDOM = function () {
+    // background box
+    var divBox = document.createElement("DIV");
+    divBox.style.position = "absolute";
+
+    // contents box
+    var divContent = document.createElement("DIV");
+    divContent.className = "timeline-event-content";
+    divBox.appendChild(divContent);
+
+    this.dom = divBox;
+    this.updateDOM();
+
+    return divBox;
+};
+
+/**
+ * Append the items DOM to the given HTML container. If items DOM does not yet
+ * exist, it will be created first.
+ * @param {Element} container
+ * @override
+ */
+links.Timeline.ItemFloatingRange.prototype.showDOM = function (container) {
+    var dom = this.dom;
+    if (!dom) {
+        dom = this.createDOM();
+    }
+
+    if (dom.parentNode != container) {
+        if (dom.parentNode) {
+            // container changed. remove the item from the old container
+            this.hideDOM();
+        }
+
+        // append to the new container
+        container.appendChild(dom);
+        this.rendered = true;
+    }
+};
+
+/**
+ * Remove the items DOM from the current HTML container
+ * The DOM will be kept in memory
+ * @override
+ */
+links.Timeline.ItemFloatingRange.prototype.hideDOM = function () {
+    var dom = this.dom;
+    if (dom) {
+        if (dom.parentNode) {
+            dom.parentNode.removeChild(dom);
+        }
+        this.rendered = false;
+    }
+};
+
+/**
+ * Update the DOM of the item. This will update the content and the classes
+ * of the item
+ * @override
+ */
+links.Timeline.ItemFloatingRange.prototype.updateDOM = function () {
+    var divBox = this.dom;
+    if (divBox) {
+        // update contents
+        divBox.firstChild.innerHTML = this.content;
+
+        // update class
+        divBox.className = "timeline-event timeline-event-range ui-widget ui-state-default";
+
+        if (this.isCluster) {
+            links.Timeline.addClassName(divBox, 'timeline-event-cluster ui-widget-header');
+        }
+
+        // add item specific class name when provided
+        if (this.className) {
+            links.Timeline.addClassName(divBox, this.className);
+        }
+
+        // TODO: apply selected className?
+    }
+};
+
+/**
+ * Reposition the item, recalculate its left, top, and width, using the current
+ * range of the timeline and the timeline options. *
+ * @param {links.Timeline} timeline
+ * @override
+ */
+links.Timeline.ItemFloatingRange.prototype.updatePosition = function (timeline) {
+    var dom = this.dom;
+    if (dom) {
+        var contentWidth = timeline.size.contentWidth,
+            left = this.getLeft(timeline), // NH use getLeft
+            right = this.getRight(timeline); // NH use getRight;
+
+        // limit the width of the this, as browsers cannot draw very wide divs
+        if (left < -contentWidth) {
+            left = -contentWidth;
+        }
+        if (right > 2 * contentWidth) {
+            right = 2 * contentWidth;
+        }
+
+        dom.style.top = this.top + "px";
+        dom.style.left = left + "px";
+        //dom.style.width = Math.max(right - left - 2 * this.borderWidth, 1) + "px"; // TODO: borderWidth
+        dom.style.width = Math.max(right - left, 1) + "px";
+    }
+};
+
+/**
+ * Check if the item is visible in the timeline, and not part of a cluster
+ * @param {Number} start
+ * @param {Number} end
+ * @return {boolean} visible
+ * @override
+ */
+links.Timeline.ItemFloatingRange.prototype.isVisible = function (start, end) {
+    if (this.cluster) {
+        return false;
+    }
+
+	// NH check for no end value
+	if (this.end && this.start) {
+		return (this.end > start)
+			&& (this.start < end);
+	} else if (this.start) {
+		return (this.start < end);
+	} else if (this.end) {
+        return (this.end > start);
+    } else {return true;}
+};
+
+/**
+ * Reposition the item
+ * @param {Number} left
+ * @param {Number} right
+ * @override
+ */
+links.Timeline.ItemFloatingRange.prototype.setPosition = function (left, right) {
+    var dom = this.dom;
+
+    dom.style.left = left + 'px';
+    dom.style.width = (right - left) + 'px';
+
+    if (this.group) {
+        this.top = this.group.top;
+        dom.style.top = this.top + 'px';
+    }
+};
+
+/**
+ * Calculate the left position of the item
+ * @param {links.Timeline} timeline
+ * @return {Number} left
+ * @override
+ */
+links.Timeline.ItemFloatingRange.prototype.getLeft = function (timeline) {
+    // NH check for no start value
+	if (this.start) {
+		return timeline.timeToScreen(this.start);
+	} else {
+		return 0;
+	}
+};
+
+/**
+ * Calculate the right position of the item
+ * @param {links.Timeline} timeline
+ * @return {Number} right
+ * @override
+ */
+links.Timeline.ItemFloatingRange.prototype.getRight = function (timeline) {
+    // NH check for no end value
+	if (this.end) {
+		return timeline.timeToScreen(this.end);
+	} else {
+		return timeline.size.contentWidth;
+	}
+};
+
+/**
+ * Calculate the width of the item
+ * @param {links.Timeline} timeline
+ * @return {Number} width
+ * @override
+ */
+links.Timeline.ItemFloatingRange.prototype.getWidth = function (timeline) {
+    return this.getRight(timeline) - this.getLeft(timeline);
+};
+
+/**
+ * @constructor links.Timeline.ItemDot
+ * @extends links.Timeline.Item
+ * @param {Object} data       Object containing parameters start, end
+ *                            content, group, type, className, editable.
+ * @param {Object} [options]  Options to set initial property values
+ *                                {Number} top
+ *                                {Number} left
+ *                                {Number} width
+ *                                {Number} height
+ */
+links.Timeline.ItemDot = function (data, options) {
+    links.Timeline.Item.call(this, data, options);
+};
+
+links.Timeline.ItemDot.prototype = new links.Timeline.Item();
+
+/**
+ * Reflow the Item: retrieve its actual size from the DOM
+ * @return {boolean} resized    returns true if the axis is resized
+ * @override
+ */
+links.Timeline.ItemDot.prototype.reflow = function () {
+    var dom = this.dom,
+        dotHeight = dom.dot.offsetHeight,
+        dotWidth = dom.dot.offsetWidth,
+        contentHeight = dom.content.offsetHeight,
+        resized = (
+            (this.dotHeight != dotHeight) ||
+                (this.dotWidth != dotWidth) ||
+                (this.contentHeight != contentHeight)
+            );
+
+    this.dotHeight = dotHeight;
+    this.dotWidth = dotWidth;
+    this.contentHeight = contentHeight;
+
+    return resized;
+};
+
+/**
+ * Select the item
+ * @override
+ */
+links.Timeline.ItemDot.prototype.select = function () {
+    var dom = this.dom;
+    links.Timeline.addClassName(dom, 'timeline-event-selected ui-state-active');
+};
+
+/**
+ * Unselect the item
+ * @override
+ */
+links.Timeline.ItemDot.prototype.unselect = function () {
+    var dom = this.dom;
+    links.Timeline.removeClassName(dom, 'timeline-event-selected ui-state-active');
+};
+
+/**
+ * Creates the DOM for the item, depending on its type
+ * @return {Element | undefined}
+ * @override
+ */
+links.Timeline.ItemDot.prototype.createDOM = function () {
+    // background box
+    var divBox = document.createElement("DIV");
+    divBox.style.position = "absolute";
+
+    // contents box, right from the dot
+    var divContent = document.createElement("DIV");
+    divContent.className = "timeline-event-content";
+    divBox.appendChild(divContent);
+
+    // dot at start
+    var divDot = document.createElement("DIV");
+    divDot.style.position = "absolute";
+    divDot.style.width = "0px";
+    divDot.style.height = "0px";
+    divBox.appendChild(divDot);
+
+    divBox.content = divContent;
+    divBox.dot = divDot;
+
+    this.dom = divBox;
+    this.updateDOM();
+
+    return divBox;
+};
+
+/**
+ * Append the items DOM to the given HTML container. If items DOM does not yet
+ * exist, it will be created first.
+ * @param {Element} container
+ * @override
+ */
+links.Timeline.ItemDot.prototype.showDOM = function (container) {
+    var dom = this.dom;
+    if (!dom) {
+        dom = this.createDOM();
+    }
+
+    if (dom.parentNode != container) {
+        if (dom.parentNode) {
+            // container changed. remove it from old container first
+            this.hideDOM();
+        }
+
+        // append to container
+        container.appendChild(dom);
+        this.rendered = true;
+    }
+};
+
+/**
+ * Remove the items DOM from the current HTML container
+ * @override
+ */
+links.Timeline.ItemDot.prototype.hideDOM = function () {
+    var dom = this.dom;
+    if (dom) {
+        if (dom.parentNode) {
+            dom.parentNode.removeChild(dom);
+        }
+        this.rendered = false;
+    }
+};
+
+/**
+ * Update the DOM of the item. This will update the content and the classes
+ * of the item
+ * @override
+ */
+links.Timeline.ItemDot.prototype.updateDOM = function () {
+    if (this.dom) {
+        var divBox = this.dom;
+        var divDot = divBox.dot;
+
+        // update contents
+        divBox.firstChild.innerHTML = this.content;
+
+        // update classes
+        divBox.className = "timeline-event-dot-container";
+        divDot.className  = "timeline-event timeline-event-dot ui-widget ui-state-default";
+
+        if (this.isCluster) {
+            links.Timeline.addClassName(divBox, 'timeline-event-cluster ui-widget-header');
+            links.Timeline.addClassName(divDot, 'timeline-event-cluster ui-widget-header');
+        }
+
+        // add item specific class name when provided
+        if (this.className) {
+            links.Timeline.addClassName(divBox, this.className);
+            links.Timeline.addClassName(divDot, this.className);
+        }
+
+        // TODO: apply selected className?
+    }
+};
+
+/**
+ * Reposition the item, recalculate its left, top, and width, using the current
+ * range of the timeline and the timeline options. *
+ * @param {links.Timeline} timeline
+ * @override
+ */
+links.Timeline.ItemDot.prototype.updatePosition = function (timeline) {
+    var dom = this.dom;
+    if (dom) {
+        var left = timeline.timeToScreen(this.start);
+
+        dom.style.top = this.top + "px";
+        dom.style.left = (left - this.dotWidth / 2) + "px";
+
+        dom.content.style.marginLeft = (1.5 * this.dotWidth) + "px";
+        //dom.content.style.marginRight = (0.5 * this.dotWidth) + "px"; // TODO
+        dom.dot.style.top = ((this.height - this.dotHeight) / 2) + "px";
+    }
+};
+
+/**
+ * Check if the item is visible in the timeline, and not part of a cluster.
+ * @param {Date} start
+ * @param {Date} end
+ * @return {boolean} visible
+ * @override
+ */
+links.Timeline.ItemDot.prototype.isVisible = function (start, end) {
+    if (this.cluster) {
+        return false;
+    }
+
+    return (this.start > start)
+        && (this.start < end);
+};
+
+/**
+ * Reposition the item
+ * @param {Number} left
+ * @param {Number} right
+ * @override
+ */
+links.Timeline.ItemDot.prototype.setPosition = function (left, right) {
+    var dom = this.dom;
+
+    dom.style.left = (left - this.dotWidth / 2) + "px";
+
+    if (this.group) {
+        this.top = this.group.top;
+        dom.style.top = this.top + 'px';
+    }
+};
+
+/**
+ * Calculate the left position of the item
+ * @param {links.Timeline} timeline
+ * @return {Number} left
+ * @override
+ */
+links.Timeline.ItemDot.prototype.getLeft = function (timeline) {
+    return timeline.timeToScreen(this.start);
+};
+
+/**
+ * Calculate the right position of the item
+ * @param {links.Timeline} timeline
+ * @return {Number} right
+ * @override
+ */
+links.Timeline.ItemDot.prototype.getRight = function (timeline) {
+    return timeline.timeToScreen(this.start) + this.width;
+};
+
+/**
+ * Retrieve the properties of an item.
+ * @param {Number} index
+ * @return {Object} itemData    Object containing item properties:<br>
+ *                              {Date} start (required),
+ *                              {Date} end (optional),
+ *                              {String} content (required),
+ *                              {String} group (optional),
+ *                              {String} className (optional)
+ *                              {boolean} editable (optional)
+ *                              {String} type (optional)
+ */
+links.Timeline.prototype.getItem = function (index) {
+    if (index >= this.items.length) {
+        throw "Cannot get item, index out of range";
+    }
+
+    // take the original data as start, includes foreign fields
+    var data = this.data,
+        itemData;
+    if (google && google.visualization &&
+        data instanceof google.visualization.DataTable) {
+        // map the datatable columns
+        var cols = links.Timeline.mapColumnIds(data);
+
+        itemData = {};
+        for (var col in cols) {
+            if (cols.hasOwnProperty(col)) {
+                itemData[col] = this.data.getValue(index, cols[col]);
+            }
+        }
+    }
+    else if (links.Timeline.isArray(this.data)) {
+        // read JSON array
+        itemData = links.Timeline.clone(this.data[index]);
+    }
+    else {
+        throw "Unknown data type. DataTable or Array expected.";
+    }
+
+    // override the data with current settings of the item (should be the same)
+    var item = this.items[index];
+
+    itemData.start = new Date(item.start.valueOf());
+    if (item.end) {
+        itemData.end = new Date(item.end.valueOf());
+    }
+    itemData.content = item.content;
+    if (item.group) {
+        itemData.group = this.getGroupName(item.group);
+    }
+    if (item.className) {
+        itemData.className = item.className;
+    }
+    if (typeof item.editable !== 'undefined') {
+        itemData.editable = item.editable;
+    }
+    if (item.type) {
+        itemData.type = item.type;
+    }
+
+    return itemData;
+};
+
+
+/**
+ * Retrieve the properties of a cluster.
+ * @param {Number} index
+ * @return {Object} clusterdata    Object containing cluster properties:<br>
+ *                              {Date} start (required),
+ *                              {String} type (optional)
+ *                              {Array} array with item data as is in getItem()
+ */
+links.Timeline.prototype.getCluster = function (index) {
+    if (index >= this.clusters.length) {
+        throw "Cannot get cluster, index out of range";
+    }
+
+    var clusterData = {},
+        cluster = this.clusters[index],
+        clusterItems = cluster.items;
+    
+    clusterData.start = new Date(cluster.start.valueOf());
+    if (cluster.type) {
+        clusterData.type = cluster.type;
+    }
+
+    // push cluster item data
+    clusterData.items = [];
+    for(var i = 0; i < clusterItems.length; i++){
+        for(var j = 0; j < this.items.length; j++){
+            // TODO could be nicer to be able to have the item index into the cluster
+            if(this.items[j] == clusterItems[i])
+            {
+                clusterData.items.push(this.getItem(j));
+                break;
+            }
+
+        }
+    }
+
+    return clusterData;
+};
+
+/**
+ * Add a new item.
+ * @param {Object} itemData     Object containing item properties:<br>
+ *                              {Date} start (required),
+ *                              {Date} end (optional),
+ *                              {String} content (required),
+ *                              {String} group (optional)
+ *                              {String} className (optional)
+ *                              {Boolean} editable (optional)
+ *                              {String} type (optional)
+ * @param {boolean} [preventRender=false]   Do not re-render timeline if true
+ */
+links.Timeline.prototype.addItem = function (itemData, preventRender) {
+    var itemsData = [
+        itemData
+    ];
+
+    this.addItems(itemsData, preventRender);
+};
+
+/**
+ * Add new items.
+ * @param {Array} itemsData An array containing Objects.
+ *                          The objects must have the following parameters:
+ *                            {Date} start,
+ *                            {Date} end,
+ *                            {String} content with text or HTML code,
+ *                            {String} group (optional)
+ *                            {String} className (optional)
+ *                            {String} editable (optional)
+ *                            {String} type (optional)
+ * @param {boolean} [preventRender=false]   Do not re-render timeline if true
+ */
+links.Timeline.prototype.addItems = function (itemsData, preventRender) {
+    var timeline = this,
+        items = this.items;
+
+    // append the items
+    itemsData.forEach(function (itemData) {
+        var index = items.length;
+        items.push(timeline.createItem(itemData));
+        timeline.updateData(index, itemData);
+
+        // note: there is no need to add the item to the renderQueue, that
+        // will be done when this.render() is executed and all items are
+        // filtered again.
+    });
+
+    // prepare data for clustering, by filtering and sorting by type
+    if (this.options.cluster) {
+        this.clusterGenerator.updateData();
+    }
+
+    if (!preventRender) {
+        this.render({
+            animate: false
+        });
+    }
+};
+
+/**
+ * Create an item object, containing all needed parameters
+ * @param {Object} itemData  Object containing parameters start, end
+ *                           content, group.
+ * @return {Object} item
+ */
+links.Timeline.prototype.createItem = function(itemData) {
+    var type = itemData.type || (itemData.end ? 'range' : this.options.style);
+    var data = links.Timeline.clone(itemData);
+    data.type = type;
+    data.group = this.getGroup(itemData.group);
+    // TODO: optimize this, when creating an item, all data is copied twice...
+
+    // TODO: is initialTop needed?
+    var initialTop,
+        options = this.options;
+    if (options.axisOnTop) {
+        initialTop = this.size.axis.height + options.eventMarginAxis + options.eventMargin / 2;
+    }
+    else {
+        initialTop = this.size.contentHeight - options.eventMarginAxis - options.eventMargin / 2;
+    }
+
+    if (type in this.itemTypes) {
+        return new this.itemTypes[type](data, {'top': initialTop})
+    }
+
+    console.log('ERROR: Unknown event type "' + type + '"');
+    return new links.Timeline.Item(data, {
+        'top': initialTop
+    });
+};
+
+/**
+ * Edit an item
+ * @param {Number} index
+ * @param {Object} itemData     Object containing item properties:<br>
+ *                              {Date} start (required),
+ *                              {Date} end (optional),
+ *                              {String} content (required),
+ *                              {String} group (optional)
+ * @param {boolean} [preventRender=false]   Do not re-render timeline if true
+ */
+links.Timeline.prototype.changeItem = function (index, itemData, preventRender) {
+    var oldItem = this.items[index];
+    if (!oldItem) {
+        throw "Cannot change item, index out of range";
+    }
+
+    // replace item, merge the changes
+    var newItem = this.createItem({
+        'start':   itemData.hasOwnProperty('start') ?   itemData.start :   oldItem.start,
+        'end':     itemData.hasOwnProperty('end') ?     itemData.end :     oldItem.end,
+        'content': itemData.hasOwnProperty('content') ? itemData.content : oldItem.content,
+        'group':   itemData.hasOwnProperty('group') ?   itemData.group :   this.getGroupName(oldItem.group),
+        'className': itemData.hasOwnProperty('className') ? itemData.className : oldItem.className,
+        'editable':  itemData.hasOwnProperty('editable') ?  itemData.editable :  oldItem.editable,
+        'type':      itemData.hasOwnProperty('type') ?      itemData.type :      oldItem.type
+    });
+    this.items[index] = newItem;
+
+    // append the changes to the render queue
+    this.renderQueue.hide.push(oldItem);
+    this.renderQueue.show.push(newItem);
+
+    // update the original data table
+    this.updateData(index, itemData);
+
+    // prepare data for clustering, by filtering and sorting by type
+    if (this.options.cluster) {
+        this.clusterGenerator.updateData();
+    }
+
+    if (!preventRender) {
+        // redraw timeline
+        this.render({
+            animate: false
+        });
+
+        if (this.selection && this.selection.index == index) {
+            newItem.select();
+        }
+    }
+};
+
+/**
+ * Delete all groups
+ */
+links.Timeline.prototype.deleteGroups = function () {
+    this.groups = [];
+    this.groupIndexes = {};
+};
+
+
+/**
+ * Get a group by the group name. When the group does not exist,
+ * it will be created.
+ * @param {String} groupName   the name of the group
+ * @return {Object} groupObject
+ */
+links.Timeline.prototype.getGroup = function (groupName) {
+    var groups = this.groups,
+        groupIndexes = this.groupIndexes,
+        groupObj = undefined;
+
+    var groupIndex = groupIndexes[groupName];
+    if (groupIndex == undefined && groupName != undefined) { // not null or undefined
+        groupObj = {
+            'content': groupName,
+            'labelTop': 0,
+            'lineTop': 0
+            // note: this object will lateron get addition information,
+            //       such as height and width of the group
+        };
+        groups.push(groupObj);
+        // sort the groups
+        if (this.options.groupsOrder == true) {
+            groups = groups.sort(function (a, b) {
+                if (a.content > b.content) {
+                    return 1;
+		        }
+		        if (a.content < b.content) {
+		            return -1;
+		        }
+		        return 0;
+        	});
+        } else if (typeof(this.options.groupsOrder) == "function") {
+        	groups = groups.sort(this.options.groupsOrder)
+        }
+
+        // rebuilt the groupIndexes
+        for (var i = 0, iMax = groups.length; i < iMax; i++) {
+            groupIndexes[groups[i].content] = i;
+        }
+    }
+    else {
+        groupObj = groups[groupIndex];
+    }
+
+    return groupObj;
+};
+
+/**
+ * Get the group name from a group object.
+ * @param {Object} groupObj
+ * @return {String} groupName   the name of the group, or undefined when group
+ *                              was not provided
+ */
+links.Timeline.prototype.getGroupName = function (groupObj) {
+    return groupObj ? groupObj.content : undefined;
+};
+
+/**
+ * Cancel a change item
+ * This method can be called insed an event listener which catches the "change"
+ * event. The changed event position will be undone.
+ */
+links.Timeline.prototype.cancelChange = function () {
+    this.applyChange = false;
+};
+
+/**
+ * Cancel deletion of an item
+ * This method can be called insed an event listener which catches the "delete"
+ * event. Deletion of the event will be undone.
+ */
+links.Timeline.prototype.cancelDelete = function () {
+    this.applyDelete = false;
+};
+
+
+/**
+ * Cancel creation of a new item
+ * This method can be called insed an event listener which catches the "new"
+ * event. Creation of the new the event will be undone.
+ */
+links.Timeline.prototype.cancelAdd = function () {
+    this.applyAdd = false;
+};
+
+
+/**
+ * Select an event. The visible chart range will be moved such that the selected
+ * event is placed in the middle.
+ * For example selection = [{row: 5}];
+ * @param {Array} selection   An array with a column row, containing the row
+ *                           number (the id) of the event to be selected.
+ * @return {boolean}         true if selection is succesfully set, else false.
+ */
+links.Timeline.prototype.setSelection = function(selection) {
+    if (selection != undefined && selection.length > 0) {
+        if (selection[0].row != undefined) {
+            var index = selection[0].row;
+            if (this.items[index]) {
+                var item = this.items[index];
+                this.selectItem(index);
+
+                // move the visible chart range to the selected event.
+                var start = item.start;
+                var end = item.end;
+                var middle; // number
+                if (end != undefined) {
+                    middle = (end.valueOf() + start.valueOf()) / 2;
+                } else {
+                    middle = start.valueOf();
+                }
+                var diff = (this.end.valueOf() - this.start.valueOf()),
+                    newStart = new Date(middle - diff/2),
+                    newEnd = new Date(middle + diff/2);
+
+                this.setVisibleChartRange(newStart, newEnd);
+
+                return true;
+            }
+        }
+    }
+    else {
+        // unselect current selection
+        this.unselectItem();
+    }
+    return false;
+};
+
+/**
+ * Retrieve the currently selected event
+ * @return {Array} sel  An array with a column row, containing the row number
+ *                      of the selected event. If there is no selection, an
+ *                      empty array is returned.
+ */
+links.Timeline.prototype.getSelection = function() {
+    var sel = [];
+    if (this.selection) {
+        if(this.selection.index !== undefined)
+        {
+            sel.push({"row": this.selection.index});
+        } else {
+            sel.push({"cluster": this.selection.cluster});
+        }
+    }
+    return sel;
+};
+
+
+/**
+ * Select an item by its index
+ * @param {Number} index
+ */
+links.Timeline.prototype.selectItem = function(index) {
+    this.unselectItem();
+
+    this.selection = undefined;
+
+    if (this.items[index] != undefined) {
+        var item = this.items[index],
+            domItem = item.dom;
+
+        this.selection = {
+            'index': index
+        };
+
+        if (item && item.dom) {
+            // TODO: move adjusting the domItem to the item itself
+            if (this.isEditable(item)) {
+                item.dom.style.cursor = 'move';
+            }
+            item.select();
+        }
+        this.repaintDeleteButton();
+        this.repaintDragAreas();
+    }
+};
+
+/**
+ * Select an cluster by its index
+ * @param {Number} index
+ */
+links.Timeline.prototype.selectCluster = function(index) {
+    this.unselectItem();
+
+    this.selection = undefined;
+
+    if (this.clusters[index] != undefined) {
+        this.selection = {
+            'cluster': index
+        };
+        this.repaintDeleteButton();
+        this.repaintDragAreas();
+    }
+};
+
+/**
+ * Check if an item is currently selected
+ * @param {Number} index
+ * @return {boolean} true if row is selected, else false
+ */
+links.Timeline.prototype.isSelected = function (index) {
+    return (this.selection && this.selection.index == index);
+};
+
+/**
+ * Unselect the currently selected event (if any)
+ */
+links.Timeline.prototype.unselectItem = function() {
+    if (this.selection && this.selection.index !== undefined) {
+        var item = this.items[this.selection.index];
+
+        if (item && item.dom) {
+            var domItem = item.dom;
+            domItem.style.cursor = '';
+            item.unselect();
+        }
+
+        this.selection = undefined;
+        this.repaintDeleteButton();
+        this.repaintDragAreas();
+    }
+};
+
+
+/**
+ * Stack the items such that they don't overlap. The items will have a minimal
+ * distance equal to options.eventMargin.
+ * @param {boolean | undefined} animate    if animate is true, the items are
+ *                                         moved to their new position animated
+ *                                         defaults to false.
+ */
+links.Timeline.prototype.stackItems = function(animate) {
+    if (animate == undefined) {
+        animate = false;
+    }
+
+    // calculate the order and final stack position of the items
+    var stack = this.stack;
+    if (!stack) {
+        stack = {};
+        this.stack = stack;
+    }
+    stack.sortedItems = this.stackOrder(this.renderedItems);
+    stack.finalItems = this.stackCalculateFinal(stack.sortedItems);
+
+    if (animate || stack.timer) {
+        // move animated to the final positions
+        var timeline = this;
+        var step = function () {
+            var arrived = timeline.stackMoveOneStep(stack.sortedItems,
+                stack.finalItems);
+
+            timeline.repaint();
+
+            if (!arrived) {
+                stack.timer = setTimeout(step, 30);
+            }
+            else {
+                delete stack.timer;
+            }
+        };
+
+        if (!stack.timer) {
+            stack.timer = setTimeout(step, 30);
+        }
+    }
+    else {
+        // move immediately to the final positions
+        this.stackMoveToFinal(stack.sortedItems, stack.finalItems);
+    }
+};
+
+/**
+ * Cancel any running animation
+ */
+links.Timeline.prototype.stackCancelAnimation = function() {
+    if (this.stack && this.stack.timer) {
+        clearTimeout(this.stack.timer);
+        delete this.stack.timer;
+    }
+};
+
+links.Timeline.prototype.getItemsByGroup = function(items) {
+    var itemsByGroup = {};
+    for (var i = 0; i < items.length; ++i) {
+        var item = items[i];
+        var group = "undefined";
+
+        if (item.group) {
+            if (item.group.content) {
+                group = item.group.content;
+            } else {
+                group = item.group;
+            }
+        }
+
+        if (!itemsByGroup[group]) {
+            itemsByGroup[group] = [];
+        }
+
+        itemsByGroup[group].push(item);
+    }
+
+    return itemsByGroup;
+};
+
+/**
+ * Order the items in the array this.items. The default order is determined via:
+ * - Ranges go before boxes and dots.
+ * - The item with the oldest start time goes first
+ * If a custom function has been provided via the stackorder option, then this will be used.
+ * @param {Array} items        Array with items
+ * @return {Array} sortedItems Array with sorted items
+ */
+links.Timeline.prototype.stackOrder = function(items) {
+    // TODO: store the sorted items, to have less work later on
+    var sortedItems = items.concat([]);
+
+    //if a customer stack order function exists, use it.
+    var f = this.options.customStackOrder && (typeof this.options.customStackOrder === 'function') ? this.options.customStackOrder : function (a, b)
+    {
+        if ((a instanceof links.Timeline.ItemRange || a instanceof links.Timeline.ItemFloatingRange) &&
+            !(b instanceof links.Timeline.ItemRange || b instanceof links.Timeline.ItemFloatingRange)) {
+            return -1;
+        }
+
+        if (!(a instanceof links.Timeline.ItemRange || a instanceof links.Timeline.ItemFloatingRange) &&
+            (b instanceof links.Timeline.ItemRange || b instanceof links.Timeline.ItemFloatingRange)) {
+            return 1;
+        }
+
+        return (a.left - b.left);
+    };
+
+    sortedItems.sort(f);
+
+    return sortedItems;
+};
+
+/**
+ * Adjust vertical positions of the events such that they don't overlap each
+ * other.
+ * @param {timeline.Item[]} items
+ * @return {Object[]} finalItems
+ */
+links.Timeline.prototype.stackCalculateFinal = function(items) {
+    var size = this.size,
+        options = this.options,
+        axisOnTop = options.axisOnTop,
+        eventMargin = options.eventMargin,
+        eventMarginAxis = options.eventMarginAxis,
+        groupBase = (axisOnTop)
+                  ? size.axis.height + eventMarginAxis + eventMargin/2
+                  : size.contentHeight - eventMarginAxis - eventMargin/2,
+        groupedItems, groupFinalItems, finalItems = [];
+
+    groupedItems = this.getItemsByGroup(items);
+
+    //
+    // groupedItems contains all items by group, plus it may contain an
+    // additional "undefined" group which contains all items with no group. We
+    // first process the grouped items, and then the ungrouped
+    //
+    for (j = 0; j<this.groups.length; ++j) {
+        var group = this.groups[j];
+
+        if (!groupedItems[group.content]) {
+            if (axisOnTop) {
+                groupBase += options.groupMinHeight + eventMargin;
+            } else {
+                groupBase -= (options.groupMinHeight + eventMargin);
+            }
+            continue;
+        }
+
+        // initialize final positions and fill finalItems
+        groupFinalItems = this.finalItemsPosition(groupedItems[group.content], groupBase, group);
+        groupFinalItems.forEach(function(item) {
+           finalItems.push(item);
+        });
+
+        if (axisOnTop) {
+            groupBase += group.itemsHeight + eventMargin;
+        } else {
+            groupBase -= (group.itemsHeight + eventMargin);
+        }
+    }
+
+    //
+    // Ungrouped items' turn now!
+    //
+    if (groupedItems["undefined"]) {
+        // initialize final positions and fill finalItems
+        groupFinalItems = this.finalItemsPosition(groupedItems["undefined"], groupBase);
+        groupFinalItems.forEach(function(item) {
+           finalItems.push(item);
+        });
+    }
+
+    return finalItems;
+};
+
+links.Timeline.prototype.finalItemsPosition = function(items, groupBase, group) {
+    var i,
+        iMax,
+        options = this.options,
+        axisOnTop = options.axisOnTop,
+        eventMargin = options.eventMargin,
+        groupFinalItems;
+
+    // initialize final positions and fill finalItems
+    groupFinalItems = this.initialItemsPosition(items, groupBase);
+
+    // calculate new, non-overlapping positions
+    for (i = 0, iMax = groupFinalItems.length; i < iMax; i++) {
+        var finalItem = groupFinalItems[i];
+        var collidingItem = null;
+
+        if (this.options.stackEvents) {
+            do {
+                // TODO: optimize checking for overlap. when there is a gap without items,
+                //  you only need to check for items from the next item on, not from zero
+                collidingItem = this.stackItemsCheckOverlap(groupFinalItems, i, 0, i-1);
+                if (collidingItem != null) {
+                    // There is a collision. Reposition the event above the colliding element
+                    if (axisOnTop) {
+                        finalItem.top = collidingItem.top + collidingItem.height + eventMargin;
+                    }
+                    else {
+                        finalItem.top = collidingItem.top - finalItem.height - eventMargin;
+                    }
+                    finalItem.bottom = finalItem.top + finalItem.height;
+                }
+            } while (collidingItem);
+        }
+
+        if (group) {
+            if (axisOnTop) {
+                group.itemsHeight = (group.itemsHeight)
+                                  ? Math.max(group.itemsHeight, finalItem.bottom - groupBase)
+                                  : finalItem.height + eventMargin;
+            } else {
+                group.itemsHeight = (group.itemsHeight)
+                                  ? Math.max(group.itemsHeight, groupBase - finalItem.top)
+                                  : finalItem.height + eventMargin;
+            }
+        }
+    }
+
+    return groupFinalItems;
+};
+
+links.Timeline.prototype.initialItemsPosition = function(items, groupBase) {
+    var options = this.options,
+        axisOnTop = options.axisOnTop,
+        finalItems = [];
+
+    for (var i = 0, iMax = items.length; i < iMax; ++i) {
+        var item = items[i],
+            top,
+            bottom,
+            height = item.height,
+            width = item.getWidth(this),
+            right = item.getRight(this),
+            left = right - width;
+
+        top = (axisOnTop) ? groupBase
+                          : groupBase - height;
+
+        bottom = top + height;
+
+        finalItems.push({
+            'left': left,
+            'top': top,
+            'right': right,
+            'bottom': bottom,
+            'height': height,
+            'item': item
+        });
+    }
+
+    return finalItems;
+};
+
+/**
+ * Move the events one step in the direction of their final positions
+ * @param {Array} currentItems   Array with the real items and their current
+ *                               positions
+ * @param {Array} finalItems     Array with objects containing the final
+ *                               positions of the items
+ * @return {boolean} arrived     True if all items have reached their final
+ *                               location, else false
+ */
+links.Timeline.prototype.stackMoveOneStep = function(currentItems, finalItems) {
+    var arrived = true;
+
+    // apply new positions animated
+    for (var i = 0, iMax = finalItems.length; i < iMax; i++) {
+        var finalItem = finalItems[i],
+            item = finalItem.item;
+
+        var topNow = parseInt(item.top);
+        var topFinal = parseInt(finalItem.top);
+        var diff = (topFinal - topNow);
+        if (diff) {
+            var step = (topFinal == topNow) ? 0 : ((topFinal > topNow) ? 1 : -1);
+            if (Math.abs(diff) > 4) step = diff / 4;
+            var topNew = parseInt(topNow + step);
+
+            if (topNew != topFinal) {
+                arrived = false;
+            }
+
+            item.top = topNew;
+            item.bottom = item.top + item.height;
+        }
+        else {
+            item.top = finalItem.top;
+            item.bottom = finalItem.bottom;
+        }
+
+        item.left = finalItem.left;
+        item.right = finalItem.right;
+    }
+
+    return arrived;
+};
+
+
+
+/**
+ * Move the events from their current position to the final position
+ * @param {Array} currentItems   Array with the real items and their current
+ *                               positions
+ * @param {Array} finalItems     Array with objects containing the final
+ *                               positions of the items
+ */
+links.Timeline.prototype.stackMoveToFinal = function(currentItems, finalItems) {
+    // Put the events directly at there final position
+    for (var i = 0, iMax = finalItems.length; i < iMax; i++) {
+        var finalItem = finalItems[i],
+            current = finalItem.item;
+
+        current.left = finalItem.left;
+        current.top = finalItem.top;
+        current.right = finalItem.right;
+        current.bottom = finalItem.bottom;
+    }
+};
+
+
+
+/**
+ * Check if the destiny position of given item overlaps with any
+ * of the other items from index itemStart to itemEnd.
+ * @param {Array} items      Array with items
+ * @param {int}  itemIndex   Number of the item to be checked for overlap
+ * @param {int}  itemStart   First item to be checked.
+ * @param {int}  itemEnd     Last item to be checked.
+ * @return {Object}          colliding item, or undefined when no collisions
+ */
+links.Timeline.prototype.stackItemsCheckOverlap = function(items, itemIndex,
+                                                           itemStart, itemEnd) {
+    var eventMargin = this.options.eventMargin,
+        collision = this.collision;
+
+    // we loop from end to start, as we suppose that the chance of a
+    // collision is larger for items at the end, so check these first.
+    var item1 = items[itemIndex];
+    for (var i = itemEnd; i >= itemStart; i--) {
+        var item2 = items[i];
+        if (collision(item1, item2, eventMargin)) {
+            if (i != itemIndex) {
+                return item2;
+            }
+        }
+    }
+
+    return undefined;
+};
+
+/**
+ * Test if the two provided items collide
+ * The items must have parameters left, right, top, and bottom.
+ * @param {Element} item1       The first item
+ * @param {Element} item2       The second item
+ * @param {Number}              margin  A minimum required margin. Optional.
+ *                              If margin is provided, the two items will be
+ *                              marked colliding when they overlap or
+ *                              when the margin between the two is smaller than
+ *                              the requested margin.
+ * @return {boolean}            true if item1 and item2 collide, else false
+ */
+links.Timeline.prototype.collision = function(item1, item2, margin) {
+    // set margin if not specified
+    if (margin == undefined) {
+        margin = 0;
+    }
+
+    // calculate if there is overlap (collision)
+    return (item1.left - margin < item2.right &&
+        item1.right + margin > item2.left &&
+        item1.top - margin < item2.bottom &&
+        item1.bottom + margin > item2.top);
+};
+
+
+/**
+ * fire an event
+ * @param {String} event   The name of an event, for example "rangechange" or "edit"
+ */
+links.Timeline.prototype.trigger = function (event) {
+    // built up properties
+    var properties = null;
+    switch (event) {
+        case 'rangechange':
+        case 'rangechanged':
+            properties = {
+                'start': new Date(this.start.valueOf()),
+                'end': new Date(this.end.valueOf())
+            };
+            break;
+
+        case 'timechange':
+        case 'timechanged':
+            properties = {
+                'time': new Date(this.customTime.valueOf())
+            };
+            break;
+    }
+
+    // trigger the links event bus
+    links.events.trigger(this, event, properties);
+
+    // trigger the google event bus
+    if (google && google.visualization) {
+        google.visualization.events.trigger(this, event, properties);
+    }
+};
+
+
+/**
+ * Cluster the events
+ */
+links.Timeline.prototype.clusterItems = function () {
+    if (!this.options.cluster) {
+        return;
+    }
+
+    var clusters = this.clusterGenerator.getClusters(this.conversion.factor, this.options.clusterMaxItems);
+    if (this.clusters != clusters) {
+        // cluster level changed
+        var queue = this.renderQueue;
+
+        // remove the old clusters from the scene
+        if (this.clusters) {
+            this.clusters.forEach(function (cluster) {
+                queue.hide.push(cluster);
+
+                // unlink the items
+                cluster.items.forEach(function (item) {
+                    item.cluster = undefined;
+                });
+            });
+        }
+
+        // append the new clusters
+        clusters.forEach(function (cluster) {
+            // don't add to the queue.show here, will be done in .filterItems()
+
+            // link all items to the cluster
+            cluster.items.forEach(function (item) {
+                item.cluster = cluster;
+            });
+        });
+
+        this.clusters = clusters;
+    }
+};
+
+/**
+ * Filter the visible events
+ */
+links.Timeline.prototype.filterItems = function () {
+    var queue = this.renderQueue,
+        window = (this.end - this.start),
+        start = new Date(this.start.valueOf() - window),
+        end = new Date(this.end.valueOf() + window);
+
+    function filter (arr) {
+        arr.forEach(function (item) {
+            var rendered = item.rendered;
+            var visible = item.isVisible(start, end);
+            if (rendered != visible) {
+                if (rendered) {
+                    queue.hide.push(item); // item is rendered but no longer visible
+                }
+                if (visible && (queue.show.indexOf(item) == -1)) {
+                    queue.show.push(item); // item is visible but neither rendered nor queued up to be rendered
+                }
+            }
+        });
+    }
+
+    // filter all items and all clusters
+    filter(this.items);
+    if (this.clusters) {
+        filter(this.clusters);
+    }
+};
+
+/** ------------------------------------------------------------------------ **/
+
+/**
+ * @constructor links.Timeline.ClusterGenerator
+ * Generator which creates clusters of items, based on the visible range in
+ * the Timeline. There is a set of cluster levels which is cached.
+ * @param {links.Timeline} timeline
+ */
+links.Timeline.ClusterGenerator = function (timeline) {
+    this.timeline = timeline;
+    this.clear();
+};
+
+/**
+ * Clear all cached clusters and data, and initialize all variables
+ */
+links.Timeline.ClusterGenerator.prototype.clear = function () {
+    // cache containing created clusters for each cluster level
+    this.items = [];
+    this.groups = {};
+    this.clearCache();
+};
+
+/**
+ * Clear the cached clusters
+ */
+links.Timeline.ClusterGenerator.prototype.clearCache = function () {
+    // cache containing created clusters for each cluster level
+    this.cache = {};
+    this.cacheLevel = -1;
+    this.cache[this.cacheLevel] = [];
+};
+
+/**
+ * Set the items to be clustered.
+ * This will clear cached clusters.
+ * @param {Item[]} items
+ * @param {Object} [options]  Available options:
+ *                            {boolean} applyOnChangedLevel
+ *                                If true (default), the changed data is applied
+ *                                as soon the cluster level changes. If false,
+ *                                The changed data is applied immediately
+ */
+links.Timeline.ClusterGenerator.prototype.setData = function (items, options) {
+    this.items = items || [];
+    this.dataChanged = true;
+    this.applyOnChangedLevel = true;
+    if (options && options.applyOnChangedLevel) {
+        this.applyOnChangedLevel = options.applyOnChangedLevel;
+    }
+    // console.log('clustergenerator setData applyOnChangedLevel=' + this.applyOnChangedLevel); // TODO: cleanup
+};
+
+/**
+ * Update the current data set: clear cache, and recalculate the clustering for
+ * the current level
+ */
+links.Timeline.ClusterGenerator.prototype.updateData = function () {
+    this.dataChanged = true;
+    this.applyOnChangedLevel = false;
+};
+
+/**
+ * Filter the items per group.
+ * @private
+ */
+links.Timeline.ClusterGenerator.prototype.filterData = function () {
+    // filter per group
+    var items = this.items || [];
+    var groups = {};
+    this.groups = groups;
+
+    // split the items per group
+    items.forEach(function (item) {
+        // put the item in the correct group
+        var groupName = item.group ? item.group.content : '';
+        var group = groups[groupName];
+        if (!group) {
+            group = [];
+            groups[groupName] = group;
+        }
+        group.push(item);
+
+        // calculate the center of the item
+        if (item.start) {
+            if (item.end) {
+                // range
+                item.center = (item.start.valueOf() + item.end.valueOf()) / 2;
+            }
+            else {
+                // box, dot
+                item.center = item.start.valueOf();
+            }
+        }
+    });
+
+    // sort the items per group
+    for (var groupName in groups) {
+        if (groups.hasOwnProperty(groupName)) {
+            groups[groupName].sort(function (a, b) {
+                return (a.center - b.center);
+            });
+        }
+    }
+
+    this.dataChanged = false;
+};
+
+/**
+ * Cluster the events which are too close together
+ * @param {Number} scale     The scale of the current window,
+ *                           defined as (windowWidth / (endDate - startDate))
+ * @return {Item[]} clusters
+ */
+links.Timeline.ClusterGenerator.prototype.getClusters = function (scale, maxItems) {
+    var level = -1,
+        granularity = 2, // TODO: what granularity is needed for the cluster levels?
+        timeWindow = 0;  // milliseconds
+
+    if (scale > 0) {
+        level = Math.round(Math.log(100 / scale) / Math.log(granularity));
+        timeWindow = Math.pow(granularity, level);
+    }
+
+    // clear the cache when and re-filter the data when needed.
+    if (this.dataChanged) {
+        var levelChanged = (level != this.cacheLevel);
+        var applyDataNow = this.applyOnChangedLevel ? levelChanged : true;
+        if (applyDataNow) {
+            // TODO: currently drawn clusters should be removed! mark them as invisible?
+            this.clearCache();
+            this.filterData();
+            // console.log('clustergenerator: cache cleared...'); // TODO: cleanup
+        }
+    }
+
+    this.cacheLevel = level;
+    var clusters = this.cache[level];
+    if (!clusters) {
+        // console.log('clustergenerator: create cluster level ' + level); // TODO: cleanup
+        clusters = [];
+
+        // TODO: spit this method, it is too large
+        for (var groupName in this.groups) {
+            if (this.groups.hasOwnProperty(groupName)) {
+                var items = this.groups[groupName];
+                var iMax = items.length;
+                var i = 0;
+                while (i < iMax) {
+                    // find all items around current item, within the timeWindow
+                    var item = items[i];
+                    var neighbors = 1;  // start at 1, to include itself)
+
+                    // loop through items left from the current item
+                    var j = i - 1;
+                    while (j >= 0 && (item.center - items[j].center) < timeWindow / 2) {
+                        if (!items[j].cluster) {
+                            neighbors++;
+                        }
+                        j--;
+                    }
+
+                    // loop through items right from the current item
+                    var k = i + 1;
+                    while (k < items.length && (items[k].center - item.center) < timeWindow / 2) {
+                        neighbors++;
+                        k++;
+                    }
+
+                    // loop through the created clusters
+                    var l = clusters.length - 1;
+                    while (l >= 0 && (item.center - clusters[l].center) < timeWindow / 2) {
+                        if (item.group == clusters[l].group) {
+                            neighbors++;
+                        }
+                        l--;
+                    }
+
+                    // aggregate until the number of items is within maxItems
+                    if (neighbors > maxItems) {
+                        // too busy in this window.
+                        var num = neighbors - maxItems + 1;
+                        var clusterItems = [];
+
+                        // append the items to the cluster,
+                        // and calculate the average start for the cluster
+                        var avg = undefined;  // number. average of all start dates
+                        var min = undefined;  // number. minimum of all start dates
+                        var max = undefined;  // number. maximum of all start and end dates
+                        var containsRanges = false;
+                        var count = 0;
+                        var m = i;
+                        while (clusterItems.length < num && m < items.length) {
+                            var p = items[m];
+                            var start = p.start.valueOf();
+                            var end = p.end ? p.end.valueOf() : p.start.valueOf();
+                            clusterItems.push(p);
+                            if (count) {
+                                // calculate new average (use fractions to prevent overflow)
+                                avg = (count / (count + 1)) * avg + (1 / (count + 1)) * p.center;
+                            }
+                            else {
+                                avg = p.center;
+                            }
+                            min = (min != undefined) ? Math.min(min, start) : start;
+                            max = (max != undefined) ? Math.max(max, end) : end;
+                            containsRanges = containsRanges || (p instanceof links.Timeline.ItemRange || p instanceof links.Timeline.ItemFloatingRange);
+                            count++;
+                            m++;
+                        }
+
+                        var cluster;
+                        var title = 'Cluster containing ' + count +
+                            ' events. Zoom in to see the individual events.';
+                        var content = '<div title="' + title + '">' + count + ' events</div>';
+                        var group = item.group ? item.group.content : undefined;
+                        if (containsRanges) {
+                            // boxes and/or ranges
+                            cluster = this.timeline.createItem({
+                                'start': new Date(min),
+                                'end': new Date(max),
+                                'content': content,
+                                'group': group
+                            });
+                        }
+                        else {
+                            // boxes only
+                            cluster = this.timeline.createItem({
+                                'start': new Date(avg),
+                                'content': content,
+                                'group': group
+                            });
+                        }
+                        cluster.isCluster = true;
+                        cluster.items = clusterItems;
+                        cluster.items.forEach(function (item) {
+                            item.cluster = cluster;
+                        });
+
+                        clusters.push(cluster);
+                        i += num;
+                    }
+                    else {
+                        delete item.cluster;
+                        i += 1;
+                    }
+                }
+            }
+        }
+
+        this.cache[level] = clusters;
+    }
+
+    return clusters;
+};
+
+
+/** ------------------------------------------------------------------------ **/
+
+
+/**
+ * Event listener (singleton)
+ */
+links.events = links.events || {
+    'listeners': [],
+
+    /**
+     * Find a single listener by its object
+     * @param {Object} object
+     * @return {Number} index  -1 when not found
+     */
+    'indexOf': function (object) {
+        var listeners = this.listeners;
+        for (var i = 0, iMax = this.listeners.length; i < iMax; i++) {
+            var listener = listeners[i];
+            if (listener && listener.object == object) {
+                return i;
+            }
+        }
+        return -1;
+    },
+
+    /**
+     * Add an event listener
+     * @param {Object} object
+     * @param {String} event       The name of an event, for example 'select'
+     * @param {function} callback  The callback method, called when the
+     *                             event takes place
+     */
+    'addListener': function (object, event, callback) {
+        var index = this.indexOf(object);
+        var listener = this.listeners[index];
+        if (!listener) {
+            listener = {
+                'object': object,
+                'events': {}
+            };
+            this.listeners.push(listener);
+        }
+
+        var callbacks = listener.events[event];
+        if (!callbacks) {
+            callbacks = [];
+            listener.events[event] = callbacks;
+        }
+
+        // add the callback if it does not yet exist
+        if (callbacks.indexOf(callback) == -1) {
+            callbacks.push(callback);
+        }
+    },
+
+    /**
+     * Remove an event listener
+     * @param {Object} object
+     * @param {String} event       The name of an event, for example 'select'
+     * @param {function} callback  The registered callback method
+     */
+    'removeListener': function (object, event, callback) {
+        var index = this.indexOf(object);
+        var listener = this.listeners[index];
+        if (listener) {
+            var callbacks = listener.events[event];
+            if (callbacks) {
+                var index = callbacks.indexOf(callback);
+                if (index != -1) {
+                    callbacks.splice(index, 1);
+                }
+
+                // remove the array when empty
+                if (callbacks.length == 0) {
+                    delete listener.events[event];
+                }
+            }
+
+            // count the number of registered events. remove listener when empty
+            var count = 0;
+            var events = listener.events;
+            for (var e in events) {
+                if (events.hasOwnProperty(e)) {
+                    count++;
+                }
+            }
+            if (count == 0) {
+                delete this.listeners[index];
+            }
+        }
+    },
+
+    /**
+     * Remove all registered event listeners
+     */
+    'removeAllListeners': function () {
+        this.listeners = [];
+    },
+
+    /**
+     * Trigger an event. All registered event handlers will be called
+     * @param {Object} object
+     * @param {String} event
+     * @param {Object} properties (optional)
+     */
+    'trigger': function (object, event, properties) {
+        var index = this.indexOf(object);
+        var listener = this.listeners[index];
+        if (listener) {
+            var callbacks = listener.events[event];
+            if (callbacks) {
+                for (var i = 0, iMax = callbacks.length; i < iMax; i++) {
+                    callbacks[i](properties);
+                }
+            }
+        }
+    }
+};
+
+
+/** ------------------------------------------------------------------------ **/
+
+/**
+ * @constructor  links.Timeline.StepDate
+ * The class StepDate is an iterator for dates. You provide a start date and an
+ * end date. The class itself determines the best scale (step size) based on the
+ * provided start Date, end Date, and minimumStep.
+ *
+ * If minimumStep is provided, the step size is chosen as close as possible
+ * to the minimumStep but larger than minimumStep. If minimumStep is not
+ * provided, the scale is set to 1 DAY.
+ * The minimumStep should correspond with the onscreen size of about 6 characters
+ *
+ * Alternatively, you can set a scale by hand.
+ * After creation, you can initialize the class by executing start(). Then you
+ * can iterate from the start date to the end date via next(). You can check if
+ * the end date is reached with the function end(). After each step, you can
+ * retrieve the current date via get().
+ * The class step has scales ranging from milliseconds, seconds, minutes, hours,
+ * days, to years.
+ *
+ * Version: 1.2
+ *
+ * @param {Date} start          The start date, for example new Date(2010, 9, 21)
+ *                              or new Date(2010, 9, 21, 23, 45, 00)
+ * @param {Date} end            The end date
+ * @param {Number}  minimumStep Optional. Minimum step size in milliseconds
+ */
+links.Timeline.StepDate = function(start, end, minimumStep) {
+
+    // variables
+    this.current = new Date();
+    this._start = new Date();
+    this._end = new Date();
+
+    this.autoScale  = true;
+    this.scale = links.Timeline.StepDate.SCALE.DAY;
+    this.step = 1;
+
+    // initialize the range
+    this.setRange(start, end, minimumStep);
+};
+
+/// enum scale
+links.Timeline.StepDate.SCALE = {
+    MILLISECOND: 1,
+    SECOND: 2,
+    MINUTE: 3,
+    HOUR: 4,
+    DAY: 5,
+    WEEKDAY: 6,
+    MONTH: 7,
+    YEAR: 8
+};
+
+
+/**
+ * Set a new range
+ * If minimumStep is provided, the step size is chosen as close as possible
+ * to the minimumStep but larger than minimumStep. If minimumStep is not
+ * provided, the scale is set to 1 DAY.
+ * The minimumStep should correspond with the onscreen size of about 6 characters
+ * @param {Date} start        The start date and time.
+ * @param {Date} end          The end date and time.
+ * @param {int}  minimumStep  Optional. Minimum step size in milliseconds
+ */
+links.Timeline.StepDate.prototype.setRange = function(start, end, minimumStep) {
+    if (!(start instanceof Date) || !(end instanceof Date)) {
+        //throw  "No legal start or end date in method setRange";
+        return;
+    }
+
+    this._start = (start != undefined) ? new Date(start.valueOf()) : new Date();
+    this._end = (end != undefined) ? new Date(end.valueOf()) : new Date();
+
+    if (this.autoScale) {
+        this.setMinimumStep(minimumStep);
+    }
+};
+
+/**
+ * Set the step iterator to the start date.
+ */
+links.Timeline.StepDate.prototype.start = function() {
+    this.current = new Date(this._start.valueOf());
+    this.roundToMinor();
+};
+
+/**
+ * Round the current date to the first minor date value
+ * This must be executed once when the current date is set to start Date
+ */
+links.Timeline.StepDate.prototype.roundToMinor = function() {
+    // round to floor
+    // IMPORTANT: we have no breaks in this switch! (this is no bug)
+    //noinspection FallthroughInSwitchStatementJS
+    switch (this.scale) {
+        case links.Timeline.StepDate.SCALE.YEAR:
+            this.current.setFullYear(this.step * Math.floor(this.current.getFullYear() / this.step));
+            this.current.setMonth(0);
+        case links.Timeline.StepDate.SCALE.MONTH:        this.current.setDate(1);
+        case links.Timeline.StepDate.SCALE.DAY:          // intentional fall through
+        case links.Timeline.StepDate.SCALE.WEEKDAY:      this.current.setHours(0);
+        case links.Timeline.StepDate.SCALE.HOUR:         this.current.setMinutes(0);
+        case links.Timeline.StepDate.SCALE.MINUTE:       this.current.setSeconds(0);
+        case links.Timeline.StepDate.SCALE.SECOND:       this.current.setMilliseconds(0);
+        //case links.Timeline.StepDate.SCALE.MILLISECOND: // nothing to do for milliseconds
+    }
+
+    if (this.step != 1) {
+        // round down to the first minor value that is a multiple of the current step size
+        switch (this.scale) {
+            case links.Timeline.StepDate.SCALE.MILLISECOND:  this.current.setMilliseconds(this.current.getMilliseconds() - this.current.getMilliseconds() % this.step);  break;
+            case links.Timeline.StepDate.SCALE.SECOND:       this.current.setSeconds(this.current.getSeconds() - this.current.getSeconds() % this.step); break;
+            case links.Timeline.StepDate.SCALE.MINUTE:       this.current.setMinutes(this.current.getMinutes() - this.current.getMinutes() % this.step); break;
+            case links.Timeline.StepDate.SCALE.HOUR:         this.current.setHours(this.current.getHours() - this.current.getHours() % this.step); break;
+            case links.Timeline.StepDate.SCALE.WEEKDAY:      // intentional fall through
+            case links.Timeline.StepDate.SCALE.DAY:          this.current.setDate((this.current.getDate()-1) - (this.current.getDate()-1) % this.step + 1); break;
+            case links.Timeline.StepDate.SCALE.MONTH:        this.current.setMonth(this.current.getMonth() - this.current.getMonth() % this.step);  break;
+            case links.Timeline.StepDate.SCALE.YEAR:         this.current.setFullYear(this.current.getFullYear() - this.current.getFullYear() % this.step); break;
+            default: break;
+        }
+    }
+};
+
+/**
+ * Check if the end date is reached
+ * @return {boolean}  true if the current date has passed the end date
+ */
+links.Timeline.StepDate.prototype.end = function () {
+    return (this.current.valueOf() > this._end.valueOf());
+};
+
+/**
+ * Do the next step
+ */
+links.Timeline.StepDate.prototype.next = function() {
+    var prev = this.current.valueOf();
+
+    // Two cases, needed to prevent issues with switching daylight savings
+    // (end of March and end of October)
+    if (this.current.getMonth() < 6)   {
+        switch (this.scale) {
+            case links.Timeline.StepDate.SCALE.MILLISECOND:
+
+                this.current = new Date(this.current.valueOf() + this.step); break;
+            case links.Timeline.StepDate.SCALE.SECOND:       this.current = new Date(this.current.valueOf() + this.step * 1000); break;
+            case links.Timeline.StepDate.SCALE.MINUTE:       this.current = new Date(this.current.valueOf() + this.step * 1000 * 60); break;
+            case links.Timeline.StepDate.SCALE.HOUR:
+                this.current = new Date(this.current.valueOf() + this.step * 1000 * 60 * 60);
+                // in case of skipping an hour for daylight savings, adjust the hour again (else you get: 0h 5h 9h ... instead of 0h 4h 8h ...)
+                var h = this.current.getHours();
+                this.current.setHours(h - (h % this.step));
+                break;
+            case links.Timeline.StepDate.SCALE.WEEKDAY:      // intentional fall through
+            case links.Timeline.StepDate.SCALE.DAY:          this.current.setDate(this.current.getDate() + this.step); break;
+            case links.Timeline.StepDate.SCALE.MONTH:        this.current.setMonth(this.current.getMonth() + this.step); break;
+            case links.Timeline.StepDate.SCALE.YEAR:         this.current.setFullYear(this.current.getFullYear() + this.step); break;
+            default:                      break;
+        }
+    }
+    else {
+        switch (this.scale) {
+            case links.Timeline.StepDate.SCALE.MILLISECOND:  this.current = new Date(this.current.valueOf() + this.step); break;
+            case links.Timeline.StepDate.SCALE.SECOND:       this.current.setSeconds(this.current.getSeconds() + this.step); break;
+            case links.Timeline.StepDate.SCALE.MINUTE:       this.current.setMinutes(this.current.getMinutes() + this.step); break;
+            case links.Timeline.StepDate.SCALE.HOUR:         this.current.setHours(this.current.getHours() + this.step); break;
+            case links.Timeline.StepDate.SCALE.WEEKDAY:      // intentional fall through
+            case links.Timeline.StepDate.SCALE.DAY:          this.current.setDate(this.current.getDate() + this.step); break;
+            case links.Timeline.StepDate.SCALE.MONTH:        this.current.setMonth(this.current.getMonth() + this.step); break;
+            case links.Timeline.StepDate.SCALE.YEAR:         this.current.setFullYear(this.current.getFullYear() + this.step); break;
+            default:                      break;
+        }
+    }
+
+    if (this.step != 1) {
+        // round down to the correct major value
+        switch (this.scale) {
+            case links.Timeline.StepDate.SCALE.MILLISECOND:  if(this.current.getMilliseconds() < this.step) this.current.setMilliseconds(0);  break;
+            case links.Timeline.StepDate.SCALE.SECOND:       if(this.current.getSeconds() < this.step) this.current.setSeconds(0);  break;
+            case links.Timeline.StepDate.SCALE.MINUTE:       if(this.current.getMinutes() < this.step) this.current.setMinutes(0);  break;
+            case links.Timeline.StepDate.SCALE.HOUR:         if(this.current.getHours() < this.step) this.current.setHours(0);  break;
+            case links.Timeline.StepDate.SCALE.WEEKDAY:      // intentional fall through
+            case links.Timeline.StepDate.SCALE.DAY:          if(this.current.getDate() < this.step+1) this.current.setDate(1); break;
+            case links.Timeline.StepDate.SCALE.MONTH:        if(this.current.getMonth() < this.step) this.current.setMonth(0);  break;
+            case links.Timeline.StepDate.SCALE.YEAR:         break; // nothing to do for year
+            default:                break;
+        }
+    }
+
+    // safety mechanism: if current time is still unchanged, move to the end
+    if (this.current.valueOf() == prev) {
+        this.current = new Date(this._end.valueOf());
+    }
+};
+
+
+/**
+ * Get the current datetime
+ * @return {Date}  current The current date
+ */
+links.Timeline.StepDate.prototype.getCurrent = function() {
+    return this.current;
+};
+
+/**
+ * Set a custom scale. Autoscaling will be disabled.
+ * For example setScale(SCALE.MINUTES, 5) will result
+ * in minor steps of 5 minutes, and major steps of an hour.
+ *
+ * @param {links.Timeline.StepDate.SCALE} newScale
+ *                               A scale. Choose from SCALE.MILLISECOND,
+ *                               SCALE.SECOND, SCALE.MINUTE, SCALE.HOUR,
+ *                               SCALE.WEEKDAY, SCALE.DAY, SCALE.MONTH,
+ *                               SCALE.YEAR.
+ * @param {Number}     newStep   A step size, by default 1. Choose for
+ *                               example 1, 2, 5, or 10.
+ */
+links.Timeline.StepDate.prototype.setScale = function(newScale, newStep) {
+    this.scale = newScale;
+
+    if (newStep > 0) {
+        this.step = newStep;
+    }
+
+    this.autoScale = false;
+};
+
+/**
+ * Enable or disable autoscaling
+ * @param {boolean} enable  If true, autoascaling is set true
+ */
+links.Timeline.StepDate.prototype.setAutoScale = function (enable) {
+    this.autoScale = enable;
+};
+
+
+/**
+ * Automatically determine the scale that bests fits the provided minimum step
+ * @param {Number} minimumStep  The minimum step size in milliseconds
+ */
+links.Timeline.StepDate.prototype.setMinimumStep = function(minimumStep) {
+    if (minimumStep == undefined) {
+        return;
+    }
+
+    var stepYear       = (1000 * 60 * 60 * 24 * 30 * 12);
+    var stepMonth      = (1000 * 60 * 60 * 24 * 30);
+    var stepDay        = (1000 * 60 * 60 * 24);
+    var stepHour       = (1000 * 60 * 60);
+    var stepMinute     = (1000 * 60);
+    var stepSecond     = (1000);
+    var stepMillisecond= (1);
+
+    // find the smallest step that is larger than the provided minimumStep
+    if (stepYear*1000 > minimumStep)        {this.scale = links.Timeline.StepDate.SCALE.YEAR;        this.step = 1000;}
+    if (stepYear*500 > minimumStep)         {this.scale = links.Timeline.StepDate.SCALE.YEAR;        this.step = 500;}
+    if (stepYear*100 > minimumStep)         {this.scale = links.Timeline.StepDate.SCALE.YEAR;        this.step = 100;}
+    if (stepYear*50 > minimumStep)          {this.scale = links.Timeline.StepDate.SCALE.YEAR;        this.step = 50;}
+    if (stepYear*10 > minimumStep)          {this.scale = links.Timeline.StepDate.SCALE.YEAR;        this.step = 10;}
+    if (stepYear*5 > minimumStep)           {this.scale = links.Timeline.StepDate.SCALE.YEAR;        this.step = 5;}
+    if (stepYear > minimumStep)             {this.scale = links.Timeline.StepDate.SCALE.YEAR;        this.step = 1;}
+    if (stepMonth*3 > minimumStep)          {this.scale = links.Timeline.StepDate.SCALE.MONTH;       this.step = 3;}
+    if (stepMonth > minimumStep)            {this.scale = links.Timeline.StepDate.SCALE.MONTH;       this.step = 1;}
+    if (stepDay*5 > minimumStep)            {this.scale = links.Timeline.StepDate.SCALE.DAY;         this.step = 5;}
+    if (stepDay*2 > minimumStep)            {this.scale = links.Timeline.StepDate.SCALE.DAY;         this.step = 2;}
+    if (stepDay > minimumStep)              {this.scale = links.Timeline.StepDate.SCALE.DAY;         this.step = 1;}
+    if (stepDay/2 > minimumStep)            {this.scale = links.Timeline.StepDate.SCALE.WEEKDAY;     this.step = 1;}
+    if (stepHour*4 > minimumStep)           {this.scale = links.Timeline.StepDate.SCALE.HOUR;        this.step = 4;}
+    if (stepHour > minimumStep)             {this.scale = links.Timeline.StepDate.SCALE.HOUR;        this.step = 1;}
+    if (stepMinute*15 > minimumStep)        {this.scale = links.Timeline.StepDate.SCALE.MINUTE;      this.step = 15;}
+    if (stepMinute*10 > minimumStep)        {this.scale = links.Timeline.StepDate.SCALE.MINUTE;      this.step = 10;}
+    if (stepMinute*5 > minimumStep)         {this.scale = links.Timeline.StepDate.SCALE.MINUTE;      this.step = 5;}
+    if (stepMinute > minimumStep)           {this.scale = links.Timeline.StepDate.SCALE.MINUTE;      this.step = 1;}
+    if (stepSecond*15 > minimumStep)        {this.scale = links.Timeline.StepDate.SCALE.SECOND;      this.step = 15;}
+    if (stepSecond*10 > minimumStep)        {this.scale = links.Timeline.StepDate.SCALE.SECOND;      this.step = 10;}
+    if (stepSecond*5 > minimumStep)         {this.scale = links.Timeline.StepDate.SCALE.SECOND;      this.step = 5;}
+    if (stepSecond > minimumStep)           {this.scale = links.Timeline.StepDate.SCALE.SECOND;      this.step = 1;}
+    if (stepMillisecond*200 > minimumStep)  {this.scale = links.Timeline.StepDate.SCALE.MILLISECOND; this.step = 200;}
+    if (stepMillisecond*100 > minimumStep)  {this.scale = links.Timeline.StepDate.SCALE.MILLISECOND; this.step = 100;}
+    if (stepMillisecond*50 > minimumStep)   {this.scale = links.Timeline.StepDate.SCALE.MILLISECOND; this.step = 50;}
+    if (stepMillisecond*10 > minimumStep)   {this.scale = links.Timeline.StepDate.SCALE.MILLISECOND; this.step = 10;}
+    if (stepMillisecond*5 > minimumStep)    {this.scale = links.Timeline.StepDate.SCALE.MILLISECOND; this.step = 5;}
+    if (stepMillisecond > minimumStep)      {this.scale = links.Timeline.StepDate.SCALE.MILLISECOND; this.step = 1;}
+};
+
+/**
+ * Snap a date to a rounded value. The snap intervals are dependent on the
+ * current scale and step.
+ * @param {Date} date   the date to be snapped
+ */
+links.Timeline.StepDate.prototype.snap = function(date) {
+    if (this.scale == links.Timeline.StepDate.SCALE.YEAR) {
+        var year = date.getFullYear() + Math.round(date.getMonth() / 12);
+        date.setFullYear(Math.round(year / this.step) * this.step);
+        date.setMonth(0);
+        date.setDate(0);
+        date.setHours(0);
+        date.setMinutes(0);
+        date.setSeconds(0);
+        date.setMilliseconds(0);
+    }
+    else if (this.scale == links.Timeline.StepDate.SCALE.MONTH) {
+        if (date.getDate() > 15) {
+            date.setDate(1);
+            date.setMonth(date.getMonth() + 1);
+            // important: first set Date to 1, after that change the month.
+        }
+        else {
+            date.setDate(1);
+        }
+
+        date.setHours(0);
+        date.setMinutes(0);
+        date.setSeconds(0);
+        date.setMilliseconds(0);
+    }
+    else if (this.scale == links.Timeline.StepDate.SCALE.DAY ||
+        this.scale == links.Timeline.StepDate.SCALE.WEEKDAY) {
+        switch (this.step) {
+            case 5:
+            case 2:
+                date.setHours(Math.round(date.getHours() / 24) * 24); break;
+            default:
+                date.setHours(Math.round(date.getHours() / 12) * 12); break;
+        }
+        date.setMinutes(0);
+        date.setSeconds(0);
+        date.setMilliseconds(0);
+    }
+    else if (this.scale == links.Timeline.StepDate.SCALE.HOUR) {
+        switch (this.step) {
+            case 4:
+                date.setMinutes(Math.round(date.getMinutes() / 60) * 60); break;
+            default:
+                date.setMinutes(Math.round(date.getMinutes() / 30) * 30); break;
+        }
+        date.setSeconds(0);
+        date.setMilliseconds(0);
+    } else if (this.scale == links.Timeline.StepDate.SCALE.MINUTE) {
+        switch (this.step) {
+            case 15:
+            case 10:
+                date.setMinutes(Math.round(date.getMinutes() / 5) * 5);
+                date.setSeconds(0);
+                break;
+            case 5:
+                date.setSeconds(Math.round(date.getSeconds() / 60) * 60); break;
+            default:
+                date.setSeconds(Math.round(date.getSeconds() / 30) * 30); break;
+        }
+        date.setMilliseconds(0);
+    }
+    else if (this.scale == links.Timeline.StepDate.SCALE.SECOND) {
+        switch (this.step) {
+            case 15:
+            case 10:
+                date.setSeconds(Math.round(date.getSeconds() / 5) * 5);
+                date.setMilliseconds(0);
+                break;
+            case 5:
+                date.setMilliseconds(Math.round(date.getMilliseconds() / 1000) * 1000); break;
+            default:
+                date.setMilliseconds(Math.round(date.getMilliseconds() / 500) * 500); break;
+        }
+    }
+    else if (this.scale == links.Timeline.StepDate.SCALE.MILLISECOND) {
+        var step = this.step > 5 ? this.step / 2 : 1;
+        date.setMilliseconds(Math.round(date.getMilliseconds() / step) * step);
+    }
+};
+
+/**
+ * Check if the current step is a major step (for example when the step
+ * is DAY, a major step is each first day of the MONTH)
+ * @return {boolean} true if current date is major, else false.
+ */
+links.Timeline.StepDate.prototype.isMajor = function() {
+    switch (this.scale) {
+        case links.Timeline.StepDate.SCALE.MILLISECOND:
+            return (this.current.getMilliseconds() == 0);
+        case links.Timeline.StepDate.SCALE.SECOND:
+            return (this.current.getSeconds() == 0);
+        case links.Timeline.StepDate.SCALE.MINUTE:
+            return (this.current.getHours() == 0) && (this.current.getMinutes() == 0);
+        // Note: this is no bug. Major label is equal for both minute and hour scale
+        case links.Timeline.StepDate.SCALE.HOUR:
+            return (this.current.getHours() == 0);
+        case links.Timeline.StepDate.SCALE.WEEKDAY: // intentional fall through
+        case links.Timeline.StepDate.SCALE.DAY:
+            return (this.current.getDate() == 1);
+        case links.Timeline.StepDate.SCALE.MONTH:
+            return (this.current.getMonth() == 0);
+        case links.Timeline.StepDate.SCALE.YEAR:
+            return false;
+        default:
+            return false;
+    }
+};
+
+
+/**
+ * Returns formatted text for the minor axislabel, depending on the current
+ * date and the scale. For example when scale is MINUTE, the current time is
+ * formatted as "hh:mm".
+ * @param {Object} options
+ * @param {Date} [date] custom date. if not provided, current date is taken
+ */
+links.Timeline.StepDate.prototype.getLabelMinor = function(options, date) {
+    if (date == undefined) {
+        date = this.current;
+    }
+
+    switch (this.scale) {
+        case links.Timeline.StepDate.SCALE.MILLISECOND:  return String(date.getMilliseconds());
+        case links.Timeline.StepDate.SCALE.SECOND:       return String(date.getSeconds());
+        case links.Timeline.StepDate.SCALE.MINUTE:
+            return this.addZeros(date.getHours(), 2) + ":" + this.addZeros(date.getMinutes(), 2);
+        case links.Timeline.StepDate.SCALE.HOUR:
+            return this.addZeros(date.getHours(), 2) + ":" + this.addZeros(date.getMinutes(), 2);
+        case links.Timeline.StepDate.SCALE.WEEKDAY:      return options.DAYS_SHORT[date.getDay()] + ' ' + date.getDate();
+        case links.Timeline.StepDate.SCALE.DAY:          return String(date.getDate());
+        case links.Timeline.StepDate.SCALE.MONTH:        return options.MONTHS_SHORT[date.getMonth()];   // month is zero based
+        case links.Timeline.StepDate.SCALE.YEAR:         return String(date.getFullYear());
+        default:                                         return "";
+    }
+};
+
+
+/**
+ * Returns formatted text for the major axislabel, depending on the current
+ * date and the scale. For example when scale is MINUTE, the major scale is
+ * hours, and the hour will be formatted as "hh".
+ * @param {Object} options
+ * @param {Date} [date] custom date. if not provided, current date is taken
+ */
+links.Timeline.StepDate.prototype.getLabelMajor = function(options, date) {
+    if (date == undefined) {
+        date = this.current;
+    }
+
+    switch (this.scale) {
+        case links.Timeline.StepDate.SCALE.MILLISECOND:
+            return  this.addZeros(date.getHours(), 2) + ":" +
+                this.addZeros(date.getMinutes(), 2) + ":" +
+                this.addZeros(date.getSeconds(), 2);
+        case links.Timeline.StepDate.SCALE.SECOND:
+            return  date.getDate() + " " +
+                options.MONTHS[date.getMonth()] + " " +
+                this.addZeros(date.getHours(), 2) + ":" +
+                this.addZeros(date.getMinutes(), 2);
+        case links.Timeline.StepDate.SCALE.MINUTE:
+            return  options.DAYS[date.getDay()] + " " +
+                date.getDate() + " " +
+                options.MONTHS[date.getMonth()] + " " +
+                date.getFullYear();
+        case links.Timeline.StepDate.SCALE.HOUR:
+            return  options.DAYS[date.getDay()] + " " +
+                date.getDate() + " " +
+                options.MONTHS[date.getMonth()] + " " +
+                date.getFullYear();
+        case links.Timeline.StepDate.SCALE.WEEKDAY:
+        case links.Timeline.StepDate.SCALE.DAY:
+            return  options.MONTHS[date.getMonth()] + " " +
+                date.getFullYear();
+        case links.Timeline.StepDate.SCALE.MONTH:
+            return String(date.getFullYear());
+        default:
+            return "";
+    }
+};
+
+/**
+ * Add leading zeros to the given value to match the desired length.
+ * For example addZeros(123, 5) returns "00123"
+ * @param {int} value   A value
+ * @param {int} len     Desired final length
+ * @return {string}     value with leading zeros
+ */
+links.Timeline.StepDate.prototype.addZeros = function(value, len) {
+    var str = "" + value;
+    while (str.length < len) {
+        str = "0" + str;
+    }
+    return str;
+};
+
+
+
+/** ------------------------------------------------------------------------ **/
+
+/**
+ * Image Loader service.
+ * can be used to get a callback when a certain image is loaded
+ *
+ */
+links.imageloader = (function () {
+    var urls = {};  // the loaded urls
+    var callbacks = {}; // the urls currently being loaded. Each key contains
+    // an array with callbacks
+
+    /**
+     * Check if an image url is loaded
+     * @param {String} url
+     * @return {boolean} loaded   True when loaded, false when not loaded
+     *                            or when being loaded
+     */
+    function isLoaded (url) {
+        if (urls[url] == true) {
+            return true;
+        }
+
+        var image = new Image();
+        image.src = url;
+        if (image.complete) {
+            return true;
+        }
+
+        return false;
+    }
+
+    /**
+     * Check if an image url is being loaded
+     * @param {String} url
+     * @return {boolean} loading   True when being loaded, false when not loading
+     *                             or when already loaded
+     */
+    function isLoading (url) {
+        return (callbacks[url] != undefined);
+    }
+
+    /**
+     * Load given image url
+     * @param {String} url
+     * @param {function} callback
+     * @param {boolean} sendCallbackWhenAlreadyLoaded  optional
+     */
+    function load (url, callback, sendCallbackWhenAlreadyLoaded) {
+        if (sendCallbackWhenAlreadyLoaded == undefined) {
+            sendCallbackWhenAlreadyLoaded = true;
+        }
+
+        if (isLoaded(url)) {
+            if (sendCallbackWhenAlreadyLoaded) {
+                callback(url);
+            }
+            return;
+        }
+
+        if (isLoading(url) && !sendCallbackWhenAlreadyLoaded) {
+            return;
+        }
+
+        var c = callbacks[url];
+        if (!c) {
+            var image = new Image();
+            image.src = url;
+
+            c = [];
+            callbacks[url] = c;
+
+            image.onload = function (event) {
+                urls[url] = true;
+                delete callbacks[url];
+
+                for (var i = 0; i < c.length; i++) {
+                    c[i](url);
+                }
+            }
+        }
+
+        if (c.indexOf(callback) == -1) {
+            c.push(callback);
+        }
+    }
+
+    /**
+     * Load a set of images, and send a callback as soon as all images are
+     * loaded
+     * @param {String[]} urls
+     * @param {function } callback
+     * @param {boolean} sendCallbackWhenAlreadyLoaded
+     */
+    function loadAll (urls, callback, sendCallbackWhenAlreadyLoaded) {
+        // list all urls which are not yet loaded
+        var urlsLeft = [];
+        urls.forEach(function (url) {
+            if (!isLoaded(url)) {
+                urlsLeft.push(url);
+            }
+        });
+
+        if (urlsLeft.length) {
+            // there are unloaded images
+            var countLeft = urlsLeft.length;
+            urlsLeft.forEach(function (url) {
+                load(url, function () {
+                    countLeft--;
+                    if (countLeft == 0) {
+                        // done!
+                        callback();
+                    }
+                }, sendCallbackWhenAlreadyLoaded);
+            });
+        }
+        else {
+            // we are already done!
+            if (sendCallbackWhenAlreadyLoaded) {
+                callback();
+            }
+        }
+    }
+
+    /**
+     * Recursively retrieve all image urls from the images located inside a given
+     * HTML element
+     * @param {Node} elem
+     * @param {String[]} urls   Urls will be added here (no duplicates)
+     */
+    function filterImageUrls (elem, urls) {
+        var child = elem.firstChild;
+        while (child) {
+            if (child.tagName == 'IMG') {
+                var url = child.src;
+                if (urls.indexOf(url) == -1) {
+                    urls.push(url);
+                }
+            }
+
+            filterImageUrls(child, urls);
+
+            child = child.nextSibling;
+        }
+    }
+
+    return {
+        'isLoaded': isLoaded,
+        'isLoading': isLoading,
+        'load': load,
+        'loadAll': loadAll,
+        'filterImageUrls': filterImageUrls
+    };
+})();
+
+
+/** ------------------------------------------------------------------------ **/
+
+
+/**
+ * Add and event listener. Works for all browsers
+ * @param {Element} element    An html element
+ * @param {string}      action     The action, for example "click",
+ *                                 without the prefix "on"
+ * @param {function}    listener   The callback function to be executed
+ * @param {boolean}     useCapture
+ */
+links.Timeline.addEventListener = function (element, action, listener, useCapture) {
+    if (element.addEventListener) {
+        if (useCapture === undefined)
+            useCapture = false;
+
+        if (action === "mousewheel" && navigator.userAgent.indexOf("Firefox") >= 0) {
+            action = "DOMMouseScroll";  // For Firefox
+        }
+
+        element.addEventListener(action, listener, useCapture);
+    } else {
+        element.attachEvent("on" + action, listener);  // IE browsers
+    }
+};
+
+/**
+ * Remove an event listener from an element
+ * @param {Element}  element   An html dom element
+ * @param {string}       action    The name of the event, for example "mousedown"
+ * @param {function}     listener  The listener function
+ * @param {boolean}      useCapture
+ */
+links.Timeline.removeEventListener = function(element, action, listener, useCapture) {
+    if (element.removeEventListener) {
+        // non-IE browsers
+        if (useCapture === undefined)
+            useCapture = false;
+
+        if (action === "mousewheel" && navigator.userAgent.indexOf("Firefox") >= 0) {
+            action = "DOMMouseScroll";  // For Firefox
+        }
+
+        element.removeEventListener(action, listener, useCapture);
+    } else {
+        // IE browsers
+        element.detachEvent("on" + action, listener);
+    }
+};
+
+
+/**
+ * Get HTML element which is the target of the event
+ * @param {Event} event
+ * @return {Element} target element
+ */
+links.Timeline.getTarget = function (event) {
+    // code from http://www.quirksmode.org/js/events_properties.html
+    if (!event) {
+        event = window.event;
+    }
+
+    var target;
+
+    if (event.target) {
+        target = event.target;
+    }
+    else if (event.srcElement) {
+        target = event.srcElement;
+    }
+
+    if (target.nodeType != undefined && target.nodeType == 3) {
+        // defeat Safari bug
+        target = target.parentNode;
+    }
+
+    return target;
+};
+
+/**
+ * Stop event propagation
+ */
+links.Timeline.stopPropagation = function (event) {
+    if (!event)
+        event = window.event;
+
+    if (event.stopPropagation) {
+        event.stopPropagation();  // non-IE browsers
+    }
+    else {
+        event.cancelBubble = true;  // IE browsers
+    }
+};
+
+
+/**
+ * Cancels the event if it is cancelable, without stopping further propagation of the event.
+ */
+links.Timeline.preventDefault = function (event) {
+    if (!event)
+        event = window.event;
+
+    if (event.preventDefault) {
+        event.preventDefault();  // non-IE browsers
+    }
+    else {
+        event.returnValue = false;  // IE browsers
+    }
+};
+
+
+/**
+ * Retrieve the absolute left value of a DOM element
+ * @param {Element} elem        A dom element, for example a div
+ * @return {number} left        The absolute left position of this element
+ *                              in the browser page.
+ */
+links.Timeline.getAbsoluteLeft = function(elem) {
+    var doc = document.documentElement;
+    var body = document.body;
+
+    var left = elem.offsetLeft;
+    var e = elem.offsetParent;
+    while (e != null && e != body && e != doc) {
+        left += e.offsetLeft;
+        left -= e.scrollLeft;
+        e = e.offsetParent;
+    }
+    return left;
+};
+
+/**
+ * Retrieve the absolute top value of a DOM element
+ * @param {Element} elem        A dom element, for example a div
+ * @return {number} top        The absolute top position of this element
+ *                              in the browser page.
+ */
+links.Timeline.getAbsoluteTop = function(elem) {
+    var doc = document.documentElement;
+    var body = document.body;
+
+    var top = elem.offsetTop;
+    var e = elem.offsetParent;
+    while (e != null && e != body && e != doc) {
+        top += e.offsetTop;
+        top -= e.scrollTop;
+        e = e.offsetParent;
+    }
+    return top;
+};
+
+/**
+ * Get the absolute, vertical mouse position from an event.
+ * @param {Event} event
+ * @return {Number} pageY
+ */
+links.Timeline.getPageY = function (event) {
+    if (('targetTouches' in event) && event.targetTouches.length) {
+        event = event.targetTouches[0];
+    }
+
+    if ('pageY' in event) {
+        return event.pageY;
+    }
+
+    // calculate pageY from clientY
+    var clientY = event.clientY;
+    var doc = document.documentElement;
+    var body = document.body;
+    return clientY +
+        ( doc && doc.scrollTop || body && body.scrollTop || 0 ) -
+        ( doc && doc.clientTop || body && body.clientTop || 0 );
+};
+
+/**
+ * Get the absolute, horizontal mouse position from an event.
+ * @param {Event} event
+ * @return {Number} pageX
+ */
+links.Timeline.getPageX = function (event) {
+    if (('targetTouches' in event) && event.targetTouches.length) {
+        event = event.targetTouches[0];
+    }
+
+    if ('pageX' in event) {
+        return event.pageX;
+    }
+
+    // calculate pageX from clientX
+    var clientX = event.clientX;
+    var doc = document.documentElement;
+    var body = document.body;
+    return clientX +
+        ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) -
+        ( doc && doc.clientLeft || body && body.clientLeft || 0 );
+};
+
+/**
+ * Adds one or more className's to the given elements style
+ * @param {Element} elem
+ * @param {String} className
+ */
+links.Timeline.addClassName = function(elem, className) {
+    var classes = elem.className.split(' ');
+    var classesToAdd = className.split(' ');
+
+    var added = false;
+    for (var i=0; i<classesToAdd.length; i++) {
+        if (classes.indexOf(classesToAdd[i]) == -1) {
+            classes.push(classesToAdd[i]); // add the class to the array
+            added = true;
+        }
+    }
+
+    if (added) {
+        elem.className = classes.join(' ');
+    }
+};
+
+/**
+ * Removes one or more className's from the given elements style
+ * @param {Element} elem
+ * @param {String} className
+ */
+links.Timeline.removeClassName = function(elem, className) {
+    var classes = elem.className.split(' ');
+    var classesToRemove = className.split(' ');
+
+    var removed = false;
+    for (var i=0; i<classesToRemove.length; i++) {
+        var index = classes.indexOf(classesToRemove[i]);
+        if (index != -1) {
+            classes.splice(index, 1); // remove the class from the array
+            removed = true;
+        }
+    }
+
+    if (removed) {
+        elem.className = classes.join(' ');
+    }
+};
+
+/**
+ * Check if given object is a Javascript Array
+ * @param {*} obj
+ * @return {Boolean} isArray    true if the given object is an array
+ */
+// See http://stackoverflow.com/questions/2943805/javascript-instanceof-typeof-in-gwt-jsni
+links.Timeline.isArray = function (obj) {
+    if (obj instanceof Array) {
+        return true;
+    }
+    return (Object.prototype.toString.call(obj) === '[object Array]');
+};
+
+/**
+ * Shallow clone an object
+ * @param {Object} object
+ * @return {Object} clone
+ */
+links.Timeline.clone = function (object) {
+    var clone = {};
+    for (var prop in object) {
+        if (object.hasOwnProperty(prop)) {
+            clone[prop] = object[prop];
+        }
+    }
+    return clone;
+};
+
+/**
+ * parse a JSON date
+ * @param {Date | String | Number} date    Date object to be parsed. Can be:
+ *                                         - a Date object like new Date(),
+ *                                         - a long like 1356970529389,
+ *                                         an ISO String like "2012-12-31T16:16:07.213Z",
+ *                                         or a .Net Date string like
+ *                                         "\/Date(1356970529389)\/"
+ * @return {Date} parsedDate
+ */
+links.Timeline.parseJSONDate = function (date) {
+    if (date == undefined) {
+        return undefined;
+    }
+
+    //test for date
+    if (date instanceof Date) {
+        return date;
+    }
+
+    // test for MS format.
+    // FIXME: will fail on a Number
+    var m = date.match(/\/Date\((-?\d+)([-\+]?\d{2})?(\d{2})?\)\//i);
+    if (m) {
+        var offset = m[2]
+            ? (3600000 * m[2]) // hrs offset
+            + (60000 * m[3] * (m[2] / Math.abs(m[2]))) // mins offset
+            : 0;
+
+        return new Date(
+            (1 * m[1]) // ticks
+                + offset
+        );
+    }
+
+    // failing that, try to parse whatever we've got.
+    return Date.parse(date);
+};
diff --git a/bortosky-google-visualization/src/Columns/DateGoogleDataColumn.cs b/bortosky-google-visualization/src/Columns/DateGoogleDataColumn.cs
index de78696..8154905 100644
--- a/bortosky-google-visualization/src/Columns/DateGoogleDataColumn.cs
+++ b/bortosky-google-visualization/src/Columns/DateGoogleDataColumn.cs
@@ -30,6 +30,8 @@ internal DateGoogleDataColumn(DataColumn column): base(column){
 		/// <param name="row"></param>
 		protected internal override string SerializedValue(DataRow row){
             System.DateTime d = (System.DateTime)row[subjectColumn];
+            if (d == DateTime.MinValue)
+                return "undefined";
             return string.Format("new Date({0}, {1}, {2})", d.Year, d.Month - 1, d.Day);
         }
 
diff --git a/bortosky-google-visualization/src/Columns/DateTimeGoogleDataColumn.cs b/bortosky-google-visualization/src/Columns/DateTimeGoogleDataColumn.cs
index f0d1f6f..5fb1a9d 100644
--- a/bortosky-google-visualization/src/Columns/DateTimeGoogleDataColumn.cs
+++ b/bortosky-google-visualization/src/Columns/DateTimeGoogleDataColumn.cs
@@ -30,6 +30,8 @@ internal DateTimeGoogleDataColumn(DataColumn column): base(column){
 		/// <param name="row"></param>
 		protected internal override string SerializedValue(DataRow row){
             DateTime d = (DateTime)row[subjectColumn];
+            if (d == DateTime.MinValue)
+                return "null";
             return string.Format("new Date({0}, {1}, {2}, {3}, {4}, {5})", d.Year, d.Month - 1, d.Day, d.Hour, d.Minute, d.Second);
 		}