From b127cb81b8cf6339e69ec6302634e66ccdc8c27e Mon Sep 17 00:00:00 2001
From: josdejong <wjosdejong@gmail.com>
Date: Wed, 29 Jan 2014 11:42:44 +0100
Subject: [PATCH] Some more updates in the docs

---
 docs/graph.html    | 43 +++++++++++++++++++++++--------------------
 docs/timeline.html | 20 ++++++++++----------
 2 files changed, 33 insertions(+), 30 deletions(-)

diff --git a/docs/graph.html b/docs/graph.html
index cf12c068..1ce8d7f4 100644
--- a/docs/graph.html
+++ b/docs/graph.html
@@ -15,7 +15,26 @@
 
 <h1>Graph documentation</h1>
 
+<h2 id="Overview">Overview</h2>
+<p>
+  Graph is a visualization to display graphs and networks consisting of nodes
+  and edges. The visualization is easy to use and supports custom shapes,
+  styles, colors, sizes, images, and more.
+</p>
+
+<p>
+  The graph visualization works smooth on any modern browser for up to a
+  few hundred nodes and edges.
+</p>
+
+<p>
+  To get started with Graph, install or download the
+  <a href="http://visjs.org" target="_blank">vis.js</a> library.
+</p>
+
+
 <h2><a name="Contents"></a>Contents</h2>
+
 <ul>
   <li><a href="#Overview">Overview</a></li>
   <li><a href="#Example">Example</a></li>
@@ -44,23 +63,6 @@
   <li><a href="#Data_policy">Data policy</a></li>
 </ul>
 
-<h2 id="Overview">Overview</h2>
-<p>
-  Graph is a visualization to display graphs and networks consisting of nodes
-  and edges. The visualization is easy to use and supports custom shapes,
-  styles, colors, sizes, images, and more.
-</p>
-
-<p>
-  The graph visualization works smooth on any modern browser for up to a
-  few hundred nodes and edges.
-</p>
-
-<p>
-  To get started with Graph, install or download the
-  <a href="http://visjs.org" target="_blank">vis.js</a> library.
-</p>
-
 <h2 id="Example">Example</h2>
 <p>
   Here a basic graph example. Note that unlike the
@@ -789,7 +791,7 @@ var options = {
     <td>color.highlight</td>
     <td>String | Object</td>
     <td>Object</td>
-    <td>Default color of the node when the node is selected. Applied to
+    <td>Default color of the node when the node is selected. In case of a string, the color is applied to
       both border and background of the node.</td>
   </tr>
   <tr>
@@ -1056,9 +1058,10 @@ var nodes = [
   </tr>
   <tr>
     <td>color.highlight</td>
-    <td>String</td>
+    <td>String | Object</td>
     <td>"#D2E5FF"</td>
-    <td>Color of the node when selected.</td>
+    <td>Default color of the node when the node is selected. In case of a string, the color is applied to
+      both border and background of the node.</td>
   </tr>
   <tr>
     <td>color.highlight.background</td>
diff --git a/docs/timeline.html b/docs/timeline.html
index c2335c60..93dfc599 100644
--- a/docs/timeline.html
+++ b/docs/timeline.html
@@ -14,6 +14,16 @@
 
 <h1>Timeline documentation</h1>
 
+<h2 id="Overview">Overview</h2>
+<p>
+  The Timeline is an interactive visualization chart to visualize data in time.
+  The data items can take place on a single date, or have a start and end date (a range).
+  You can freely move and zoom in the timeline by dragging and scrolling in the
+  Timeline. Items can be created, edited, and deleted in the timeline.
+  The time scale on the axis is adjusted automatically, and supports scales ranging
+  from milliseconds to years.
+</p>
+
 
 <h2 id="Contents">Contents</h2>
 <ul>
@@ -32,16 +42,6 @@
   <li><a href="#Data_Policy">Data Policy</a></li>
 </ul>
 
-<h2 id="Overview">Overview</h2>
-<p>
-  The Timeline is an interactive visualization chart to visualize data in time.
-  The data items can take place on a single date, or have a start and end date (a range).
-  You can freely move and zoom in the timeline by dragging and scrolling in the
-  Timeline. Items can be created, edited, and deleted in the timeline.
-  The time scale on the axis is adjusted automatically, and supports scales ranging
-  from milliseconds to years.
-</p>
-
 <h2 id="Example">Example</h2>
 <p>
   The following code shows how to create a Timeline and provide it with data.