From cb3d59effa2774923fdd465cebbbf16f8025d3b5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=BCrg=20Lehni?= <juerg@scratchdisk.com>
Date: Wed, 13 Jul 2011 13:30:22 +0100
Subject: [PATCH] Update dist version to 0.2.

---
 dist/docs/classes/CharacterStyle.html  |    4 +-
 dist/docs/classes/CompoundPath.html    |  125 +-
 dist/docs/classes/Curve.html           |   66 +-
 dist/docs/classes/CurveLocation.html   |   67 +-
 dist/docs/classes/GradientColor.html   |    2 +-
 dist/docs/classes/GradientStop.html    |    2 +-
 dist/docs/classes/Group.html           |  119 +-
 dist/docs/classes/HSLColor.html        |  729 +++++
 dist/docs/classes/HitResult.html       |  507 ++++
 dist/docs/classes/Item.html            |  119 +-
 dist/docs/classes/Layer.html           |  121 +-
 dist/docs/classes/Matrix.html          |  120 +-
 dist/docs/classes/Path.html            |  145 +-
 dist/docs/classes/PathItem.html        |  129 +-
 dist/docs/classes/PathStyle.html       |    4 +-
 dist/docs/classes/PlacedItem.html      | 3382 ++++++++++++++++++++++++
 dist/docs/classes/PlacedSymbol.html    |  164 +-
 dist/docs/classes/PointText.html       |  119 +-
 dist/docs/classes/Raster.html          |  162 +-
 dist/docs/classes/Rectangle.html       |    4 +-
 dist/docs/classes/TextItem.html        |  119 +-
 dist/docs/classes/ToolEvent.html       |   32 +
 dist/docs/classes/index.html           |    1 +
 dist/docs/resources/css/codemirror.css |   25 +-
 dist/docs/resources/js/codemirror.js   |    2 +-
 dist/docs/resources/js/paper.js        | 1767 ++++++-------
 dist/paper.js                          | 1105 ++++----
 27 files changed, 7341 insertions(+), 1800 deletions(-)
 create mode 100644 dist/docs/classes/HSLColor.html
 create mode 100644 dist/docs/classes/HitResult.html
 create mode 100644 dist/docs/classes/PlacedItem.html

diff --git a/dist/docs/classes/CharacterStyle.html b/dist/docs/classes/CharacterStyle.html
index 0fbfeac1..7b2ea6e5 100644
--- a/dist/docs/classes/CharacterStyle.html
+++ b/dist/docs/classes/CharacterStyle.html
@@ -150,7 +150,7 @@ text.characterStyle = {
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -529,7 +529,7 @@ limit on the ratio of the miter length to the <a href="../classes/PathStyle.html
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
diff --git a/dist/docs/classes/CompoundPath.html b/dist/docs/classes/CompoundPath.html
index c63c4e86..7f9a8154 100644
--- a/dist/docs/classes/CompoundPath.html
+++ b/dist/docs/classes/CompoundPath.html
@@ -567,16 +567,16 @@ function onMouseDrag(event) {
 	if (myPath) {
 	    myPath.remove();
 	}
-	
+
 	// Create a new path and add a segment point to it
 	// at {x: 150, y: 150):
 	myPath = new Path();
 	myPath.add(150, 150);
-	
+
 	// Draw an arc through the position of the mouse to 'toPoint'
 	var toPoint = new Point(350, 150);
 	myPath.arcTo(event.point, toPoint);
-	
+
 	// Select the path, so we can see its segments:
 	myPath.selected = true;
 }
@@ -1391,6 +1391,45 @@ circle2.opacity = 0.5;
 </div>
 
 	
+<div id="guide-member" class="member">
+<div id="guide-link" class="member-link">
+<a name="guide" href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+<div id="guide-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('guide', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>Specifies whether the item functions as a guide. When set to
+<tt>true</tt>, the item will be drawn at the end as a guide.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>1</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
 <div id="selected-member" class="member">
 <div id="selected-link" class="member-link">
 <a name="selected" href="#" onClick="return toggleMember('selected', false);"><tt><b>selected</b></tt></a>
@@ -1881,6 +1920,38 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	</ul>
 	
 	
+</div>
+
+</div>
+</div>
+
+	
+<div id="handlebounds-member" class="member">
+<div id="handlebounds-link" class="member-link">
+<a name="handlebounds" href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+<div id="handlebounds-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('handlebounds', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The bounding rectangle of the item including handles.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Rectangle.html"><tt>Rectangle</tt></a>
+	</li>
+	</ul>
+	
+	
 </div>
 
 </div>
@@ -1910,7 +1981,7 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -2284,7 +2355,7 @@ miterLimit imposes a limit on the ratio of the miter length to the
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -3481,18 +3552,18 @@ circle.scale(1.5, circle.bounds.bottomLeft);
 </div>
 
 	
-<div id="scale-sx-sy-member" class="member">
-<div id="scale-sx-sy-link" class="member-link">
-<a name="scale-sx-sy" href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<div id="scale-hor-ver-member" class="member">
+<div id="scale-hor-ver-link" class="member-link">
+<a name="scale-hor-ver" href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="scale-sx-sy-description" class="member-description hidden">
+<div id="scale-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<a href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-sx-sy', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -3502,14 +3573,14 @@ from a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>sx:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the horizontal scale factor
 
 </li>
 
 <li>
-<tt>sy:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the vertical scale factor
 
@@ -3729,18 +3800,18 @@ by a supplied point.</p>
 </div>
 
 	
-<div id="shear-shearX-shearY-member" class="member">
-<div id="shear-shearX-shearY-link" class="member-link">
-<a name="shear-shearX-shearY" href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<div id="shear-hor-ver-member" class="member">
+<div id="shear-hor-ver-link" class="member-link">
+<a name="shear-hor-ver" href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="shear-shearX-shearY-description" class="member-description hidden">
+<div id="shear-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<a href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-shearX-shearY', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -3750,16 +3821,16 @@ by a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>shearX:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the horizontal shear factor.
 
 </li>
 
 <li>
-<tt>shearY:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the vertical shear factor.
 
 </li>
 
@@ -3993,7 +4064,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path on the next onMouseDrag or onMouseDown event:
 	path.removeOn({
 		drag: true,
@@ -4041,7 +4112,7 @@ function onMouseMove(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next move event, automatically remove the path:
 	path.removeOnMove();
 }
@@ -4131,7 +4202,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next drag event, automatically remove the path:
 	path.removeOnDrag();
 }
@@ -4176,7 +4247,7 @@ function onMouseDown(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path, when the mouse is released:
 	path.removeOnUp();
 }
diff --git a/dist/docs/classes/Curve.html b/dist/docs/classes/Curve.html
index e5fdfefd..60a92a9b 100644
--- a/dist/docs/classes/Curve.html
+++ b/dist/docs/classes/Curve.html
@@ -552,18 +552,18 @@ handle.</p>
 </div>
 		
 			
-<div id="getparameter-length-member" class="member">
-<div id="getparameter-length-link" class="member-link">
-<a name="getparameter-length" href="#" onClick="return toggleMember('getparameter-length', false);"><tt><b>getParameter</b>(length[, start])</tt></a>
+<div id="getparameterat-offset-member" class="member">
+<div id="getparameterat-offset-link" class="member-link">
+<a name="getparameterat-offset" href="#" onClick="return toggleMember('getparameterat-offset', false);"><tt><b>getParameterAt</b>(offset[, start])</tt></a>
 </div>
-<div id="getparameter-length-description" class="member-description hidden">
+<div id="getparameterat-offset-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('getparameter-length', false);"><tt><b>getParameter</b>(length[, start])</tt></a>
+<a href="#" onClick="return toggleMember('getparameterat-offset', false);"><tt><b>getParameterAt</b>(offset[, start])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('getparameter-length', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('getparameterat-offset', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -572,7 +572,7 @@ handle.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>length:</tt> 
+<tt>offset:</tt> 
 <tt>Number</tt>
 
 
@@ -591,7 +591,7 @@ handle.</p>
 	<ul><b>Returns:</b>
 	
 		<li>
-<tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> the curve is linear, <tt>false</tt> otherwise
+<tt><tt>Number</tt></tt>
 </li>
 	
 	</ul>
@@ -626,7 +626,7 @@ handle.</p>
 <tt>parameter:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the position at which to find the point as
-                a value between <tt>0</tt> and <tt>1</tt>.
+       a value between <tt>0</tt> and <tt>1</tt>.
 
 </li>
 
@@ -671,7 +671,7 @@ handle.</p>
 <tt>parameter:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the position at which to find the tangent
-                point as a value between <tt>0</tt> and <tt>1</tt>.
+       point as a value between <tt>0</tt> and <tt>1</tt>.
 
 </li>
 
@@ -708,7 +708,7 @@ handle.</p>
 <tt>parameter:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the position at which to find the normal
-                point as a value between <tt>0</tt> and <tt>1</tt>.
+       point as a value between <tt>0</tt> and <tt>1</tt>.
 
 </li>
 
@@ -717,6 +717,50 @@ handle.</p>
 	
 	
 	
+</div>
+</div>
+</div>
+		
+			
+<div id="getparameter-point-member" class="member">
+<div id="getparameter-point-link" class="member-link">
+<a name="getparameter-point" href="#" onClick="return toggleMember('getparameter-point', false);"><tt><b>getParameter</b>(point)</tt></a>
+</div>
+<div id="getparameter-point-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('getparameter-point', false);"><tt><b>getParameter</b>(point)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('getparameter-point', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>point:</tt> 
+<a href="../classes/Point.html"><tt>Point</tt></a>
+
+
+</li>
+
+</ul>
+
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>Number</tt></tt>
+</li>
+	
+	</ul>
+
+	
+	
 </div>
 </div>
 </div>
diff --git a/dist/docs/classes/CurveLocation.html b/dist/docs/classes/CurveLocation.html
index b73824fa..cdea7328 100644
--- a/dist/docs/classes/CurveLocation.html
+++ b/dist/docs/classes/CurveLocation.html
@@ -21,6 +21,8 @@ objects, as defined by the curve <a href="../classes/CurveLocation.html#paramete
 <tt>0</tt> (beginning of the curve) and <tt>1</tt> (end of the curve). If
 the curve is part of a <a href="../classes/Path.html"><tt>Path</tt></a> item, its <a href="../classes/CurveLocation.html#index" onclick="return toggleMember('index', true);"><tt>index</tt></a> inside the
 <a href="../classes/Path.html#curves"><tt>path.curves</tt></a> array is also provided.</p>
+<p>The class is in use in many places, such as
+<a href="../classes/Path.html#getlocationat-offset"><tt>path.getLocationAt(offset)</tt></a>, Path#getNearestLocation(point), etc.</p>
 
 </div>
 
@@ -28,18 +30,18 @@ the curve is part of a <a href="../classes/Path.html"><tt>Path</tt></a> item, it
 <div class="reference-members"><h2>Constructors</h2>
 	
 		
-<div id="curvelocation-curve-parameter-point-member" class="member">
-<div id="curvelocation-curve-parameter-point-link" class="member-link">
-<a name="curvelocation-curve-parameter-point" href="#" onClick="return toggleMember('curvelocation-curve-parameter-point', false);"><tt><b>CurveLocation</b>(curve, parameter, point)</tt></a>
+<div id="curvelocation-curve-parameter-point-distance-member" class="member">
+<div id="curvelocation-curve-parameter-point-distance-link" class="member-link">
+<a name="curvelocation-curve-parameter-point-distance" href="#" onClick="return toggleMember('curvelocation-curve-parameter-point-distance', false);"><tt><b>CurveLocation</b>(curve, parameter, point, distance)</tt></a>
 </div>
-<div id="curvelocation-curve-parameter-point-description" class="member-description hidden">
+<div id="curvelocation-curve-parameter-point-distance-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('curvelocation-curve-parameter-point', false);"><tt><b>CurveLocation</b>(curve, parameter, point)</tt></a>
+<a href="#" onClick="return toggleMember('curvelocation-curve-parameter-point-distance', false);"><tt><b>CurveLocation</b>(curve, parameter, point, distance)</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('curvelocation-curve-parameter-point', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('curvelocation-curve-parameter-point-distance', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -66,6 +68,13 @@ the curve is part of a <a href="../classes/Path.html"><tt>Path</tt></a> item, it
 <a href="../classes/Point.html"><tt>Point</tt></a>
 
 
+</li>
+
+<li>
+<tt>distance:</tt> 
+
+
+
 </li>
 
 </ul>
@@ -150,23 +159,23 @@ the curve is part of a <a href="../classes/Path.html"><tt>Path</tt></a> item, it
 </div>
 		
 			
-<div id="item-member" class="member">
-<div id="item-link" class="member-link">
-<a name="item" href="#" onClick="return toggleMember('item', false);"><tt><b>item</b></tt></a>
+<div id="path-member" class="member">
+<div id="path-link" class="member-link">
+<a name="path" href="#" onClick="return toggleMember('path', false);"><tt><b>path</b></tt></a>
 </div>
-<div id="item-description" class="member-description hidden">
+<div id="path-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('item', false);"><tt><b>item</b></tt></a>
+<a href="#" onClick="return toggleMember('path', false);"><tt><b>path</b></tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('item', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('path', false);"></div>
 <div class="clear"></div>
 </div>
 
 <div class="member-text">
-	<p>The item this curve belongs to, if any.</p>
+	<p>The path this curve belongs to, if any.</p>
 	
 	
 	<ul><b>Type:</b>
@@ -406,6 +415,38 @@ the curve).</p>
 	</ul>
 	
 	
+</div>
+
+</div>
+</div>
+		
+			
+<div id="distance-member" class="member">
+<div id="distance-link" class="member-link">
+<a name="distance" href="#" onClick="return toggleMember('distance', false);"><tt><b>distance</b></tt></a>
+</div>
+<div id="distance-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('distance', false);"><tt><b>distance</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('distance', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The distance from the queried point to the returned location.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
 </div>
 
 </div>
diff --git a/dist/docs/classes/GradientColor.html b/dist/docs/classes/GradientColor.html
index b4b1ec92..f37eccdb 100644
--- a/dist/docs/classes/GradientColor.html
+++ b/dist/docs/classes/GradientColor.html
@@ -131,7 +131,7 @@ var from = path.position;
 // center point of the path + 80pt in horizontal direction:
 var to = path.position + [80, 0];
 
-// Create the gradient color: 
+// Create the gradient color:
 var gradientColor = new GradientColor(gradient, from, to);
 
 // Set the fill color of the path to the gradient color:
diff --git a/dist/docs/classes/GradientStop.html b/dist/docs/classes/GradientStop.html
index c088f409..2d878d1d 100644
--- a/dist/docs/classes/GradientStop.html
+++ b/dist/docs/classes/GradientStop.html
@@ -127,7 +127,7 @@ function onFrame(event) {
 	var blackStop = gradient.stops[2];
 	// Animate the rampPoint between 0.7 and 0.9:
 	blackStop.rampPoint = Math.sin(event.time * 5) * 0.1 + 0.8;
-	
+
 	// Animate the rampPoint between 0.2 and 0.4
 	var redStop = gradient.stops[1];
 	redStop.rampPoint = Math.sin(event.time * 3) * 0.1 + 0.3;
diff --git a/dist/docs/classes/Group.html b/dist/docs/classes/Group.html
index 15dd4e3a..0fb07293 100644
--- a/dist/docs/classes/Group.html
+++ b/dist/docs/classes/Group.html
@@ -596,6 +596,45 @@ circle2.opacity = 0.5;
 </div>
 
 	
+<div id="guide-member" class="member">
+<div id="guide-link" class="member-link">
+<a name="guide" href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+<div id="guide-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('guide', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>Specifies whether the item functions as a guide. When set to
+<tt>true</tt>, the item will be drawn at the end as a guide.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>1</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
 <div id="selected-member" class="member">
 <div id="selected-link" class="member-link">
 <a name="selected" href="#" onClick="return toggleMember('selected', false);"><tt><b>selected</b></tt></a>
@@ -1086,6 +1125,38 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	</ul>
 	
 	
+</div>
+
+</div>
+</div>
+
+	
+<div id="handlebounds-member" class="member">
+<div id="handlebounds-link" class="member-link">
+<a name="handlebounds" href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+<div id="handlebounds-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('handlebounds', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The bounding rectangle of the item including handles.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Rectangle.html"><tt>Rectangle</tt></a>
+	</li>
+	</ul>
+	
+	
 </div>
 
 </div>
@@ -1115,7 +1186,7 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -1489,7 +1560,7 @@ miterLimit imposes a limit on the ratio of the miter length to the
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -2686,18 +2757,18 @@ circle.scale(1.5, circle.bounds.bottomLeft);
 </div>
 
 	
-<div id="scale-sx-sy-member" class="member">
-<div id="scale-sx-sy-link" class="member-link">
-<a name="scale-sx-sy" href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<div id="scale-hor-ver-member" class="member">
+<div id="scale-hor-ver-link" class="member-link">
+<a name="scale-hor-ver" href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="scale-sx-sy-description" class="member-description hidden">
+<div id="scale-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<a href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-sx-sy', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -2707,14 +2778,14 @@ from a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>sx:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the horizontal scale factor
 
 </li>
 
 <li>
-<tt>sy:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the vertical scale factor
 
@@ -2934,18 +3005,18 @@ by a supplied point.</p>
 </div>
 
 	
-<div id="shear-shearX-shearY-member" class="member">
-<div id="shear-shearX-shearY-link" class="member-link">
-<a name="shear-shearX-shearY" href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<div id="shear-hor-ver-member" class="member">
+<div id="shear-hor-ver-link" class="member-link">
+<a name="shear-hor-ver" href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="shear-shearX-shearY-description" class="member-description hidden">
+<div id="shear-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<a href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-shearX-shearY', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -2955,16 +3026,16 @@ by a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>shearX:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the horizontal shear factor.
 
 </li>
 
 <li>
-<tt>shearY:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the vertical shear factor.
 
 </li>
 
@@ -3198,7 +3269,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path on the next onMouseDrag or onMouseDown event:
 	path.removeOn({
 		drag: true,
@@ -3246,7 +3317,7 @@ function onMouseMove(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next move event, automatically remove the path:
 	path.removeOnMove();
 }
@@ -3336,7 +3407,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next drag event, automatically remove the path:
 	path.removeOnDrag();
 }
@@ -3381,7 +3452,7 @@ function onMouseDown(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path, when the mouse is released:
 	path.removeOnUp();
 }
diff --git a/dist/docs/classes/HSLColor.html b/dist/docs/classes/HSLColor.html
new file mode 100644
index 00000000..30d50b4c
--- /dev/null
+++ b/dist/docs/classes/HSLColor.html
@@ -0,0 +1,729 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>HSLColor</title>
+<base target="classFrame">
+<link rel="stylesheet" href="../resources/css/reference.css" type="text/css">
+<link rel="stylesheet" href="../resources/css/style.css" type="text/css">
+<link rel="stylesheet" href="../resources/css/paperscript.css" type="text/css">
+<link rel="stylesheet" href="../resources/css/codemirror.css" type="text/css">
+<script src="../resources/js/bootstrap.js" type="text/javascript"></script>
+<script src="../resources/js/paper.js" type="text/javascript"></script>
+<script src="../resources/js/codemirror.js" type="text/javascript"></script>
+<script src="../resources/js/reference.js" type="text/javascript"></script>
+</head>
+<body class="reference">
+<div class="reference-class">
+<h1>HSLColor</h1>
+
+<p> Extends <b><a href="../classes/Color.html"><tt>Color</tt></a></b></p>
+
+<p>An HSLColor object is used to represent any HSL color value.</p>
+
+</div>
+
+<!-- ============================== constructors ========================= -->
+<div class="reference-members"><h2>Constructors</h2>
+	
+		
+<div id="hslcolor-hue-saturation-lightness-member" class="member">
+<div id="hslcolor-hue-saturation-lightness-link" class="member-link">
+<a name="hslcolor-hue-saturation-lightness" href="#" onClick="return toggleMember('hslcolor-hue-saturation-lightness', false);"><tt><b>HSLColor</b>(hue, saturation, lightness[, alpha])</tt></a>
+</div>
+<div id="hslcolor-hue-saturation-lightness-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('hslcolor-hue-saturation-lightness', false);"><tt><b>HSLColor</b>(hue, saturation, lightness[, alpha])</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('hslcolor-hue-saturation-lightness', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+<p>Creates an HSLColor object</p>
+
+<ul><b>Parameters:</b>
+
+<li>
+<tt>hue:</tt> 
+<tt>Number</tt>
+&mdash;&nbsp;the hue of the color as a value in degrees between
+<tt>0</tt> and <tt>360</tt>.
+
+</li>
+
+<li>
+<tt>saturation:</tt> 
+<tt>Number</tt>
+&mdash;&nbsp;the saturation of the color as a value
+between <tt>0</tt> and <tt>1</tt>
+
+</li>
+
+<li>
+<tt>lightness:</tt> 
+<tt>Number</tt>
+&mdash;&nbsp;the lightness of the color as a value
+between <tt>0</tt> and <tt>1</tt>
+
+</li>
+
+<li>
+<tt>alpha:</tt> 
+<tt>Number</tt>
+&mdash;&nbsp;the alpha of the color as a value between
+<tt>0</tt> and <tt>1</tt>
+&mdash;&nbsp;optional
+</li>
+
+</ul>
+
+
+<p>
+<b>Example</b> &mdash; Creating an HSLColor:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-0">
+// Create a circle shaped path at {x: 80, y: 50}
+// with a radius of 30:
+var circle = new Path.Circle(new Point(80, 50), 30);
+
+// Create an HSLColor with a hue of 90 degrees, a saturation
+// 100% and a lightness of 100%:
+circle.fillColor = new HSLColor(90, 1, 1);
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-0"></canvas></div>
+</div>
+
+
+
+</div>
+</div>
+</div>
+	
+</div>
+
+
+
+
+
+
+
+
+
+
+<!-- =========================== inherited properties ====================== -->
+<div class="reference-members"><h2>Properties inherited from <a href="../classes/Color.html"><tt>Color</tt></a></h2>
+
+	
+<div id="type-member" class="member">
+<div id="type-link" class="member-link">
+<a name="type" href="#" onClick="return toggleMember('type', false);"><tt><b>type</b></tt></a>
+</div>
+<div id="type-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('type', false);"><tt><b>type</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('type', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>Returns the type of the color as a string.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>String('rgb', 'hsb', 'gray')</tt>
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> 
+</p>
+
+
+<pre class="code">var color = new RGBColor(1, 0, 0);
+console.log(color.type); // 'rgb'</pre>
+
+</div>
+
+</div>
+</div>
+
+	
+<div id="alpha-member" class="member">
+<div id="alpha-link" class="member-link">
+<a name="alpha" href="#" onClick="return toggleMember('alpha', false);"><tt><b>alpha</b></tt></a>
+</div>
+<div id="alpha-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('alpha', false);"><tt><b>alpha</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('alpha', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The color's alpha value as a number between <tt>0</tt> and <tt>1</tt>. All
+colors of the different subclasses support alpha values.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> &mdash; A filled path with a half transparent stroke:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-1">
+var circle = new Path.Circle(new Point(80, 50), 30);
+
+// Fill the circle with red and give it a 20pt green stroke:
+circle.style = {
+	fillColor: 'red',
+	strokeColor: 'green',
+	strokeWidth: 20
+};
+
+// Make the stroke half transparent:
+circle.strokeColor.alpha = 0.5;
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-1"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+	
+	<h3>RGB Components</h3>
+
+<div id="red-member" class="member">
+<div id="red-link" class="member-link">
+<a name="red" href="#" onClick="return toggleMember('red', false);"><tt><b>red</b></tt></a>
+</div>
+<div id="red-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('red', false);"><tt><b>red</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('red', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The amount of red in the color as a value between <tt>0</tt> and
+<tt>1</tt>.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> &mdash; Changing the amount of red in a color:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-2">
+var circle = new Path.Circle(new Point(80, 50), 30);
+circle.fillColor = 'blue';
+
+// Blue + red = purple:
+circle.fillColor.red = 1;
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-2"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+	
+<div id="green-member" class="member">
+<div id="green-link" class="member-link">
+<a name="green" href="#" onClick="return toggleMember('green', false);"><tt><b>green</b></tt></a>
+</div>
+<div id="green-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('green', false);"><tt><b>green</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('green', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The amount of green in the color as a value between <tt>0</tt> and
+<tt>1</tt>.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> &mdash; Changing the amount of green in a color:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-3">
+var circle = new Path.Circle(new Point(80, 50), 30);
+
+// First we set the fill color to red:
+circle.fillColor = 'red';
+
+// Red + green = yellow:
+circle.fillColor.green = 1;
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-3"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+	
+<div id="blue-member" class="member">
+<div id="blue-link" class="member-link">
+<a name="blue" href="#" onClick="return toggleMember('blue', false);"><tt><b>blue</b></tt></a>
+</div>
+<div id="blue-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('blue', false);"><tt><b>blue</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('blue', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The amount of blue in the color as a value between <tt>0</tt> and
+<tt>1</tt>.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> &mdash; Changing the amount of blue in a color:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-4">
+var circle = new Path.Circle(new Point(80, 50), 30);
+
+// First we set the fill color to red:
+circle.fillColor = 'red';
+
+// Red + blue = purple:
+circle.fillColor.blue = 1;
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-4"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+	
+	<h3>Gray Components</h3>
+
+<div id="gray-member" class="member">
+<div id="gray-link" class="member-link">
+<a name="gray" href="#" onClick="return toggleMember('gray', false);"><tt><b>gray</b></tt></a>
+</div>
+<div id="gray-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('gray', false);"><tt><b>gray</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('gray', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The amount of gray in the color as a value between <tt>0</tt> and
+<tt>1</tt>.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+	<h3>HSB Components</h3>
+
+<div id="hue-member" class="member">
+<div id="hue-link" class="member-link">
+<a name="hue" href="#" onClick="return toggleMember('hue', false);"><tt><b>hue</b></tt></a>
+</div>
+<div id="hue-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('hue', false);"><tt><b>hue</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('hue', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The hue of the color as a value in degrees between <tt>0</tt> and
+<tt>360</tt>.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> &mdash; Changing the hue of a color:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-5">
+var circle = new Path.Circle(new Point(80, 50), 30);
+circle.fillColor = 'red';
+circle.fillColor.hue += 30;
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-5"></canvas></div>
+</div>
+
+
+<p>
+<b>Example</b> &mdash; Hue cycling:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-6">
+// Create a rectangle shaped path, using the dimensions
+// of the view:
+var path = new Path.Rectangle(view.bounds);
+path.fillColor = 'red';
+
+function onFrame(event) {
+	path.fillColor.hue += 0.5;
+}
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-6"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+	
+<div id="saturation-member" class="member">
+<div id="saturation-link" class="member-link">
+<a name="saturation" href="#" onClick="return toggleMember('saturation', false);"><tt><b>saturation</b></tt></a>
+</div>
+<div id="saturation-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('saturation', false);"><tt><b>saturation</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('saturation', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The saturation of the color as a value between <tt>0</tt> and <tt>1</tt>.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="brightness-member" class="member">
+<div id="brightness-link" class="member-link">
+<a name="brightness" href="#" onClick="return toggleMember('brightness', false);"><tt><b>brightness</b></tt></a>
+</div>
+<div id="brightness-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('brightness', false);"><tt><b>brightness</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('brightness', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The brightness of the color as a value between <tt>0</tt> and <tt>1</tt>.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+</div>
+
+
+<!-- =========================== inherited methods ========================= -->
+<div class="reference-members"><h2>Methods inherited from <a href="../classes/Color.html"><tt>Color</tt></a></h2>
+
+	
+<div id="clone-member" class="member">
+<div id="clone-link" class="member-link">
+<a name="clone" href="#" onClick="return toggleMember('clone', false);"><tt><b>clone</b>()</tt></a>
+</div>
+<div id="clone-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('clone', false);"><tt><b>clone</b>()</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('clone', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	
+	
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a></tt>&nbsp;&mdash;&nbsp;a copy of the color object
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="hasalpha-member" class="member">
+<div id="hasalpha-link" class="member-link">
+<a name="hasalpha" href="#" onClick="return toggleMember('hasalpha', false);"><tt><b>hasAlpha</b>()</tt></a>
+</div>
+<div id="hasalpha-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('hasalpha', false);"><tt><b>hasAlpha</b>()</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('hasalpha', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Checks if the color has an alpha value.</p>
+	
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> if the color has an alpha value, <tt>false</tt> otherwise
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="equals-color-member" class="member">
+<div id="equals-color-link" class="member-link">
+<a name="equals-color" href="#" onClick="return toggleMember('equals-color', false);"><tt><b>equals</b>(color)</tt></a>
+</div>
+<div id="equals-color-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('equals-color', false);"><tt><b>equals</b>(color)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('equals-color', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Checks if the component color values of the color are the
+same as those of the supplied one.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>color:</tt> 
+<a href="../classes/Color.html"><tt>Color</tt></a>
+&mdash;&nbsp;the color to compare with
+
+</li>
+
+</ul>
+
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> if the colors are the same, <tt>false</tt> otherwise
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<h3>String Representations</h3>
+
+<div id="tostring-member" class="member">
+<div id="tostring-link" class="member-link">
+<a name="tostring" href="#" onClick="return toggleMember('tostring', false);"><tt><b>toString</b>()</tt></a>
+</div>
+<div id="tostring-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('tostring', false);"><tt><b>toString</b>()</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('tostring', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	
+	
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>String</tt></tt>&nbsp;&mdash;&nbsp;A string representation of the color.
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="tocssstring-member" class="member">
+<div id="tocssstring-link" class="member-link">
+<a name="tocssstring" href="#" onClick="return toggleMember('tocssstring', false);"><tt><b>toCssString</b>()</tt></a>
+</div>
+<div id="tocssstring-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('tocssstring', false);"><tt><b>toCssString</b>()</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('tocssstring', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	
+	
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>String</tt></tt>&nbsp;&mdash;&nbsp;A css string representation of the color.
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+</div>
+
+
+
+<!-- =========================== copyright notice ========================= -->
+<p class="footer">Copyright &#169; 2011 <a href="http://www.lehni.org" target="_blank">J&uuml;rg Lehni</a> &amp; <a href="http://www.jonathanpuckey.com" target="_blank">Jonathan Puckey</a>. All Rights Reserved.</p>
+<div class="content-end"></div>
+
+</body>
\ No newline at end of file
diff --git a/dist/docs/classes/HitResult.html b/dist/docs/classes/HitResult.html
new file mode 100644
index 00000000..b3354ab4
--- /dev/null
+++ b/dist/docs/classes/HitResult.html
@@ -0,0 +1,507 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>HitResult</title>
+<base target="classFrame">
+<link rel="stylesheet" href="../resources/css/reference.css" type="text/css">
+<link rel="stylesheet" href="../resources/css/style.css" type="text/css">
+<link rel="stylesheet" href="../resources/css/paperscript.css" type="text/css">
+<link rel="stylesheet" href="../resources/css/codemirror.css" type="text/css">
+<script src="../resources/js/bootstrap.js" type="text/javascript"></script>
+<script src="../resources/js/paper.js" type="text/javascript"></script>
+<script src="../resources/js/codemirror.js" type="text/javascript"></script>
+<script src="../resources/js/reference.js" type="text/javascript"></script>
+</head>
+<body class="reference">
+<div class="reference-class">
+<h1>HitResult</h1>
+
+<p> Extends <b><a href="../classes/CurveLocation.html"><tt>CurveLocation</tt></a></b></p>
+
+
+
+</div>
+
+
+
+
+
+
+
+
+
+
+<!-- =========================== inherited properties ====================== -->
+<div class="reference-members"><h2>Properties inherited from <a href="../classes/CurveLocation.html"><tt>CurveLocation</tt></a></h2>
+
+	
+<div id="segment-member" class="member">
+<div id="segment-link" class="member-link">
+<a name="segment" href="#" onClick="return toggleMember('segment', false);"><tt><b>segment</b></tt></a>
+</div>
+<div id="segment-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('segment', false);"><tt><b>segment</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('segment', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The segment of the curve which is closer to the described location.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Segment.html"><tt>Segment</tt></a>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="curve-member" class="member">
+<div id="curve-link" class="member-link">
+<a name="curve" href="#" onClick="return toggleMember('curve', false);"><tt><b>curve</b></tt></a>
+</div>
+<div id="curve-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('curve', false);"><tt><b>curve</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('curve', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The curve by which the location is defined.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Curve.html"><tt>Curve</tt></a>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="path-member" class="member">
+<div id="path-link" class="member-link">
+<a name="path" href="#" onClick="return toggleMember('path', false);"><tt><b>path</b></tt></a>
+</div>
+<div id="path-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('path', false);"><tt><b>path</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('path', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The path this curve belongs to, if any.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Item.html"><tt>Item</tt></a>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="index-member" class="member">
+<div id="index-link" class="member-link">
+<a name="index" href="#" onClick="return toggleMember('index', false);"><tt><b>index</b></tt></a>
+</div>
+<div id="index-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('index', false);"><tt><b>index</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('index', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The index of the curve within the <a href="../classes/Path.html#curves"><tt>path.curves</tt></a> list, if the
+curve is part of a <a href="../classes/Path.html"><tt>Path</tt></a> item.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Index</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="offset-member" class="member">
+<div id="offset-link" class="member-link">
+<a name="offset" href="#" onClick="return toggleMember('offset', false);"><tt><b>offset</b></tt></a>
+</div>
+<div id="offset-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('offset', false);"><tt><b>offset</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('offset', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The length of the path from its beginning up to the location described
+by this object.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="curveoffset-member" class="member">
+<div id="curveoffset-link" class="member-link">
+<a name="curveoffset" href="#" onClick="return toggleMember('curveoffset', false);"><tt><b>curveOffset</b></tt></a>
+</div>
+<div id="curveoffset-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('curveoffset', false);"><tt><b>curveOffset</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('curveoffset', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The length of the curve from its beginning up to the location described
+by this object.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="parameter-member" class="member">
+<div id="parameter-link" class="member-link">
+<a name="parameter" href="#" onClick="return toggleMember('parameter', false);"><tt><b>parameter</b></tt></a>
+</div>
+<div id="parameter-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('parameter', false);"><tt><b>parameter</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('parameter', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The curve parameter, as used by various bezier curve calculations. It is
+value between <tt>0</tt> (beginning of the curve) and <tt>1</tt> (end of
+the curve).</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="point-member" class="member">
+<div id="point-link" class="member-link">
+<a name="point" href="#" onClick="return toggleMember('point', false);"><tt><b>point</b></tt></a>
+</div>
+<div id="point-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('point', false);"><tt><b>point</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('point', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The point which is defined by the <a href="../classes/CurveLocation.html#curve" onclick="return toggleMember('curve', true);"><tt>curve</tt></a> and
+<a href="../classes/CurveLocation.html#parameter" onclick="return toggleMember('parameter', true);"><tt>parameter</tt></a>.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Point.html"><tt>Point</tt></a>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="tangent-member" class="member">
+<div id="tangent-link" class="member-link">
+<a name="tangent" href="#" onClick="return toggleMember('tangent', false);"><tt><b>tangent</b></tt></a>
+</div>
+<div id="tangent-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('tangent', false);"><tt><b>tangent</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('tangent', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The tangential vector to the <a href="../classes/CurveLocation.html#curve" onclick="return toggleMember('curve', true);"><tt>curve</tt></a> at the given location.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Point.html"><tt>Point</tt></a>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="normal-member" class="member">
+<div id="normal-link" class="member-link">
+<a name="normal" href="#" onClick="return toggleMember('normal', false);"><tt><b>normal</b></tt></a>
+</div>
+<div id="normal-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('normal', false);"><tt><b>normal</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('normal', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The normal vector to the <a href="../classes/CurveLocation.html#curve" onclick="return toggleMember('curve', true);"><tt>curve</tt></a> at the given location.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Point.html"><tt>Point</tt></a>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="distance-member" class="member">
+<div id="distance-link" class="member-link">
+<a name="distance" href="#" onClick="return toggleMember('distance', false);"><tt><b>distance</b></tt></a>
+</div>
+<div id="distance-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('distance', false);"><tt><b>distance</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('distance', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The distance from the queried point to the returned location.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+</div>
+
+
+<!-- =========================== inherited methods ========================= -->
+<div class="reference-members"><h2>Methods inherited from <a href="../classes/CurveLocation.html"><tt>CurveLocation</tt></a></h2>
+
+	
+<div id="curvelocation-curve-parameter-point-distance-member" class="member">
+<div id="curvelocation-curve-parameter-point-distance-link" class="member-link">
+<a name="curvelocation-curve-parameter-point-distance" href="#" onClick="return toggleMember('curvelocation-curve-parameter-point-distance', false);"><tt><b>initialize</b>(curve, parameter, point, distance)</tt></a>
+</div>
+<div id="curvelocation-curve-parameter-point-distance-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('curvelocation-curve-parameter-point-distance', false);"><tt><b>initialize</b>(curve, parameter, point, distance)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('curvelocation-curve-parameter-point-distance', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Creates a new CurveLocation object.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>curve:</tt> 
+<a href="../classes/Curve.html"><tt>Curve</tt></a>
+
+
+</li>
+
+<li>
+<tt>parameter:</tt> 
+<tt>Number</tt>
+
+
+</li>
+
+<li>
+<tt>point:</tt> 
+<a href="../classes/Point.html"><tt>Point</tt></a>
+
+
+</li>
+
+<li>
+<tt>distance:</tt> 
+
+
+
+</li>
+
+</ul>
+
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><a href="../classes/CurveLocation.html"><tt>CurveLocation</tt></a></tt>
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="tostring-member" class="member">
+<div id="tostring-link" class="member-link">
+<a name="tostring" href="#" onClick="return toggleMember('tostring', false);"><tt><b>toString</b>()</tt></a>
+</div>
+<div id="tostring-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('tostring', false);"><tt><b>toString</b>()</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('tostring', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	
+	
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>String</tt></tt>&nbsp;&mdash;&nbsp;A string representation of the curve location.
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+</div>
+
+
+
+<!-- =========================== copyright notice ========================= -->
+<p class="footer">Copyright &#169; 2011 <a href="http://www.lehni.org" target="_blank">J&uuml;rg Lehni</a> &amp; <a href="http://www.jonathanpuckey.com" target="_blank">Jonathan Puckey</a>. All Rights Reserved.</p>
+<div class="content-end"></div>
+
+</body>
\ No newline at end of file
diff --git a/dist/docs/classes/Item.html b/dist/docs/classes/Item.html
index 4fdc80c7..6c763b09 100644
--- a/dist/docs/classes/Item.html
+++ b/dist/docs/classes/Item.html
@@ -460,6 +460,45 @@ circle2.opacity = 0.5;
 </div>
 		
 			
+<div id="guide-member" class="member">
+<div id="guide-link" class="member-link">
+<a name="guide" href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+<div id="guide-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('guide', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>Specifies whether the item functions as a guide. When set to
+<tt>true</tt>, the item will be drawn at the end as a guide.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>1</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+		
+			
 <div id="selected-member" class="member">
 <div id="selected-link" class="member-link">
 <a name="selected" href="#" onClick="return toggleMember('selected', false);"><tt><b>selected</b></tt></a>
@@ -950,6 +989,38 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	</ul>
 	
 	
+</div>
+
+</div>
+</div>
+		
+			
+<div id="handlebounds-member" class="member">
+<div id="handlebounds-link" class="member-link">
+<a name="handlebounds" href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+<div id="handlebounds-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('handlebounds', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The bounding rectangle of the item including handles.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Rectangle.html"><tt>Rectangle</tt></a>
+	</li>
+	</ul>
+	
+	
 </div>
 
 </div>
@@ -979,7 +1050,7 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -1353,7 +1424,7 @@ miterLimit imposes a limit on the ratio of the miter length to the
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -2387,18 +2458,18 @@ circle.scale(1.5, circle.bounds.bottomLeft);
 </div>
 		
 			
-<div id="scale-sx-sy-member" class="member">
-<div id="scale-sx-sy-link" class="member-link">
-<a name="scale-sx-sy" href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<div id="scale-hor-ver-member" class="member">
+<div id="scale-hor-ver-link" class="member-link">
+<a name="scale-hor-ver" href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="scale-sx-sy-description" class="member-description hidden">
+<div id="scale-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<a href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-sx-sy', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -2408,14 +2479,14 @@ from a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>sx:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the horizontal scale factor
 
 </li>
 
 <li>
-<tt>sy:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the vertical scale factor
 
@@ -2635,18 +2706,18 @@ by a supplied point.</p>
 </div>
 		
 			
-<div id="shear-shearX-shearY-member" class="member">
-<div id="shear-shearX-shearY-link" class="member-link">
-<a name="shear-shearX-shearY" href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<div id="shear-hor-ver-member" class="member">
+<div id="shear-hor-ver-link" class="member-link">
+<a name="shear-hor-ver" href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="shear-shearX-shearY-description" class="member-description hidden">
+<div id="shear-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<a href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-shearX-shearY', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -2656,16 +2727,16 @@ by a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>shearX:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the horizontal shear factor.
 
 </li>
 
 <li>
-<tt>shearY:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the vertical shear factor.
 
 </li>
 
@@ -2899,7 +2970,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path on the next onMouseDrag or onMouseDown event:
 	path.removeOn({
 		drag: true,
@@ -2947,7 +3018,7 @@ function onMouseMove(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next move event, automatically remove the path:
 	path.removeOnMove();
 }
@@ -3037,7 +3108,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next drag event, automatically remove the path:
 	path.removeOnDrag();
 }
@@ -3082,7 +3153,7 @@ function onMouseDown(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path, when the mouse is released:
 	path.removeOnUp();
 }
diff --git a/dist/docs/classes/Layer.html b/dist/docs/classes/Layer.html
index bcde2901..baff005a 100644
--- a/dist/docs/classes/Layer.html
+++ b/dist/docs/classes/Layer.html
@@ -54,7 +54,7 @@ so all newly created items will be placed within it.</p>
 <li>
 <tt>children:</tt> 
 Array of <a href="../classes/Item.html"><tt>Item</tt></a> objects
-&mdash;&nbsp;An array of items that will be added to the 
+&mdash;&nbsp;An array of items that will be added to the
 newly created layer.
 &mdash;&nbsp;optional
 </li>
@@ -555,6 +555,45 @@ circle2.opacity = 0.5;
 </div>
 
 	
+<div id="guide-member" class="member">
+<div id="guide-link" class="member-link">
+<a name="guide" href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+<div id="guide-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('guide', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>Specifies whether the item functions as a guide. When set to
+<tt>true</tt>, the item will be drawn at the end as a guide.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>1</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
 <div id="selected-member" class="member">
 <div id="selected-link" class="member-link">
 <a name="selected" href="#" onClick="return toggleMember('selected', false);"><tt><b>selected</b></tt></a>
@@ -1045,6 +1084,38 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	</ul>
 	
 	
+</div>
+
+</div>
+</div>
+
+	
+<div id="handlebounds-member" class="member">
+<div id="handlebounds-link" class="member-link">
+<a name="handlebounds" href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+<div id="handlebounds-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('handlebounds', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The bounding rectangle of the item including handles.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Rectangle.html"><tt>Rectangle</tt></a>
+	</li>
+	</ul>
+	
+	
 </div>
 
 </div>
@@ -1074,7 +1145,7 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -1448,7 +1519,7 @@ miterLimit imposes a limit on the ratio of the miter length to the
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -2645,18 +2716,18 @@ circle.scale(1.5, circle.bounds.bottomLeft);
 </div>
 
 	
-<div id="scale-sx-sy-member" class="member">
-<div id="scale-sx-sy-link" class="member-link">
-<a name="scale-sx-sy" href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<div id="scale-hor-ver-member" class="member">
+<div id="scale-hor-ver-link" class="member-link">
+<a name="scale-hor-ver" href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="scale-sx-sy-description" class="member-description hidden">
+<div id="scale-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<a href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-sx-sy', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -2666,14 +2737,14 @@ from a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>sx:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the horizontal scale factor
 
 </li>
 
 <li>
-<tt>sy:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the vertical scale factor
 
@@ -2893,18 +2964,18 @@ by a supplied point.</p>
 </div>
 
 	
-<div id="shear-shearX-shearY-member" class="member">
-<div id="shear-shearX-shearY-link" class="member-link">
-<a name="shear-shearX-shearY" href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<div id="shear-hor-ver-member" class="member">
+<div id="shear-hor-ver-link" class="member-link">
+<a name="shear-hor-ver" href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="shear-shearX-shearY-description" class="member-description hidden">
+<div id="shear-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<a href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-shearX-shearY', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -2914,16 +2985,16 @@ by a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>shearX:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the horizontal shear factor.
 
 </li>
 
 <li>
-<tt>shearY:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the vertical shear factor.
 
 </li>
 
@@ -3157,7 +3228,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path on the next onMouseDrag or onMouseDown event:
 	path.removeOn({
 		drag: true,
@@ -3205,7 +3276,7 @@ function onMouseMove(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next move event, automatically remove the path:
 	path.removeOnMove();
 }
@@ -3295,7 +3366,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next drag event, automatically remove the path:
 	path.removeOnDrag();
 }
@@ -3340,7 +3411,7 @@ function onMouseDown(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path, when the mouse is released:
 	path.removeOnUp();
 }
diff --git a/dist/docs/classes/Matrix.html b/dist/docs/classes/Matrix.html
index 0873dee5..7d66bc14 100644
--- a/dist/docs/classes/Matrix.html
+++ b/dist/docs/classes/Matrix.html
@@ -285,18 +285,18 @@ transformation.
 </div>
 		
 			
-<div id="scale-sx-sy-member" class="member">
-<div id="scale-sx-sy-link" class="member-link">
-<a name="scale-sx-sy" href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<div id="scale-hor-ver-member" class="member">
+<div id="scale-hor-ver-link" class="member-link">
+<a name="scale-hor-ver" href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="scale-sx-sy-description" class="member-description hidden">
+<div id="scale-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<a href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-sx-sy', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -305,16 +305,16 @@ transformation.
 <ul><b>Parameters:</b>
 
 <li>
-<tt>sx:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
-&mdash;&nbsp;The x-axis scaling factor.
+&mdash;&nbsp;The horizontal scaling factor.
 
 </li>
 
 <li>
-<tt>sy:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
-&mdash;&nbsp;The y-axis scaling factor.
+&mdash;&nbsp;The vertical scaling factor.
 
 </li>
 
@@ -601,18 +601,18 @@ anchor point.</p>
 </div>
 		
 			
-<div id="shear-shx-shy-member" class="member">
-<div id="shear-shx-shy-link" class="member-link">
-<a name="shear-shx-shy" href="#" onClick="return toggleMember('shear-shx-shy', false);"><tt><b>shear</b>(shx, shy[, center])</tt></a>
+<div id="shear-hor-ver-member" class="member">
+<div id="shear-hor-ver-link" class="member-link">
+<a name="shear-hor-ver" href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="shear-shx-shy-description" class="member-description hidden">
+<div id="shear-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('shear-shx-shy', false);"><tt><b>shear</b>(shx, shy[, center])</tt></a>
+<a href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-shx-shy', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -621,16 +621,16 @@ anchor point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>shx:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
-&mdash;&nbsp;The x shear factor.
+&mdash;&nbsp;The horizontal shear factor.
 
 </li>
 
 <li>
-<tt>shy:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
-&mdash;&nbsp;The y shear factor.
+&mdash;&nbsp;The vertical shear factor.
 
 </li>
 
@@ -1060,18 +1060,18 @@ inverted.</p>
 </div>
 		
 			
-<div id="settoscale-sx-sy-member" class="member">
-<div id="settoscale-sx-sy-link" class="member-link">
-<a name="settoscale-sx-sy" href="#" onClick="return toggleMember('settoscale-sx-sy', false);"><tt><b>setToScale</b>(sx, sy)</tt></a>
+<div id="settoscale-hor-ver-member" class="member">
+<div id="settoscale-hor-ver-link" class="member-link">
+<a name="settoscale-hor-ver" href="#" onClick="return toggleMember('settoscale-hor-ver', false);"><tt><b>setToScale</b>(hor, ver)</tt></a>
 </div>
-<div id="settoscale-sx-sy-description" class="member-description hidden">
+<div id="settoscale-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('settoscale-sx-sy', false);"><tt><b>setToScale</b>(sx, sy)</tt></a>
+<a href="#" onClick="return toggleMember('settoscale-hor-ver', false);"><tt><b>setToScale</b>(hor, ver)</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('settoscale-sx-sy', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('settoscale-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -1080,16 +1080,16 @@ inverted.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>sx:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
-&mdash;&nbsp;The x-axis scaling factor.
+&mdash;&nbsp;The horizontal scaling factor.
 
 </li>
 
 <li>
-<tt>sy:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
-&mdash;&nbsp;The y-axis scaling factor.
+&mdash;&nbsp;The vertical scaling factor.
 
 </li>
 
@@ -1162,18 +1162,18 @@ inverted.</p>
 </div>
 		
 			
-<div id="settoshear-shx-shy-member" class="member">
-<div id="settoshear-shx-shy-link" class="member-link">
-<a name="settoshear-shx-shy" href="#" onClick="return toggleMember('settoshear-shx-shy', false);"><tt><b>setToShear</b>(shx, shy)</tt></a>
+<div id="settoshear-hor-ver-member" class="member">
+<div id="settoshear-hor-ver-link" class="member-link">
+<a name="settoshear-hor-ver" href="#" onClick="return toggleMember('settoshear-hor-ver', false);"><tt><b>setToShear</b>(hor, ver)</tt></a>
 </div>
-<div id="settoshear-shx-shy-description" class="member-description hidden">
+<div id="settoshear-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('settoshear-shx-shy', false);"><tt><b>setToShear</b>(shx, shy)</tt></a>
+<a href="#" onClick="return toggleMember('settoshear-hor-ver', false);"><tt><b>setToShear</b>(hor, ver)</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('settoshear-shx-shy', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('settoshear-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -1182,16 +1182,16 @@ inverted.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>shx:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
-&mdash;&nbsp;The x-axis shear factor.
+&mdash;&nbsp;The horizontal shear factor.
 
 </li>
 
 <li>
-<tt>shy:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
-&mdash;&nbsp;The y-axis shear factor.
+&mdash;&nbsp;The vertical shear factor.
 
 </li>
 
@@ -1319,18 +1319,18 @@ inverted.</p>
 	<div class="reference-members"><h2>Static Methods</h2>
 		
 			
-<div id="getscaleinstance-sx-sy-member" class="member">
-<div id="getscaleinstance-sx-sy-link" class="member-link">
-<a name="getscaleinstance-sx-sy" href="#" onClick="return toggleMember('getscaleinstance-sx-sy', false);"><tt><b>Matrix.getScaleInstance</b>(sx, sy)</tt></a>
+<div id="getscaleinstance-hor-ver-member" class="member">
+<div id="getscaleinstance-hor-ver-link" class="member-link">
+<a name="getscaleinstance-hor-ver" href="#" onClick="return toggleMember('getscaleinstance-hor-ver', false);"><tt><b>Matrix.getScaleInstance</b>(hor, ver)</tt></a>
 </div>
-<div id="getscaleinstance-sx-sy-description" class="member-description hidden">
+<div id="getscaleinstance-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('getscaleinstance-sx-sy', false);"><tt><b>Matrix.getScaleInstance</b>(sx, sy)</tt></a>
+<a href="#" onClick="return toggleMember('getscaleinstance-hor-ver', false);"><tt><b>Matrix.getScaleInstance</b>(hor, ver)</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('getscaleinstance-sx-sy', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('getscaleinstance-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -1339,16 +1339,16 @@ inverted.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>sx:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
-&mdash;&nbsp;The x-axis scaling factor.
+&mdash;&nbsp;The horizontal scaling factor.
 
 </li>
 
 <li>
-<tt>sy:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
-&mdash;&nbsp;The y-axis scaling factor.
+&mdash;&nbsp;The vertical scaling factor.
 
 </li>
 
@@ -1423,18 +1423,18 @@ inverted.</p>
 </div>
 		
 			
-<div id="getshearinstance-shx-shy-center-member" class="member">
-<div id="getshearinstance-shx-shy-center-link" class="member-link">
-<a name="getshearinstance-shx-shy-center" href="#" onClick="return toggleMember('getshearinstance-shx-shy-center', false);"><tt><b>Matrix.getShearInstance</b>(shx, shy, center)</tt></a>
+<div id="getshearinstance-hor-ver-center-member" class="member">
+<div id="getshearinstance-hor-ver-center-link" class="member-link">
+<a name="getshearinstance-hor-ver-center" href="#" onClick="return toggleMember('getshearinstance-hor-ver-center', false);"><tt><b>Matrix.getShearInstance</b>(hor, ver, center)</tt></a>
 </div>
-<div id="getshearinstance-shx-shy-center-description" class="member-description hidden">
+<div id="getshearinstance-hor-ver-center-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('getshearinstance-shx-shy-center', false);"><tt><b>Matrix.getShearInstance</b>(shx, shy, center)</tt></a>
+<a href="#" onClick="return toggleMember('getshearinstance-hor-ver-center', false);"><tt><b>Matrix.getShearInstance</b>(hor, ver, center)</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('getshearinstance-shx-shy-center', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('getshearinstance-hor-ver-center', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -1443,16 +1443,16 @@ inverted.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>shx:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
-&mdash;&nbsp;The x-axis shear factor.
+&mdash;&nbsp;The horizontal shear factor.
 
 </li>
 
 <li>
-<tt>shy:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
-&mdash;&nbsp;The y-axis shear factor.
+&mdash;&nbsp;The vertical shear factor.
 
 </li>
 
diff --git a/dist/docs/classes/Path.html b/dist/docs/classes/Path.html
index 10d78fa6..4dc465cd 100644
--- a/dist/docs/classes/Path.html
+++ b/dist/docs/classes/Path.html
@@ -1784,7 +1784,7 @@ function onMouseDown(event) {
 	if (path) {
 		path.selected = false;
 	}
-	
+
 	// Create a new path and add the position of the mouse
 	// as its first segment. Select it, so we can see the
 	// segment points:
@@ -2092,10 +2092,10 @@ var amount = 5;
 var length = path.length;
 for (var i = 0; i < amount + 1; i++) {
 	var offset = i / amount * length;
-	
+
 	// Find the point on the path at the given offset:
 	var point = path.getPointAt(offset);
-	
+
 	// Create a small circle shaped path at the point:
 	var circle = new Path.Circle(point, 3);
 	circle.fillColor = 'red';
@@ -2211,13 +2211,13 @@ for (var i = 0; i < amount + 1; i++) {
 
 	// Find the point on the path at the given offset:
 	var point = path.getPointAt(offset);
-	
+
 	// Find the normal vector on the path at the given offset:
 	var tangent = path.getTangentAt(offset);
-	
+
 	// Make the tangent vector 60pt long:
 	tangent.length = 60;
-	
+
 	var line = new Path();
 	line.strokeColor = 'red';
 	line.add(point);
@@ -2330,16 +2330,16 @@ var amount = 10;
 var length = path.length;
 for (var i = 0; i < amount + 1; i++) {
 	var offset = i / amount * length;
-	
+
 	// Find the point on the path at the given offset:
 	var point = path.getPointAt(offset);
-	
+
 	// Find the normal vector on the path at the given offset:
 	var normal = path.getNormalAt(offset);
-	
+
 	// Make the normal vector 30pt long:
 	normal.length = 30;
-	
+
 	var line = new Path();
 	line.strokeColor = 'red';
 	line.add(point);
@@ -2793,16 +2793,16 @@ function onMouseDrag(event) {
 	if (myPath) {
 	    myPath.remove();
 	}
-	
+
 	// Create a new path and add a segment point to it
 	// at {x: 150, y: 150):
 	myPath = new Path();
 	myPath.add(150, 150);
-	
+
 	// Draw an arc through the position of the mouse to 'toPoint'
 	var toPoint = new Point(350, 150);
 	myPath.arcTo(event.point, toPoint);
-	
+
 	// Select the path, so we can see its segments:
 	myPath.selected = true;
 }
@@ -3617,6 +3617,45 @@ circle2.opacity = 0.5;
 </div>
 
 	
+<div id="guide-member" class="member">
+<div id="guide-link" class="member-link">
+<a name="guide" href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+<div id="guide-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('guide', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>Specifies whether the item functions as a guide. When set to
+<tt>true</tt>, the item will be drawn at the end as a guide.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>1</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
 <div id="selected-member" class="member">
 <div id="selected-link" class="member-link">
 <a name="selected" href="#" onClick="return toggleMember('selected', false);"><tt><b>selected</b></tt></a>
@@ -4107,6 +4146,38 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	</ul>
 	
 	
+</div>
+
+</div>
+</div>
+
+	
+<div id="handlebounds-member" class="member">
+<div id="handlebounds-link" class="member-link">
+<a name="handlebounds" href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+<div id="handlebounds-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('handlebounds', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The bounding rectangle of the item including handles.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Rectangle.html"><tt>Rectangle</tt></a>
+	</li>
+	</ul>
+	
+	
 </div>
 
 </div>
@@ -4136,7 +4207,7 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -4510,7 +4581,7 @@ miterLimit imposes a limit on the ratio of the miter length to the
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -5707,18 +5778,18 @@ circle.scale(1.5, circle.bounds.bottomLeft);
 </div>
 
 	
-<div id="scale-sx-sy-member" class="member">
-<div id="scale-sx-sy-link" class="member-link">
-<a name="scale-sx-sy" href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<div id="scale-hor-ver-member" class="member">
+<div id="scale-hor-ver-link" class="member-link">
+<a name="scale-hor-ver" href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="scale-sx-sy-description" class="member-description hidden">
+<div id="scale-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<a href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-sx-sy', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -5728,14 +5799,14 @@ from a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>sx:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the horizontal scale factor
 
 </li>
 
 <li>
-<tt>sy:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the vertical scale factor
 
@@ -5955,18 +6026,18 @@ by a supplied point.</p>
 </div>
 
 	
-<div id="shear-shearX-shearY-member" class="member">
-<div id="shear-shearX-shearY-link" class="member-link">
-<a name="shear-shearX-shearY" href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<div id="shear-hor-ver-member" class="member">
+<div id="shear-hor-ver-link" class="member-link">
+<a name="shear-hor-ver" href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="shear-shearX-shearY-description" class="member-description hidden">
+<div id="shear-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<a href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-shearX-shearY', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -5976,16 +6047,16 @@ by a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>shearX:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the horizontal shear factor.
 
 </li>
 
 <li>
-<tt>shearY:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the vertical shear factor.
 
 </li>
 
@@ -6219,7 +6290,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path on the next onMouseDrag or onMouseDown event:
 	path.removeOn({
 		drag: true,
@@ -6267,7 +6338,7 @@ function onMouseMove(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next move event, automatically remove the path:
 	path.removeOnMove();
 }
@@ -6357,7 +6428,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next drag event, automatically remove the path:
 	path.removeOnDrag();
 }
@@ -6402,7 +6473,7 @@ function onMouseDown(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path, when the mouse is released:
 	path.removeOnUp();
 }
diff --git a/dist/docs/classes/PathItem.html b/dist/docs/classes/PathItem.html
index d7724c3f..f5559e72 100644
--- a/dist/docs/classes/PathItem.html
+++ b/dist/docs/classes/PathItem.html
@@ -18,7 +18,9 @@
 
 <p> Extends <b><a href="../classes/Item.html"><tt>Item</tt></a></b></p>
 
-
+<p>The PathItem class is the base for any items that describe paths
+and offer standardised methods for drawing and path manipulation, such as
+<a href="../classes/Path.html"><tt>Path</tt></a> and <a href="../classes/CompoundPath.html"><tt>CompoundPath</tt></a>.</p>
 
 </div>
 
@@ -461,16 +463,16 @@ function onMouseDrag(event) {
 	if (myPath) {
 	    myPath.remove();
 	}
-	
+
 	// Create a new path and add a segment point to it
 	// at {x: 150, y: 150):
 	myPath = new Path();
 	myPath.add(150, 150);
-	
+
 	// Draw an arc through the position of the mouse to 'toPoint'
 	var toPoint = new Point(350, 150);
 	myPath.arcTo(event.point, toPoint);
-	
+
 	// Select the path, so we can see its segments:
 	myPath.selected = true;
 }
@@ -1286,6 +1288,45 @@ circle2.opacity = 0.5;
 </div>
 
 	
+<div id="guide-member" class="member">
+<div id="guide-link" class="member-link">
+<a name="guide" href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+<div id="guide-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('guide', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>Specifies whether the item functions as a guide. When set to
+<tt>true</tt>, the item will be drawn at the end as a guide.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>1</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
 <div id="selected-member" class="member">
 <div id="selected-link" class="member-link">
 <a name="selected" href="#" onClick="return toggleMember('selected', false);"><tt><b>selected</b></tt></a>
@@ -1776,6 +1817,38 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	</ul>
 	
 	
+</div>
+
+</div>
+</div>
+
+	
+<div id="handlebounds-member" class="member">
+<div id="handlebounds-link" class="member-link">
+<a name="handlebounds" href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+<div id="handlebounds-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('handlebounds', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The bounding rectangle of the item including handles.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Rectangle.html"><tt>Rectangle</tt></a>
+	</li>
+	</ul>
+	
+	
 </div>
 
 </div>
@@ -1805,7 +1878,7 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -2179,7 +2252,7 @@ miterLimit imposes a limit on the ratio of the miter length to the
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -3376,18 +3449,18 @@ circle.scale(1.5, circle.bounds.bottomLeft);
 </div>
 
 	
-<div id="scale-sx-sy-member" class="member">
-<div id="scale-sx-sy-link" class="member-link">
-<a name="scale-sx-sy" href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<div id="scale-hor-ver-member" class="member">
+<div id="scale-hor-ver-link" class="member-link">
+<a name="scale-hor-ver" href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="scale-sx-sy-description" class="member-description hidden">
+<div id="scale-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<a href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-sx-sy', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -3397,14 +3470,14 @@ from a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>sx:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the horizontal scale factor
 
 </li>
 
 <li>
-<tt>sy:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the vertical scale factor
 
@@ -3624,18 +3697,18 @@ by a supplied point.</p>
 </div>
 
 	
-<div id="shear-shearX-shearY-member" class="member">
-<div id="shear-shearX-shearY-link" class="member-link">
-<a name="shear-shearX-shearY" href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<div id="shear-hor-ver-member" class="member">
+<div id="shear-hor-ver-link" class="member-link">
+<a name="shear-hor-ver" href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="shear-shearX-shearY-description" class="member-description hidden">
+<div id="shear-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<a href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-shearX-shearY', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -3645,16 +3718,16 @@ by a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>shearX:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the horizontal shear factor.
 
 </li>
 
 <li>
-<tt>shearY:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the vertical shear factor.
 
 </li>
 
@@ -3888,7 +3961,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path on the next onMouseDrag or onMouseDown event:
 	path.removeOn({
 		drag: true,
@@ -3936,7 +4009,7 @@ function onMouseMove(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next move event, automatically remove the path:
 	path.removeOnMove();
 }
@@ -4026,7 +4099,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next drag event, automatically remove the path:
 	path.removeOnDrag();
 }
@@ -4071,7 +4144,7 @@ function onMouseDown(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path, when the mouse is released:
 	path.removeOnUp();
 }
diff --git a/dist/docs/classes/PathStyle.html b/dist/docs/classes/PathStyle.html
index 929a058c..6b8c6e6f 100644
--- a/dist/docs/classes/PathStyle.html
+++ b/dist/docs/classes/PathStyle.html
@@ -76,7 +76,7 @@ path.style = circleStyle;
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -455,7 +455,7 @@ limit on the ratio of the miter length to the <a href="../classes/PathStyle.html
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
diff --git a/dist/docs/classes/PlacedItem.html b/dist/docs/classes/PlacedItem.html
new file mode 100644
index 00000000..f4d533a9
--- /dev/null
+++ b/dist/docs/classes/PlacedItem.html
@@ -0,0 +1,3382 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>PlacedItem</title>
+<base target="classFrame">
+<link rel="stylesheet" href="../resources/css/reference.css" type="text/css">
+<link rel="stylesheet" href="../resources/css/style.css" type="text/css">
+<link rel="stylesheet" href="../resources/css/paperscript.css" type="text/css">
+<link rel="stylesheet" href="../resources/css/codemirror.css" type="text/css">
+<script src="../resources/js/bootstrap.js" type="text/javascript"></script>
+<script src="../resources/js/paper.js" type="text/javascript"></script>
+<script src="../resources/js/codemirror.js" type="text/javascript"></script>
+<script src="../resources/js/reference.js" type="text/javascript"></script>
+</head>
+<body class="reference">
+<div class="reference-class">
+<h1>PlacedItem</h1>
+
+<p> Extends <b><a href="../classes/Item.html"><tt>Item</tt></a></b></p>
+
+<p>The PlacedItem class is the base for any items that have a matrix
+associated with them, describing their placement in the project, such as
+<a href="../classes/Raster.html"><tt>Raster</tt></a> and <a href="../classes/PlacedSymbol.html"><tt>PlacedSymbol</tt></a>.</p>
+
+</div>
+
+
+
+
+
+	<div class="reference-members"><h2>Properties</h2>
+		
+			
+<div id="matrix-member" class="member">
+<div id="matrix-link" class="member-link">
+<a name="matrix" href="#" onClick="return toggleMember('matrix', false);"><tt><b>matrix</b></tt></a>
+</div>
+<div id="matrix-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('matrix', false);"><tt><b>matrix</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('matrix', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The item's transformation matrix, defining position and dimensions in the
+document.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Matrix.html"><tt>Matrix</tt></a>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+		
+	</div>
+
+
+
+
+
+
+<!-- =========================== inherited properties ====================== -->
+<div class="reference-members"><h2>Properties inherited from <a href="../classes/Item.html"><tt>Item</tt></a></h2>
+
+	
+<div id="id-member" class="member">
+<div id="id-link" class="member-link">
+<a name="id" href="#" onClick="return toggleMember('id', false);"><tt><b>id</b></tt></a>
+</div>
+<div id="id-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('id', false);"><tt><b>id</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('id', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The unique id of the item.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="name-member" class="member">
+<div id="name-link" class="member-link">
+<a name="name" href="#" onClick="return toggleMember('name', false);"><tt><b>name</b></tt></a>
+</div>
+<div id="name-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('name', false);"><tt><b>name</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('name', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The name of the item. If the item has a name, it can be accessed by name
+through its parent's children list.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>String</tt>
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> 
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-0">
+var path = new Path.Circle(new Point(80, 50), 35);
+// Set the name of the path:
+path.name = 'example';
+
+// Create a group and add path to it as a child:
+var group = new Group();
+group.addChild(path);
+
+// The path can be accessed by name:
+group.children['example'].fillColor = 'red';
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-0"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+	
+<div id="position-member" class="member">
+<div id="position-link" class="member-link">
+<a name="position" href="#" onClick="return toggleMember('position', false);"><tt><b>position</b></tt></a>
+</div>
+<div id="position-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('position', false);"><tt><b>position</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('position', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The item's position within the project. This is the
+<a href="../classes/Rectangle.html#center"><tt>rectangle.center</tt></a> of the item's <a href="../classes/Item.html#bounds" onclick="return toggleMember('bounds', true);"><tt>bounds</tt></a> rectangle.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Point.html"><tt>Point</tt></a>
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> &mdash; Changing the position of a path:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-1">
+// Create a circle at position { x: 10, y: 10 }
+var circle = new Path.Circle(new Point(10, 10), 10);
+circle.fillColor = 'red';
+
+// Move the circle to { x: 20, y: 20 }
+circle.position = new Point(20, 20);
+
+// Move the circle 100 points to the right and 50 points down
+circle.position += new Point(100, 50);
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-1"></canvas></div>
+</div>
+
+
+<p>
+<b>Example</b> &mdash; Changing the x coordinate of an item's position:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-2">
+// Create a circle at position { x: 20, y: 20 }
+var circle = new Path.Circle(new Point(20, 20), 10);
+circle.fillColor = 'red';
+
+// Move the circle 100 points to the right
+circle.position.x += 100;
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-2"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+	
+<div id="style-member" class="member">
+<div id="style-link" class="member-link">
+<a name="style" href="#" onClick="return toggleMember('style', false);"><tt><b>style</b></tt></a>
+</div>
+<div id="style-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('style', false);"><tt><b>style</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('style', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The path style of the item.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/PathStyle.html"><tt>PathStyle</tt></a>
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> &mdash; Applying several styles to an item in one go, by passing an object to its style property:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-3">
+var circle = new Path.Circle(new Point(80, 50), 30);
+circle.style = {
+	fillColor: 'blue',
+	strokeColor: 'red',
+	strokeWidth: 5
+};
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-3"></canvas></div>
+</div>
+
+
+<p>
+<b>Example</b> &mdash; Copying the style of another item:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-4">
+var path = new Path.Circle(new Point(50, 50), 30);
+path.fillColor = 'red';
+
+var path2 = new Path.Circle(new Point(180, 50), 20);
+// Copy the path style of path:
+path2.style = path.style;
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-4"></canvas></div>
+</div>
+
+
+<p>
+<b>Example</b> &mdash; Applying the same style object to multiple items:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-5">
+var myStyle = {
+	fillColor: 'red',
+	strokeColor: 'blue',
+	strokeWidth: 4
+};
+
+var path = new Path.Circle(new Point(80, 50), 30);
+path.style = myStyle;
+
+var path2 = new Path.Circle(new Point(150, 50), 20);
+path2.style = myStyle;
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-5"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+	
+<div id="visible-member" class="member">
+<div id="visible-link" class="member-link">
+<a name="visible" href="#" onClick="return toggleMember('visible', false);"><tt><b>visible</b></tt></a>
+</div>
+<div id="visible-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('visible', false);"><tt><b>visible</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('visible', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>Specifies whether the item is visible. When set to <tt>false</tt>, the
+item won't be drawn.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>true</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Boolean</tt>
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> &mdash; Hiding an item:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-6">
+var path = new Path.Circle(new Point(50, 50), 20);
+path.fillColor = 'red';
+
+// Hide the path:
+path.visible = false;
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-6"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+	
+<div id="blendmode-member" class="member">
+<div id="blendmode-link" class="member-link">
+<a name="blendmode" href="#" onClick="return toggleMember('blendmode', false);"><tt><b>blendMode</b></tt></a>
+</div>
+<div id="blendmode-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('blendmode', false);"><tt><b>blendMode</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('blendmode', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The blend mode of the item.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>'normal'</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>String('normal', 'multiply', 'screen', 'overlay', 'soft-light',
+'hard-light', 'color-dodge', 'color-burn', 'darken', 'lighten',
+'difference', 'exclusion', 'hue', 'saturation', 'luminosity', 'color',
+'add', 'subtract', 'average', 'pin-light', 'negation')</tt>
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> &mdash; Setting an item's blend mode:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-7">
+// Create a white rectangle in the background
+// with the same dimensions as the view:
+var background = new Path.Rectangle(view.bounds);
+background.fillColor = 'white';
+
+var circle = new Path.Circle(new Point(80, 50), 35);
+circle.fillColor = 'red';
+
+var circle2 = new Path.Circle(new Point(120, 50), 35);
+circle2.fillColor = 'blue';
+
+// Set the blend mode of circle2:
+circle2.blendMode = 'multiply';
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-7"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+	
+<div id="opacity-member" class="member">
+<div id="opacity-link" class="member-link">
+<a name="opacity" href="#" onClick="return toggleMember('opacity', false);"><tt><b>opacity</b></tt></a>
+</div>
+<div id="opacity-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('opacity', false);"><tt><b>opacity</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('opacity', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The opacity of the item as a value between <tt>0</tt> and <tt>1</tt>.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>1</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> &mdash; Making an item 50% transparent:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-8">
+var circle = new Path.Circle(new Point(80, 50), 35);
+circle.fillColor = 'red';
+
+var circle2 = new Path.Circle(new Point(120, 50), 35);
+circle2.style = {
+	fillColor: 'blue',
+	strokeColor: 'green',
+	strokeWidth: 10
+};
+
+// Make circle2 50% transparent:
+circle2.opacity = 0.5;
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-8"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+	
+<div id="guide-member" class="member">
+<div id="guide-link" class="member-link">
+<a name="guide" href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+<div id="guide-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('guide', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>Specifies whether the item functions as a guide. When set to
+<tt>true</tt>, the item will be drawn at the end as a guide.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>1</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="selected-member" class="member">
+<div id="selected-link" class="member-link">
+<a name="selected" href="#" onClick="return toggleMember('selected', false);"><tt><b>selected</b></tt></a>
+</div>
+<div id="selected-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('selected', false);"><tt><b>selected</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('selected', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>Specifies whether an item is selected and will also return <tt>true</tt>
+if the item is partially selected (groups with some selected or partially
+selected paths).</p>
+<p>Paper.js draws the visual outlines of selected items on top of your
+project. This can be useful for debugging, as it allows you to see the
+construction of paths, position of path curves, individual segment points
+and bounding boxes of symbol and raster items.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Boolean</tt>
+	</li>
+	</ul>
+	
+	<p><b>See also:</b>
+	<tt><a href="../classes/Project.html#selecteditems"><tt>project.selectedItems</tt></a></tt>, <tt><a href="../classes/Segment.html#selected"><tt>segment.selected</tt></a></tt>, <tt><a href="../classes/Point.html#selected"><tt>point.selected</tt></a></tt>
+	</p>
+
+	<p>
+<b>Example</b> &mdash; Selecting an item:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-9">
+var path = new Path.Circle(new Size(80, 50), 35);
+path.selected = true; // Select the path
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-9"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+	
+<div id="clipmask-member" class="member">
+<div id="clipmask-link" class="member-link">
+<a name="clipmask" href="#" onClick="return toggleMember('clipmask', false);"><tt><b>clipMask</b></tt></a>
+</div>
+<div id="clipmask-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('clipmask', false);"><tt><b>clipMask</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('clipmask', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>Specifies whether the item defines a clip mask. This can only be set on
+paths, compound paths, and text frame objects, and only if the item is
+already contained within a clipping group.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Boolean</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+	<h3>Project Hierarchy</h3>
+
+<div id="project-member" class="member">
+<div id="project-link" class="member-link">
+<a name="project" href="#" onClick="return toggleMember('project', false);"><tt><b>project</b></tt></a>
+</div>
+<div id="project-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('project', false);"><tt><b>project</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('project', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The project that this item belongs to.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Project.html"><tt>Project</tt></a>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="parent-member" class="member">
+<div id="parent-link" class="member-link">
+<a name="parent" href="#" onClick="return toggleMember('parent', false);"><tt><b>parent</b></tt></a>
+</div>
+<div id="parent-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('parent', false);"><tt><b>parent</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('parent', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The item that this item is contained within.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Item.html"><tt>Item</tt></a>
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> 
+</p>
+
+
+<pre class="code">var path = new Path();
+
+// New items are placed in the active layer:
+console.log(path.parent == project.activeLayer); // true
+
+var group = new Group();
+group.addChild(path);
+
+// Now the parent of the path has become the group:
+console.log(path.parent == group); // true</pre>
+
+</div>
+
+</div>
+</div>
+
+	
+<div id="children-member" class="member">
+<div id="children-link" class="member-link">
+<a name="children" href="#" onClick="return toggleMember('children', false);"><tt><b>children</b></tt></a>
+</div>
+<div id="children-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('children', false);"><tt><b>children</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('children', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The children items contained within this item. Items that define a
+<a href="../classes/Item.html#name" onclick="return toggleMember('name', true);"><tt>name</tt></a> can also be accessed by name.</p>
+<p><b>Please note:</b> The children array should not be modified directly
+using array functions. To remove single items from the children list, use
+<a href="../classes/Item.html#remove"><tt>item.remove</tt></a>(), to remove all items from the children list, use
+<a href="../classes/Item.html#removechildren"><tt>item.removeChildren</tt></a>(). To add items to the children list, use
+<a href="../classes/Item.html#addchild-item"><tt>item.addChild(item)</tt></a> or <a href="../classes/Item.html#insertchild-index-item"><tt>item.insertChild(index, item)</tt></a>.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		Array of <a href="../classes/Item.html"><tt>Item</tt></a> objects
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> &mdash; Accessing items in the children array:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-10">
+var path = new Path.Circle(new Point(80, 50), 35);
+
+// Create a group and move the path into it:
+var group = new Group();
+group.addChild(path);
+
+// Access the path through the group's children array:
+group.children[0].fillColor = 'red';
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-10"></canvas></div>
+</div>
+
+
+<p>
+<b>Example</b> &mdash; Accessing children by name:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-11">
+var path = new Path.Circle(new Point(80, 50), 35);
+// Set the name of the path:
+path.name = 'example';
+
+// Create a group and move the path into it:
+var group = new Group();
+group.addChild(path);
+
+// The path can be accessed by name:
+group.children['example'].fillColor = 'orange';
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-11"></canvas></div>
+</div>
+
+
+<p>
+<b>Example</b> &mdash; Passing an array of items to item.children:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-12">
+var path = new Path.Circle(new Point(80, 50), 35);
+
+var group = new Group();
+group.children = [path];
+
+// The path is the first child of the group:
+group.firstChild.fillColor = 'green';
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-12"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+	
+<div id="firstchild-member" class="member">
+<div id="firstchild-link" class="member-link">
+<a name="firstchild" href="#" onClick="return toggleMember('firstchild', false);"><tt><b>firstChild</b></tt></a>
+</div>
+<div id="firstchild-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('firstchild', false);"><tt><b>firstChild</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('firstchild', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The first item contained within this item. This is a shortcut for
+accessing <tt>item.children[0]</tt>.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Item.html"><tt>Item</tt></a>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="lastchild-member" class="member">
+<div id="lastchild-link" class="member-link">
+<a name="lastchild" href="#" onClick="return toggleMember('lastchild', false);"><tt><b>lastChild</b></tt></a>
+</div>
+<div id="lastchild-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('lastchild', false);"><tt><b>lastChild</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('lastchild', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The last item contained within this item.This is a shortcut for
+accessing <tt>item.children[item.children.length - 1]</tt>.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Item.html"><tt>Item</tt></a>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="nextsibling-member" class="member">
+<div id="nextsibling-link" class="member-link">
+<a name="nextsibling" href="#" onClick="return toggleMember('nextsibling', false);"><tt><b>nextSibling</b></tt></a>
+</div>
+<div id="nextsibling-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('nextsibling', false);"><tt><b>nextSibling</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('nextsibling', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The next item on the same level as this item.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Item.html"><tt>Item</tt></a>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="previoussibling-member" class="member">
+<div id="previoussibling-link" class="member-link">
+<a name="previoussibling" href="#" onClick="return toggleMember('previoussibling', false);"><tt><b>previousSibling</b></tt></a>
+</div>
+<div id="previoussibling-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('previoussibling', false);"><tt><b>previousSibling</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('previoussibling', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The previous item on the same level as this item.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Item.html"><tt>Item</tt></a>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="index-member" class="member">
+<div id="index-link" class="member-link">
+<a name="index" href="#" onClick="return toggleMember('index', false);"><tt><b>index</b></tt></a>
+</div>
+<div id="index-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('index', false);"><tt><b>index</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('index', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The index of this item within the list of its parent's children.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+	<h3>Bounding Rectangles</h3>
+
+<div id="bounds-member" class="member">
+<div id="bounds-link" class="member-link">
+<a name="bounds" href="#" onClick="return toggleMember('bounds', false);"><tt><b>bounds</b></tt></a>
+</div>
+<div id="bounds-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('bounds', false);"><tt><b>bounds</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('bounds', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The bounding rectangle of the item excluding stroke width.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Rectangle.html"><tt>Rectangle</tt></a>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="strokebounds-member" class="member">
+<div id="strokebounds-link" class="member-link">
+<a name="strokebounds" href="#" onClick="return toggleMember('strokebounds', false);"><tt><b>strokeBounds</b></tt></a>
+</div>
+<div id="strokebounds-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('strokebounds', false);"><tt><b>strokeBounds</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('strokebounds', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The bounding rectangle of the item including stroke width.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Rectangle.html"><tt>Rectangle</tt></a>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="handlebounds-member" class="member">
+<div id="handlebounds-link" class="member-link">
+<a name="handlebounds" href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+<div id="handlebounds-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('handlebounds', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The bounding rectangle of the item including handles.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Rectangle.html"><tt>Rectangle</tt></a>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+	<h3>Stroke Style</h3>
+
+<div id="strokecolor-member" class="member">
+<div id="strokecolor-link" class="member-link">
+<a name="strokecolor" href="#" onClick="return toggleMember('strokecolor', false);"><tt><b>strokeColor</b></tt></a>
+</div>
+<div id="strokecolor-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('strokecolor', false);"><tt><b>strokeColor</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('strokecolor', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The color of the stroke.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> &mdash; Setting the stroke color of a path:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-13">
+// Create a circle shaped path at { x: 80, y: 50 }
+// with a radius of 35:
+var circle = new Path.Circle(new Point(80, 50), 35);
+
+// Set its stroke color to RGB red:
+circle.strokeColor = new RGBColor(1, 0, 0);
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-13"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+	
+<div id="strokewidth-member" class="member">
+<div id="strokewidth-link" class="member-link">
+<a name="strokewidth" href="#" onClick="return toggleMember('strokewidth', false);"><tt><b>strokeWidth</b></tt></a>
+</div>
+<div id="strokewidth-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('strokewidth', false);"><tt><b>strokeWidth</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('strokewidth', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The width of the stroke.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> &mdash; Setting an item's stroke width:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-14">
+// Create a circle shaped path at { x: 80, y: 50 }
+// with a radius of 35:
+var circle = new Path.Circle(new Point(80, 50), 35);
+
+// Set its stroke color to black:
+circle.strokeColor = 'black';
+
+// Set its stroke width to 10:
+circle.strokeWidth = 10;
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-14"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+	
+<div id="strokecap-member" class="member">
+<div id="strokecap-link" class="member-link">
+<a name="strokecap" href="#" onClick="return toggleMember('strokecap', false);"><tt><b>strokeCap</b></tt></a>
+</div>
+<div id="strokecap-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('strokecap', false);"><tt><b>strokeCap</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('strokecap', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The shape to be used at the end of open <a href="../classes/Path.html"><tt>Path</tt></a> items, when they
+have a stroke.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>'butt'</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>String('round', 'square', 'butt')</tt>
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> &mdash; A look at the different stroke caps:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-15">
+var line = new Path(new Point(80, 50), new Point(420, 50));
+line.strokeColor = 'black';
+line.strokeWidth = 20;
+
+// Select the path, so we can see where the stroke is formed:
+line.selected = true;
+
+// Set the stroke cap of the line to be round:
+line.strokeCap = 'round';
+
+// Copy the path and set its stroke cap to be square:
+var line2 = line.clone();
+line2.position.y += 50;
+line2.strokeCap = 'square';
+
+// Make another copy and set its stroke cap to be butt:
+var line2 = line.clone();
+line2.position.y += 100;
+line2.strokeCap = 'butt';
+</script>
+<div class="canvas"><canvas width="516" height="200" id="canvas-15"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+	
+<div id="strokejoin-member" class="member">
+<div id="strokejoin-link" class="member-link">
+<a name="strokejoin" href="#" onClick="return toggleMember('strokejoin', false);"><tt><b>strokeJoin</b></tt></a>
+</div>
+<div id="strokejoin-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('strokejoin', false);"><tt><b>strokeJoin</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('strokejoin', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The shape to be used at the corners of paths when they have a stroke.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>'miter'</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>String</tt> ('miter', 'round', 'bevel')
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> &mdash; A look at the different stroke joins:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-16">
+var path = new Path();
+path.add(new Point(80, 100));
+path.add(new Point(120, 40));
+path.add(new Point(160, 100));
+path.strokeColor = 'black';
+path.strokeWidth = 20;
+
+// Select the path, so we can see where the stroke is formed:
+path.selected = true;
+
+var path2 = path.clone();
+path2.position.x += path2.bounds.width * 1.5;
+path2.strokeJoin = 'round';
+
+var path3 = path2.clone();
+path3.position.x += path3.bounds.width * 1.5;
+path3.strokeJoin = 'bevel';
+</script>
+<div class="canvas"><canvas width="516" height="120" id="canvas-16"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+	
+<div id="dashoffset-member" class="member">
+<div id="dashoffset-link" class="member-link">
+<a name="dashoffset" href="#" onClick="return toggleMember('dashoffset', false);"><tt><b>dashOffset</b></tt></a>
+</div>
+<div id="dashoffset-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('dashoffset', false);"><tt><b>dashOffset</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('dashoffset', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The dash offset of the stroke.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>0</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+<div id="dasharray-member" class="member">
+<div id="dasharray-link" class="member-link">
+<a name="dasharray" href="#" onClick="return toggleMember('dasharray', false);"><tt><b>dashArray</b></tt></a>
+</div>
+<div id="dasharray-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('dasharray', false);"><tt><b>dashArray</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('dasharray', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>Specifies an array containing the dash and gap lengths of the stroke.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>[]</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Array</tt>
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> 
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-17">
+var path = new Path.Circle(new Point(80, 50), 40);
+path.strokeWidth = 2;
+path.strokeColor = 'black';
+
+// Set the dashed stroke to [10pt dash, 4pt gap]:
+path.dashArray = [10, 4];
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-17"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+	
+<div id="miterlimit-member" class="member">
+<div id="miterlimit-link" class="member-link">
+<a name="miterlimit" href="#" onClick="return toggleMember('miterlimit', false);"><tt><b>miterLimit</b></tt></a>
+</div>
+<div id="miterlimit-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('miterlimit', false);"><tt><b>miterLimit</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('miterlimit', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The miter limit of the stroke.</p>
+<p>When two line segments meet at a sharp angle and miter joins have been
+specified for <a href="../classes/Item.html#strokejoin"><tt>item.strokeJoin</tt></a>, it is possible for the miter to
+extend far beyond the <a href="../classes/Item.html#strokewidth"><tt>item.strokeWidth</tt></a> of the path. The
+miterLimit imposes a limit on the ratio of the miter length to the
+<a href="../classes/Item.html#strokewidth"><tt>item.strokeWidth</tt></a>.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>10</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
+	<h3>Fill Style</h3>
+
+<div id="fillcolor-member" class="member">
+<div id="fillcolor-link" class="member-link">
+<a name="fillcolor" href="#" onClick="return toggleMember('fillcolor', false);"><tt><b>fillColor</b></tt></a>
+</div>
+<div id="fillcolor-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('fillcolor', false);"><tt><b>fillColor</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('fillcolor', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The fill color of the item.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+	</li>
+	</ul>
+	
+	<p>
+<b>Example</b> &mdash; Setting the fill color of a path to red:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-18">
+// Create a circle shaped path at { x: 80, y: 50 }
+// with a radius of 35:
+var circle = new Path.Circle(new Point(80, 50), 35);
+
+// Set the fill color of the circle to RGB red:
+circle.fillColor = new RGBColor(1, 0, 0);
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-18"></canvas></div>
+</div>
+
+
+</div>
+
+</div>
+</div>
+
+</div>
+
+
+<!-- =========================== inherited methods ========================= -->
+<div class="reference-members"><h2>Methods inherited from <a href="../classes/Item.html"><tt>Item</tt></a></h2>
+
+	
+<div id="clone-member" class="member">
+<div id="clone-link" class="member-link">
+<a name="clone" href="#" onClick="return toggleMember('clone', false);"><tt><b>clone</b>()</tt></a>
+</div>
+<div id="clone-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('clone', false);"><tt><b>clone</b>()</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('clone', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Clones the item within the same project and places the copy above the
+item.</p>
+	
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><a href="../classes/Item.html"><tt>Item</tt></a></tt>&nbsp;&mdash;&nbsp;the newly cloned item
+</li>
+	
+	</ul>
+
+	
+	<p>
+<b>Example</b> &mdash; Cloning items:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-19">
+var circle = new Path.Circle(new Point(50, 50), 10);
+circle.fillColor = 'red';
+
+// Make 20 copies of the circle:
+for (var i = 0; i < 20; i++) {
+	var copy = circle.clone();
+
+	// Distribute the copies horizontally, so we can see them:
+	copy.position.x += i * copy.bounds.width;
+}
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-19"></canvas></div>
+</div>
+
+
+</div>
+</div>
+</div>
+
+	
+<div id="copyto-item-member" class="member">
+<div id="copyto-item-link" class="member-link">
+<a name="copyto-item" href="#" onClick="return toggleMember('copyto-item', false);"><tt><b>copyTo</b>(item)</tt></a>
+</div>
+<div id="copyto-item-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('copyto-item', false);"><tt><b>copyTo</b>(item)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('copyto-item', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>When passed a project, copies the item to the project,
+or duplicates it within the same project. When passed an item,
+copies the item into the specified item.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>item:</tt> 
+<a href="../classes/Project.html"><tt>Project</tt></a> / <a href="../classes/Layer.html"><tt>Layer</tt></a> / <a href="../classes/Group.html"><tt>Group</tt></a> / <a href="../classes/CompoundPath.html"><tt>CompoundPath</tt></a>
+&mdash;&nbsp;the item or project to
+copy the item to
+
+</li>
+
+</ul>
+
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><a href="../classes/Item.html"><tt>Item</tt></a></tt>&nbsp;&mdash;&nbsp;the new copy of the item
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="rasterize-member" class="member">
+<div id="rasterize-link" class="member-link">
+<a name="rasterize" href="#" onClick="return toggleMember('rasterize', false);"><tt><b>rasterize</b>([resolution])</tt></a>
+</div>
+<div id="rasterize-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('rasterize', false);"><tt><b>rasterize</b>([resolution])</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('rasterize', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Rasterizes the item into a newly created Raster object. The item itself
+is not removed after rasterization.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>resolution:</tt> 
+<tt>Number</tt>
+&mdash;&nbsp;the resolution of the raster in dpi
+&mdash;&nbsp;optional, default: <tt>72</tt>
+</li>
+
+</ul>
+
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><a href="../classes/Raster.html"><tt>Raster</tt></a></tt>&nbsp;&mdash;&nbsp;the newly created raster item
+</li>
+	
+	</ul>
+
+	
+	<p>
+<b>Example</b> &mdash; Rasterizing an item:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-20">
+var circle = new Path.Circle(new Point(80, 50), 5);
+circle.fillColor = 'red';
+
+// Create a rasterized version of the path:
+var raster = circle.rasterize();
+
+// Move it 100pt to the right:
+raster.position.x += 100;
+
+// Scale the path and the raster by 300%, so we can compare them:
+circle.scale(5);
+raster.scale(5);
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-20"></canvas></div>
+</div>
+
+
+</div>
+</div>
+</div>
+
+	
+<h3>Hierarchy Operations</h3>
+
+<div id="addchild-item-member" class="member">
+<div id="addchild-item-link" class="member-link">
+<a name="addchild-item" href="#" onClick="return toggleMember('addchild-item', false);"><tt><b>addChild</b>(item)</tt></a>
+</div>
+<div id="addchild-item-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('addchild-item', false);"><tt><b>addChild</b>(item)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('addchild-item', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Adds the specified item as a child of this item at the end of the
+its children list. You can use this function for groups, compound
+paths and layers.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>item:</tt> 
+<a href="../classes/Item.html"><tt>Item</tt></a>
+&mdash;&nbsp;The item to be added as a child
+
+</li>
+
+</ul>
+
+	
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="insertchild-index-item-member" class="member">
+<div id="insertchild-index-item-link" class="member-link">
+<a name="insertchild-index-item" href="#" onClick="return toggleMember('insertchild-index-item', false);"><tt><b>insertChild</b>(index, item)</tt></a>
+</div>
+<div id="insertchild-index-item-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('insertchild-index-item', false);"><tt><b>insertChild</b>(index, item)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('insertchild-index-item', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Inserts the specified item as a child of this item at the specified
+index in its <a href="../classes/Item.html#children" onclick="return toggleMember('children', true);"><tt>children</tt></a> list. You can use this function for
+groups, compound paths and layers.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>index:</tt> 
+<tt>Number</tt>
+
+
+</li>
+
+<li>
+<tt>item:</tt> 
+<a href="../classes/Item.html"><tt>Item</tt></a>
+&mdash;&nbsp;The item to be appended as a child
+
+</li>
+
+</ul>
+
+	
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="addchildren-items-member" class="member">
+<div id="addchildren-items-link" class="member-link">
+<a name="addchildren-items" href="#" onClick="return toggleMember('addchildren-items', false);"><tt><b>addChildren</b>(items)</tt></a>
+</div>
+<div id="addchildren-items-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('addchildren-items', false);"><tt><b>addChildren</b>(items)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('addchildren-items', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Adds the specified items as children of this item at the end of the
+its children list. You can use this function for groups, compound
+paths and layers.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>items:</tt> 
+<tt>item</tt>
+&mdash;&nbsp;The items to be added as children
+
+</li>
+
+</ul>
+
+	
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="insertchildren-index-items-member" class="member">
+<div id="insertchildren-index-items-link" class="member-link">
+<a name="insertchildren-index-items" href="#" onClick="return toggleMember('insertchildren-index-items', false);"><tt><b>insertChildren</b>(index, items)</tt></a>
+</div>
+<div id="insertchildren-index-items-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('insertchildren-index-items', false);"><tt><b>insertChildren</b>(index, items)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('insertchildren-index-items', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Inserts the specified items as children of this item at the specified
+index in its <a href="../classes/Item.html#children" onclick="return toggleMember('children', true);"><tt>children</tt></a> list. You can use this function for
+groups, compound paths and layers.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>index:</tt> 
+<tt>Number</tt>
+
+
+</li>
+
+<li>
+<tt>items:</tt> 
+Array of <a href="../classes/Item.html"><tt>Item</tt></a> objects
+&mdash;&nbsp;The items to be appended as children
+
+</li>
+
+</ul>
+
+	
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="insertabove-item-member" class="member">
+<div id="insertabove-item-link" class="member-link">
+<a name="insertabove-item" href="#" onClick="return toggleMember('insertabove-item', false);"><tt><b>insertAbove</b>(item)</tt></a>
+</div>
+<div id="insertabove-item-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('insertabove-item', false);"><tt><b>insertAbove</b>(item)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('insertabove-item', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Inserts this item above the specified item.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>item:</tt> 
+<a href="../classes/Item.html"><tt>Item</tt></a>
+&mdash;&nbsp;The item above which it should be moved
+
+</li>
+
+</ul>
+
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> it was inserted, <tt>false</tt> otherwise
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="insertbelow-item-member" class="member">
+<div id="insertbelow-item-link" class="member-link">
+<a name="insertbelow-item" href="#" onClick="return toggleMember('insertbelow-item', false);"><tt><b>insertBelow</b>(item)</tt></a>
+</div>
+<div id="insertbelow-item-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('insertbelow-item', false);"><tt><b>insertBelow</b>(item)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('insertbelow-item', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Inserts this item below the specified item.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>item:</tt> 
+<a href="../classes/Item.html"><tt>Item</tt></a>
+&mdash;&nbsp;The item above which it should be moved
+
+</li>
+
+</ul>
+
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> it was inserted, <tt>false</tt> otherwise
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="appendtop-item-member" class="member">
+<div id="appendtop-item-link" class="member-link">
+<a name="appendtop-item" href="#" onClick="return toggleMember('appendtop-item', false);"><tt><b>appendTop</b>(item)</tt></a>
+</div>
+<div id="appendtop-item-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('appendtop-item', false);"><tt><b>appendTop</b>(item)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('appendtop-item', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Inserts the specified item as a child of this item by appending it to
+the list of children and moving it above all other children. You can
+use this function for groups, compound paths and layers.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>item:</tt> 
+<a href="../classes/Item.html"><tt>Item</tt></a>
+&mdash;&nbsp;The item to be appended as a child
+
+</li>
+
+</ul>
+
+	
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="appendbottom-item-member" class="member">
+<div id="appendbottom-item-link" class="member-link">
+<a name="appendbottom-item" href="#" onClick="return toggleMember('appendbottom-item', false);"><tt><b>appendBottom</b>(item)</tt></a>
+</div>
+<div id="appendbottom-item-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('appendbottom-item', false);"><tt><b>appendBottom</b>(item)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('appendbottom-item', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Inserts the specified item as a child of this item by appending it to
+the list of children and moving it below all other children. You can
+use this function for groups, compound paths and layers.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>item:</tt> 
+<a href="../classes/Item.html"><tt>Item</tt></a>
+&mdash;&nbsp;The item to be appended as a child
+
+</li>
+
+</ul>
+
+	
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="moveabove-item-member" class="member">
+<div id="moveabove-item-link" class="member-link">
+<a name="moveabove-item" href="#" onClick="return toggleMember('moveabove-item', false);"><tt><b>moveAbove</b>(item)</tt></a>
+</div>
+<div id="moveabove-item-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('moveabove-item', false);"><tt><b>moveAbove</b>(item)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('moveabove-item', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Moves this item above the specified item.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>item:</tt> 
+<a href="../classes/Item.html"><tt>Item</tt></a>
+&mdash;&nbsp;The item above which it should be moved
+
+</li>
+
+</ul>
+
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> it was moved, <tt>false</tt> otherwise
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="movebelow-item-member" class="member">
+<div id="movebelow-item-link" class="member-link">
+<a name="movebelow-item" href="#" onClick="return toggleMember('movebelow-item', false);"><tt><b>moveBelow</b>(item)</tt></a>
+</div>
+<div id="movebelow-item-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('movebelow-item', false);"><tt><b>moveBelow</b>(item)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('movebelow-item', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Moves the item below the specified item.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>item:</tt> 
+<a href="../classes/Item.html"><tt>Item</tt></a>
+&mdash;&nbsp;the item below which it should be moved
+
+</li>
+
+</ul>
+
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> it was moved, <tt>false</tt> otherwise
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="remove-member" class="member">
+<div id="remove-link" class="member-link">
+<a name="remove" href="#" onClick="return toggleMember('remove', false);"><tt><b>remove</b>()</tt></a>
+</div>
+<div id="remove-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('remove', false);"><tt><b>remove</b>()</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('remove', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Removes the item from the project. If the item has children, they are also
+removed.</p>
+	
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> the item was removed, <tt>false</tt> otherwise
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="removechildren-member" class="member">
+<div id="removechildren-link" class="member-link">
+<a name="removechildren" href="#" onClick="return toggleMember('removechildren', false);"><tt><b>removeChildren</b>()</tt></a>
+</div>
+<div id="removechildren-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('removechildren', false);"><tt><b>removeChildren</b>()</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('removechildren', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Removes all of the item's <a href="../classes/Item.html#children" onclick="return toggleMember('children', true);"><tt>children</tt></a> (if any).</p>
+	
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt>Array of <a href="../classes/Item.html"><tt>Item</tt></a> objects</tt>&nbsp;&mdash;&nbsp;an array containing the removed items
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="removechildren-from-member" class="member">
+<div id="removechildren-from-link" class="member-link">
+<a name="removechildren-from" href="#" onClick="return toggleMember('removechildren-from', false);"><tt><b>removeChildren</b>(from[, to])</tt></a>
+</div>
+<div id="removechildren-from-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('removechildren-from', false);"><tt><b>removeChildren</b>(from[, to])</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('removechildren-from', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Removes the children from the specified <tt>from</tt> index to the
+<tt>to</tt> index from the parent's <a href="../classes/Item.html#children" onclick="return toggleMember('children', true);"><tt>children</tt></a> array.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>from:</tt> 
+<tt>Number</tt>
+&mdash;&nbsp;the beginning index, inclusive
+
+</li>
+
+<li>
+<tt>to:</tt> 
+<tt>Number</tt>
+&mdash;&nbsp;the ending index, exclusive
+&mdash;&nbsp;optional, default: <tt>children.length</tt>
+</li>
+
+</ul>
+
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt>Array of <a href="../classes/Item.html"><tt>Item</tt></a> objects</tt>&nbsp;&mdash;&nbsp;an array containing the removed items
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="reversechildren-member" class="member">
+<div id="reversechildren-link" class="member-link">
+<a name="reversechildren" href="#" onClick="return toggleMember('reversechildren', false);"><tt><b>reverseChildren</b>()</tt></a>
+</div>
+<div id="reversechildren-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('reversechildren', false);"><tt><b>reverseChildren</b>()</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('reversechildren', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Reverses the order of the item's children</p>
+	
+	
+	
+	
+</div>
+</div>
+</div>
+
+	
+<h3>Hierarchy Tests</h3>
+
+<div id="haschildren-member" class="member">
+<div id="haschildren-link" class="member-link">
+<a name="haschildren" href="#" onClick="return toggleMember('haschildren', false);"><tt><b>hasChildren</b>()</tt></a>
+</div>
+<div id="haschildren-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('haschildren', false);"><tt><b>hasChildren</b>()</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('haschildren', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Checks if the item contains any children items.</p>
+	
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> it has one or more children, <tt>false</tt> otherwise
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="isabove-item-member" class="member">
+<div id="isabove-item-link" class="member-link">
+<a name="isabove-item" href="#" onClick="return toggleMember('isabove-item', false);"><tt><b>isAbove</b>(item)</tt></a>
+</div>
+<div id="isabove-item-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('isabove-item', false);"><tt><b>isAbove</b>(item)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('isabove-item', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Checks if this item is above the specified item in the stacking order
+of the project.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>item:</tt> 
+<a href="../classes/Item.html"><tt>Item</tt></a>
+&mdash;&nbsp;The item to check against
+
+</li>
+
+</ul>
+
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> if it is above the specified item, <tt>false</tt> otherwise
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="isbelow-item-member" class="member">
+<div id="isbelow-item-link" class="member-link">
+<a name="isbelow-item" href="#" onClick="return toggleMember('isbelow-item', false);"><tt><b>isBelow</b>(item)</tt></a>
+</div>
+<div id="isbelow-item-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('isbelow-item', false);"><tt><b>isBelow</b>(item)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('isbelow-item', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Checks if the item is below the specified item in the stacking order of
+the project.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>item:</tt> 
+<a href="../classes/Item.html"><tt>Item</tt></a>
+&mdash;&nbsp;The item to check against
+
+</li>
+
+</ul>
+
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> if it is below the specified item, <tt>false</tt> otherwise
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="isparent-item-member" class="member">
+<div id="isparent-item-link" class="member-link">
+<a name="isparent-item" href="#" onClick="return toggleMember('isparent-item', false);"><tt><b>isParent</b>(item)</tt></a>
+</div>
+<div id="isparent-item-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('isparent-item', false);"><tt><b>isParent</b>(item)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('isparent-item', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Checks whether the specified item is the parent of the item.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>item:</tt> 
+<a href="../classes/Item.html"><tt>Item</tt></a>
+&mdash;&nbsp;The item to check against
+
+</li>
+
+</ul>
+
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> if it is the parent of the item, <tt>false</tt> otherwise
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="ischild-item-member" class="member">
+<div id="ischild-item-link" class="member-link">
+<a name="ischild-item" href="#" onClick="return toggleMember('ischild-item', false);"><tt><b>isChild</b>(item)</tt></a>
+</div>
+<div id="ischild-item-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('ischild-item', false);"><tt><b>isChild</b>(item)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('ischild-item', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Checks whether the specified item is a child of the item.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>item:</tt> 
+<a href="../classes/Item.html"><tt>Item</tt></a>
+&mdash;&nbsp;The item to check against
+
+</li>
+
+</ul>
+
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> it is a child of the item, <tt>false</tt> otherwise
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="isdescendant-item-member" class="member">
+<div id="isdescendant-item-link" class="member-link">
+<a name="isdescendant-item" href="#" onClick="return toggleMember('isdescendant-item', false);"><tt><b>isDescendant</b>(item)</tt></a>
+</div>
+<div id="isdescendant-item-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('isdescendant-item', false);"><tt><b>isDescendant</b>(item)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('isdescendant-item', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Checks if the item is contained within the specified item.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>item:</tt> 
+<a href="../classes/Item.html"><tt>Item</tt></a>
+&mdash;&nbsp;The item to check against
+
+</li>
+
+</ul>
+
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> if it is inside the specified item, <tt>false</tt> otherwise
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="isancestor-item-member" class="member">
+<div id="isancestor-item-link" class="member-link">
+<a name="isancestor-item" href="#" onClick="return toggleMember('isancestor-item', false);"><tt><b>isAncestor</b>(item)</tt></a>
+</div>
+<div id="isancestor-item-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('isancestor-item', false);"><tt><b>isAncestor</b>(item)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('isancestor-item', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Checks if the item is an ancestor of the specified item.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>item:</tt> 
+<a href="../classes/Item.html"><tt>Item</tt></a>
+&mdash;&nbsp;the item to check against
+
+</li>
+
+</ul>
+
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> if the item is an ancestor of the specified
+item, <tt>false</tt> otherwise
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="isgroupedwith-item-member" class="member">
+<div id="isgroupedwith-item-link" class="member-link">
+<a name="isgroupedwith-item" href="#" onClick="return toggleMember('isgroupedwith-item', false);"><tt><b>isGroupedWith</b>(item)</tt></a>
+</div>
+<div id="isgroupedwith-item-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('isgroupedwith-item', false);"><tt><b>isGroupedWith</b>(item)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('isgroupedwith-item', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Checks whether the item is grouped with the specified item.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>item:</tt> 
+<a href="../classes/Item.html"><tt>Item</tt></a>
+
+
+</li>
+
+</ul>
+
+	
+	<ul><b>Returns:</b>
+	
+		<li>
+<tt><tt>Boolean</tt></tt>&nbsp;&mdash;&nbsp;<tt>true</tt> if the items are grouped together, <tt>false</tt> otherwise
+</li>
+	
+	</ul>
+
+	
+	
+</div>
+</div>
+</div>
+
+	
+<h3>Transform Functions</h3>
+
+<div id="scale-scale-member" class="member">
+<div id="scale-scale-link" class="member-link">
+<a name="scale-scale" href="#" onClick="return toggleMember('scale-scale', false);"><tt><b>scale</b>(scale[, center])</tt></a>
+</div>
+<div id="scale-scale-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('scale-scale', false);"><tt><b>scale</b>(scale[, center])</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-scale', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Scales the item by the given value from its center point, or optionally
+from a supplied point.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>scale:</tt> 
+<tt>Number</tt>
+&mdash;&nbsp;the scale factor
+
+</li>
+
+<li>
+<tt>center:</tt> 
+<a href="../classes/Point.html"><tt>Point</tt></a>
+
+&mdash;&nbsp;optional, default: <tt><a href="../classes/Item.html#position"><tt>item.position</tt></a></tt>
+</li>
+
+</ul>
+
+	
+	
+	<p>
+<b>Example</b> &mdash; Scaling an item from its center point:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-21">
+// Create a circle shaped path at { x: 80, y: 50 }
+// with a radius of 20:
+var circle = new Path.Circle(new Point(80, 50), 20);
+circle.fillColor = 'red';
+
+// Scale the path by 150% from its center point
+circle.scale(1.5);
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-21"></canvas></div>
+</div>
+
+
+<p>
+<b>Example</b> &mdash; Scaling an item from a specific point:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-22">
+// Create a circle shaped path at { x: 80, y: 50 }
+// with a radius of 20:
+var circle = new Path.Circle(new Point(80, 50), 20);
+circle.fillColor = 'red';
+
+// Scale the path 150% from its bottom left corner
+circle.scale(1.5, circle.bounds.bottomLeft);
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-22"></canvas></div>
+</div>
+
+
+</div>
+</div>
+</div>
+
+	
+<div id="scale-hor-ver-member" class="member">
+<div id="scale-hor-ver-link" class="member-link">
+<a name="scale-hor-ver" href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
+</div>
+<div id="scale-hor-ver-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-hor-ver', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Scales the item by the given values from its center point, or optionally
+from a supplied point.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>hor:</tt> 
+<tt>Number</tt>
+&mdash;&nbsp;the horizontal scale factor
+
+</li>
+
+<li>
+<tt>ver:</tt> 
+<tt>Number</tt>
+&mdash;&nbsp;the vertical scale factor
+
+</li>
+
+<li>
+<tt>center:</tt> 
+<a href="../classes/Point.html"><tt>Point</tt></a>
+
+&mdash;&nbsp;optional, default: <tt><a href="../classes/Item.html#position"><tt>item.position</tt></a></tt>
+</li>
+
+</ul>
+
+	
+	
+	<p>
+<b>Example</b> &mdash; Scaling an item horizontally by 300%:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-23">
+// Create a circle shaped path at { x: 100, y: 50 }
+// with a radius of 20:
+var circle = new Path.Circle(new Point(100, 50), 20);
+circle.fillColor = 'red';
+
+// Scale the path horizontally by 300%
+circle.scale(3, 1);
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-23"></canvas></div>
+</div>
+
+
+</div>
+</div>
+</div>
+
+	
+<div id="translate-delta-member" class="member">
+<div id="translate-delta-link" class="member-link">
+<a name="translate-delta" href="#" onClick="return toggleMember('translate-delta', false);"><tt><b>translate</b>(delta)</tt></a>
+</div>
+<div id="translate-delta-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('translate-delta', false);"><tt><b>translate</b>(delta)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('translate-delta', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Translates (moves) the item by the given offset point.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>delta:</tt> 
+<a href="../classes/Point.html"><tt>Point</tt></a>
+&mdash;&nbsp;the offset to translate the item by
+
+</li>
+
+</ul>
+
+	
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="rotate-angle-member" class="member">
+<div id="rotate-angle-link" class="member-link">
+<a name="rotate-angle" href="#" onClick="return toggleMember('rotate-angle', false);"><tt><b>rotate</b>(angle[, center])</tt></a>
+</div>
+<div id="rotate-angle-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('rotate-angle', false);"><tt><b>rotate</b>(angle[, center])</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('rotate-angle', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Rotates the item by a given angle around the given point.</p>
+<p>Angles are oriented clockwise and measured in degrees.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>angle:</tt> 
+<tt>Number</tt>
+&mdash;&nbsp;the rotation angle
+
+</li>
+
+<li>
+<tt>center:</tt> 
+<a href="../classes/Point.html"><tt>Point</tt></a>
+
+&mdash;&nbsp;optional, default: <tt><a href="../classes/Item.html#position"><tt>item.position</tt></a></tt>
+</li>
+
+</ul>
+
+	
+	
+	<p><b>See also:</b>
+	<tt><a href="../classes/Matrix.html#rotate"><tt>matrix.rotate</tt></a></tt>
+	</p>
+
+	<p>
+<b>Example</b> &mdash; Rotating an item:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-24">
+// Create a rectangle shaped path with its top left
+// point at {x: 80, y: 25} and a size of {width: 50, height: 50}:
+var path = new Path.Rectangle(new Point(80, 25), new Size(50, 50));
+path.fillColor = 'black';
+
+// Rotate the path by 30 degrees:
+path.rotate(30);
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-24"></canvas></div>
+</div>
+
+
+<p>
+<b>Example</b> &mdash; Rotating an item around a specific point:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-25">
+// Create a rectangle shaped path with its top left
+// point at {x: 175, y: 50} and a size of {width: 100, height: 100}:
+var topLeft = new Point(175, 50);
+var size = new Size(100, 100);
+var path = new Path.Rectangle(topLeft, size);
+path.fillColor = 'black';
+
+// Draw a circle shaped path in the center of the view,
+// to show the rotation point:
+var circle = new Path.Circle(view.center, 5);
+circle.fillColor = 'white';
+
+// Each frame rotate the path 3 degrees around the center point
+// of the view:
+function onFrame(event) {
+	path.rotate(3, view.center);
+}
+</script>
+<div class="canvas"><canvas width="516" height="200" id="canvas-25"></canvas></div>
+</div>
+
+
+</div>
+</div>
+</div>
+
+	
+<div id="shear-point-member" class="member">
+<div id="shear-point-link" class="member-link">
+<a name="shear-point" href="#" onClick="return toggleMember('shear-point', false);"><tt><b>shear</b>(point[, center])</tt></a>
+</div>
+<div id="shear-point-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('shear-point', false);"><tt><b>shear</b>(point[, center])</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-point', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Shears the item by the given value from its center point, or optionally
+by a supplied point.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>point:</tt> 
+<a href="../classes/Point.html"><tt>Point</tt></a>
+
+
+</li>
+
+<li>
+<tt>center:</tt> 
+<a href="../classes/Point.html"><tt>Point</tt></a>
+
+&mdash;&nbsp;optional, default: <tt><a href="../classes/Item.html#position"><tt>item.position</tt></a></tt>
+</li>
+
+</ul>
+
+	
+	
+	<p><b>See also:</b>
+	<tt><a href="../classes/Matrix.html#shear"><tt>matrix.shear</tt></a></tt>
+	</p>
+
+	
+</div>
+</div>
+</div>
+
+	
+<div id="shear-hor-ver-member" class="member">
+<div id="shear-hor-ver-link" class="member-link">
+<a name="shear-hor-ver" href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
+</div>
+<div id="shear-hor-ver-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-hor-ver', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Shears the item by the given values from its center point, or optionally
+by a supplied point.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>hor:</tt> 
+<tt>Number</tt>
+&mdash;&nbsp;the horizontal shear factor.
+
+</li>
+
+<li>
+<tt>ver:</tt> 
+<tt>Number</tt>
+&mdash;&nbsp;the vertical shear factor.
+
+</li>
+
+<li>
+<tt>center:</tt> 
+<a href="../classes/Point.html"><tt>Point</tt></a>
+
+&mdash;&nbsp;optional, default: <tt><a href="../classes/Item.html#position"><tt>item.position</tt></a></tt>
+</li>
+
+</ul>
+
+	
+	
+	<p><b>See also:</b>
+	<tt><a href="../classes/Matrix.html#shear"><tt>matrix.shear</tt></a></tt>
+	</p>
+
+	
+</div>
+</div>
+</div>
+
+	
+<div id="transform-matrix-flags-member" class="member">
+<div id="transform-matrix-flags-link" class="member-link">
+<a name="transform-matrix-flags" href="#" onClick="return toggleMember('transform-matrix-flags', false);"><tt><b>transform</b>(matrix, flags)</tt></a>
+</div>
+<div id="transform-matrix-flags-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('transform-matrix-flags', false);"><tt><b>transform</b>(matrix, flags)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('transform-matrix-flags', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Transform the item.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>matrix:</tt> 
+<a href="../classes/Matrix.html"><tt>Matrix</tt></a>
+
+
+</li>
+
+<li>
+<tt>flags:</tt> 
+
+
+
+</li>
+
+</ul>
+
+	
+	
+	
+</div>
+</div>
+</div>
+
+	
+<div id="fitbounds-rectangle-member" class="member">
+<div id="fitbounds-rectangle-link" class="member-link">
+<a name="fitbounds-rectangle" href="#" onClick="return toggleMember('fitbounds-rectangle', false);"><tt><b>fitBounds</b>(rectangle[, fill])</tt></a>
+</div>
+<div id="fitbounds-rectangle-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('fitbounds-rectangle', false);"><tt><b>fitBounds</b>(rectangle[, fill])</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('fitbounds-rectangle', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Transform the item so that its <a href="../classes/Item.html#bounds" onclick="return toggleMember('bounds', true);"><tt>bounds</tt></a> fit within the specified
+rectangle, without changing its aspect ratio.</p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>rectangle:</tt> 
+<a href="../classes/Rectangle.html"><tt>Rectangle</tt></a>
+
+
+</li>
+
+<li>
+<tt>fill:</tt> 
+<tt>Boolean</tt>
+
+&mdash;&nbsp;optional, default: <tt>false</tt>
+</li>
+
+</ul>
+
+	
+	
+	<p>
+<b>Example</b> &mdash; Fitting an item to the bounding rectangle of another item's bounding rectangle:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-26">
+// Create a rectangle shaped path with its top left corner
+// at {x: 80, y: 25} and a size of {width: 75, height: 50}:
+var size = new Size(75, 50);
+var path = new Path.Rectangle(new Point(80, 25), size);
+path.fillColor = 'black';
+
+// Create a circle shaped path with its center at {x: 80, y: 50}
+// and a radius of 30.
+var circlePath = new Path.Circle(new Point(80, 50), 30);
+circlePath.fillColor = 'red';
+
+// Fit the circlePath to the bounding rectangle of
+// the rectangular path:
+circlePath.fitBounds(path.bounds);
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-26"></canvas></div>
+</div>
+
+
+<p>
+<b>Example</b> &mdash; Fitting an item to the bounding rectangle of another item's bounding rectangle with the fill parameter set to true:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-27">
+// Create a rectangle shaped path with its top left corner
+// at {x: 80, y: 25} and a size of {width: 75, height: 50}:
+var size = new Size(75, 50);
+var path = new Path.Rectangle(new Point(80, 25), size);
+path.fillColor = 'black';
+
+// Create a circle shaped path with its center at {x: 80, y: 50}
+// and a radius of 30.
+var circlePath = new Path.Circle(new Point(80, 50), 30);
+circlePath.fillColor = 'red';
+
+// Fit the circlePath to the bounding rectangle of
+// the rectangular path:
+circlePath.fitBounds(path.bounds, true);
+</script>
+<div class="canvas"><canvas width="516" height="100" id="canvas-27"></canvas></div>
+</div>
+
+
+<p>
+<b>Example</b> &mdash; Fitting an item to the bounding rectangle of the view
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-28">
+var path = new Path.Circle(new Point(80, 50), 30);
+path.fillColor = 'red';
+
+// Fit the path to the bounding rectangle of the view:
+path.fitBounds(view.bounds);
+</script>
+<div class="canvas"><canvas width="516" height="200" id="canvas-28"></canvas></div>
+</div>
+
+
+</div>
+</div>
+</div>
+
+	
+<h3>Remove On Event</h3>
+
+<div id="removeon-object-member" class="member">
+<div id="removeon-object-link" class="member-link">
+<a name="removeon-object" href="#" onClick="return toggleMember('removeon-object', false);"><tt><b>removeOn</b>(object)</tt></a>
+</div>
+<div id="removeon-object-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('removeon-object', false);"><tt><b>removeOn</b>(object)</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('removeon-object', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Removes the item when the events specified in the passed object literal
+occur.</p>
+<p>The object literal can contain the following values:</p>
+<p>Remove the item when the next <a href="../classes/Tool.html#onmousemove"><tt>tool.onMouseMove</tt></a> event is
+fired: <tt>object.move = true</tt></p>
+<p>Remove the item when the next <a href="../classes/Tool.html#onmousedrag"><tt>tool.onMouseDrag</tt></a> event is
+fired: <tt>object.drag = true</tt></p>
+<p>Remove the item when the next <a href="../classes/Tool.html#onmousedown"><tt>tool.onMouseDown</tt></a> event is
+fired: <tt>object.down = true</tt></p>
+<p>Remove the item when the next <a href="../classes/Tool.html#onmouseup"><tt>tool.onMouseUp</tt></a> event is
+fired: <tt>object.up = true</tt></p>
+	
+<ul><b>Parameters:</b>
+
+<li>
+<tt>object:</tt> 
+<tt>Object</tt>
+
+
+</li>
+
+</ul>
+
+	
+	
+	<p>
+<b>Example</b> &mdash; Click and drag below:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-29">
+function onMouseDrag(event) {
+	// Create a circle shaped path at the mouse position,
+	// with a radius of 10:
+	var path = new Path.Circle(event.point, 10);
+	path.fillColor = 'black';
+
+	// Remove the path on the next onMouseDrag or onMouseDown event:
+	path.removeOn({
+		drag: true,
+		down: true
+	});
+}
+</script>
+<div class="canvas"><canvas width="516" height="200" id="canvas-29"></canvas></div>
+</div>
+
+
+</div>
+</div>
+</div>
+
+	
+<div id="removeonmove-member" class="member">
+<div id="removeonmove-link" class="member-link">
+<a name="removeonmove" href="#" onClick="return toggleMember('removeonmove', false);"><tt><b>removeOnMove</b>()</tt></a>
+</div>
+<div id="removeonmove-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('removeonmove', false);"><tt><b>removeOnMove</b>()</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('removeonmove', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Removes the item when the next <a href="../classes/Tool.html#onmousemove"><tt>tool.onMouseMove</tt></a> event is fired.</p>
+	
+	
+	
+	<p>
+<b>Example</b> &mdash; Move your mouse below:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-30">
+function onMouseMove(event) {
+	// Create a circle shaped path at the mouse position,
+	// with a radius of 10:
+	var path = new Path.Circle(event.point, 10);
+	path.fillColor = 'black';
+
+	// On the next move event, automatically remove the path:
+	path.removeOnMove();
+}
+</script>
+<div class="canvas"><canvas width="516" height="200" id="canvas-30"></canvas></div>
+</div>
+
+
+</div>
+</div>
+</div>
+
+	
+<div id="removeondown-member" class="member">
+<div id="removeondown-link" class="member-link">
+<a name="removeondown" href="#" onClick="return toggleMember('removeondown', false);"><tt><b>removeOnDown</b>()</tt></a>
+</div>
+<div id="removeondown-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('removeondown', false);"><tt><b>removeOnDown</b>()</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('removeondown', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Removes the item when the next <a href="../classes/Tool.html#onmousedown"><tt>tool.onMouseDown</tt></a> event is fired.</p>
+	
+	
+	
+	<p>
+<b>Example</b> &mdash; Click a few times below:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-31">
+function onMouseDown(event) {
+	// Create a circle shaped path at the mouse position,
+	// with a radius of 10:
+	var path = new Path.Circle(event.point, 10);
+	path.fillColor = 'black';
+
+	// Remove the path, next time the mouse is pressed:
+	path.removeOnDown();
+}
+</script>
+<div class="canvas"><canvas width="516" height="200" id="canvas-31"></canvas></div>
+</div>
+
+
+</div>
+</div>
+</div>
+
+	
+<div id="removeondrag-member" class="member">
+<div id="removeondrag-link" class="member-link">
+<a name="removeondrag" href="#" onClick="return toggleMember('removeondrag', false);"><tt><b>removeOnDrag</b>()</tt></a>
+</div>
+<div id="removeondrag-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('removeondrag', false);"><tt><b>removeOnDrag</b>()</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('removeondrag', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Removes the item when the next <a href="../classes/Tool.html#onmousedrag"><tt>tool.onMouseDrag</tt></a> event is fired.</p>
+	
+	
+	
+	<p>
+<b>Example</b> &mdash; Click and drag below:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-32">
+function onMouseDrag(event) {
+	// Create a circle shaped path at the mouse position,
+	// with a radius of 10:
+	var path = new Path.Circle(event.point, 10);
+	path.fillColor = 'black';
+
+	// On the next drag event, automatically remove the path:
+	path.removeOnDrag();
+}
+</script>
+<div class="canvas"><canvas width="516" height="200" id="canvas-32"></canvas></div>
+</div>
+
+
+</div>
+</div>
+</div>
+
+	
+<div id="removeonup-member" class="member">
+<div id="removeonup-link" class="member-link">
+<a name="removeonup" href="#" onClick="return toggleMember('removeonup', false);"><tt><b>removeOnUp</b>()</tt></a>
+</div>
+<div id="removeonup-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('removeonup', false);"><tt><b>removeOnUp</b>()</tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('removeonup', false);"></div>
+<div class="clear"></div>
+</div>
+<div class="member-text">
+	<p>Removes the item when the next <a href="../classes/Tool.html#onmouseup"><tt>tool.onMouseUp</tt></a> event is fired.</p>
+	
+	
+	
+	<p>
+<b>Example</b> &mdash; Click a few times below:
+</p>
+
+<div class="paperscript split">
+<div class="button">Run</div>
+<script type="text/paperscript" canvas="canvas-33">
+function onMouseDown(event) {
+	// Create a circle shaped path at the mouse position,
+	// with a radius of 10:
+	var path = new Path.Circle(event.point, 10);
+	path.fillColor = 'black';
+
+	// Remove the path, when the mouse is released:
+	path.removeOnUp();
+}
+</script>
+<div class="canvas"><canvas width="516" height="200" id="canvas-33"></canvas></div>
+</div>
+
+
+</div>
+</div>
+</div>
+
+</div>
+
+
+
+<!-- =========================== copyright notice ========================= -->
+<p class="footer">Copyright &#169; 2011 <a href="http://www.lehni.org" target="_blank">J&uuml;rg Lehni</a> &amp; <a href="http://www.jonathanpuckey.com" target="_blank">Jonathan Puckey</a>. All Rights Reserved.</p>
+<div class="content-end"></div>
+
+</body>
\ No newline at end of file
diff --git a/dist/docs/classes/PlacedSymbol.html b/dist/docs/classes/PlacedSymbol.html
index 11101b80..cc462023 100644
--- a/dist/docs/classes/PlacedSymbol.html
+++ b/dist/docs/classes/PlacedSymbol.html
@@ -16,7 +16,7 @@
 <div class="reference-class">
 <h1>PlacedSymbol</h1>
 
-<p> Extends <b><a href="../classes/Item.html"><tt>Item</tt></a></b></p>
+<p> Extends <b><a href="../classes/Item.html"><tt>Item</tt></a></b>, <b><a href="../classes/PlacedItem.html"><tt>PlacedItem</tt></a></b></p>
 
 <p>A PlacedSymbol represents an instance of a symbol which has been
 placed in a Paper.js project.</p>
@@ -134,7 +134,7 @@ for (var i = 0; i < 100; i++) {
 </div>
 
 <div class="member-text">
-	<p>The symbol that the placed symbol refers to:</p>
+	<p>The symbol that the placed symbol refers to.</p>
 	
 	
 	<ul><b>Type:</b>
@@ -588,6 +588,45 @@ circle2.opacity = 0.5;
 </div>
 
 	
+<div id="guide-member" class="member">
+<div id="guide-link" class="member-link">
+<a name="guide" href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+<div id="guide-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('guide', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>Specifies whether the item functions as a guide. When set to
+<tt>true</tt>, the item will be drawn at the end as a guide.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>1</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
 <div id="selected-member" class="member">
 <div id="selected-link" class="member-link">
 <a name="selected" href="#" onClick="return toggleMember('selected', false);"><tt><b>selected</b></tt></a>
@@ -1078,6 +1117,38 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	</ul>
 	
 	
+</div>
+
+</div>
+</div>
+
+	
+<div id="handlebounds-member" class="member">
+<div id="handlebounds-link" class="member-link">
+<a name="handlebounds" href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+<div id="handlebounds-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('handlebounds', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The bounding rectangle of the item including handles.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Rectangle.html"><tt>Rectangle</tt></a>
+	</li>
+	</ul>
+	
+	
 </div>
 
 </div>
@@ -1107,7 +1178,7 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -1481,7 +1552,7 @@ miterLimit imposes a limit on the ratio of the miter length to the
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -2678,18 +2749,18 @@ circle.scale(1.5, circle.bounds.bottomLeft);
 </div>
 
 	
-<div id="scale-sx-sy-member" class="member">
-<div id="scale-sx-sy-link" class="member-link">
-<a name="scale-sx-sy" href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<div id="scale-hor-ver-member" class="member">
+<div id="scale-hor-ver-link" class="member-link">
+<a name="scale-hor-ver" href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="scale-sx-sy-description" class="member-description hidden">
+<div id="scale-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<a href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-sx-sy', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -2699,14 +2770,14 @@ from a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>sx:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the horizontal scale factor
 
 </li>
 
 <li>
-<tt>sy:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the vertical scale factor
 
@@ -2926,18 +2997,18 @@ by a supplied point.</p>
 </div>
 
 	
-<div id="shear-shearX-shearY-member" class="member">
-<div id="shear-shearX-shearY-link" class="member-link">
-<a name="shear-shearX-shearY" href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<div id="shear-hor-ver-member" class="member">
+<div id="shear-hor-ver-link" class="member-link">
+<a name="shear-hor-ver" href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="shear-shearX-shearY-description" class="member-description hidden">
+<div id="shear-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<a href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-shearX-shearY', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -2947,16 +3018,16 @@ by a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>shearX:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the horizontal shear factor.
 
 </li>
 
 <li>
-<tt>shearY:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the vertical shear factor.
 
 </li>
 
@@ -3190,7 +3261,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path on the next onMouseDrag or onMouseDown event:
 	path.removeOn({
 		drag: true,
@@ -3238,7 +3309,7 @@ function onMouseMove(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next move event, automatically remove the path:
 	path.removeOnMove();
 }
@@ -3328,7 +3399,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next drag event, automatically remove the path:
 	path.removeOnDrag();
 }
@@ -3373,7 +3444,7 @@ function onMouseDown(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path, when the mouse is released:
 	path.removeOnUp();
 }
@@ -3390,6 +3461,47 @@ function onMouseDown(event) {
 
 
 
+<!-- =========================== inherited properties ====================== -->
+<div class="reference-members"><h2>Properties inherited from <a href="../classes/PlacedItem.html"><tt>PlacedItem</tt></a></h2>
+
+	
+<div id="matrix-member" class="member">
+<div id="matrix-link" class="member-link">
+<a name="matrix" href="#" onClick="return toggleMember('matrix', false);"><tt><b>matrix</b></tt></a>
+</div>
+<div id="matrix-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('matrix', false);"><tt><b>matrix</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('matrix', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The item's transformation matrix, defining position and dimensions in the
+document.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Matrix.html"><tt>Matrix</tt></a>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+</div>
+
+
+
+
 <!-- =========================== copyright notice ========================= -->
 <p class="footer">Copyright &#169; 2011 <a href="http://www.lehni.org" target="_blank">J&uuml;rg Lehni</a> &amp; <a href="http://www.jonathanpuckey.com" target="_blank">Jonathan Puckey</a>. All Rights Reserved.</p>
 <div class="content-end"></div>
diff --git a/dist/docs/classes/PointText.html b/dist/docs/classes/PointText.html
index 8a4ce263..421e6c25 100644
--- a/dist/docs/classes/PointText.html
+++ b/dist/docs/classes/PointText.html
@@ -551,6 +551,45 @@ circle2.opacity = 0.5;
 </div>
 
 	
+<div id="guide-member" class="member">
+<div id="guide-link" class="member-link">
+<a name="guide" href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+<div id="guide-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('guide', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>Specifies whether the item functions as a guide. When set to
+<tt>true</tt>, the item will be drawn at the end as a guide.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>1</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
 <div id="selected-member" class="member">
 <div id="selected-link" class="member-link">
 <a name="selected" href="#" onClick="return toggleMember('selected', false);"><tt><b>selected</b></tt></a>
@@ -1041,6 +1080,38 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	</ul>
 	
 	
+</div>
+
+</div>
+</div>
+
+	
+<div id="handlebounds-member" class="member">
+<div id="handlebounds-link" class="member-link">
+<a name="handlebounds" href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+<div id="handlebounds-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('handlebounds', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The bounding rectangle of the item including handles.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Rectangle.html"><tt>Rectangle</tt></a>
+	</li>
+	</ul>
+	
+	
 </div>
 
 </div>
@@ -1070,7 +1141,7 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -1444,7 +1515,7 @@ miterLimit imposes a limit on the ratio of the miter length to the
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -2641,18 +2712,18 @@ circle.scale(1.5, circle.bounds.bottomLeft);
 </div>
 
 	
-<div id="scale-sx-sy-member" class="member">
-<div id="scale-sx-sy-link" class="member-link">
-<a name="scale-sx-sy" href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<div id="scale-hor-ver-member" class="member">
+<div id="scale-hor-ver-link" class="member-link">
+<a name="scale-hor-ver" href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="scale-sx-sy-description" class="member-description hidden">
+<div id="scale-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<a href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-sx-sy', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -2662,14 +2733,14 @@ from a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>sx:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the horizontal scale factor
 
 </li>
 
 <li>
-<tt>sy:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the vertical scale factor
 
@@ -2889,18 +2960,18 @@ by a supplied point.</p>
 </div>
 
 	
-<div id="shear-shearX-shearY-member" class="member">
-<div id="shear-shearX-shearY-link" class="member-link">
-<a name="shear-shearX-shearY" href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<div id="shear-hor-ver-member" class="member">
+<div id="shear-hor-ver-link" class="member-link">
+<a name="shear-hor-ver" href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="shear-shearX-shearY-description" class="member-description hidden">
+<div id="shear-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<a href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-shearX-shearY', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -2910,16 +2981,16 @@ by a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>shearX:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the horizontal shear factor.
 
 </li>
 
 <li>
-<tt>shearY:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the vertical shear factor.
 
 </li>
 
@@ -3153,7 +3224,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path on the next onMouseDrag or onMouseDown event:
 	path.removeOn({
 		drag: true,
@@ -3201,7 +3272,7 @@ function onMouseMove(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next move event, automatically remove the path:
 	path.removeOnMove();
 }
@@ -3291,7 +3362,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next drag event, automatically remove the path:
 	path.removeOnDrag();
 }
@@ -3336,7 +3407,7 @@ function onMouseDown(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path, when the mouse is released:
 	path.removeOnUp();
 }
diff --git a/dist/docs/classes/Raster.html b/dist/docs/classes/Raster.html
index ad8d414e..c7bf411d 100644
--- a/dist/docs/classes/Raster.html
+++ b/dist/docs/classes/Raster.html
@@ -16,7 +16,7 @@
 <div class="reference-class">
 <h1>Raster</h1>
 
-<p> Extends <b><a href="../classes/Item.html"><tt>Item</tt></a></b></p>
+<p> Extends <b><a href="../classes/Item.html"><tt>Item</tt></a></b>, <b><a href="../classes/PlacedItem.html"><tt>PlacedItem</tt></a></b></p>
 
 <p>The Raster item represents an image in a Paper.js project.</p>
 
@@ -1172,6 +1172,45 @@ circle2.opacity = 0.5;
 </div>
 
 	
+<div id="guide-member" class="member">
+<div id="guide-link" class="member-link">
+<a name="guide" href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+<div id="guide-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('guide', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>Specifies whether the item functions as a guide. When set to
+<tt>true</tt>, the item will be drawn at the end as a guide.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>1</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
 <div id="selected-member" class="member">
 <div id="selected-link" class="member-link">
 <a name="selected" href="#" onClick="return toggleMember('selected', false);"><tt><b>selected</b></tt></a>
@@ -1662,6 +1701,38 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	</ul>
 	
 	
+</div>
+
+</div>
+</div>
+
+	
+<div id="handlebounds-member" class="member">
+<div id="handlebounds-link" class="member-link">
+<a name="handlebounds" href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+<div id="handlebounds-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('handlebounds', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The bounding rectangle of the item including handles.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Rectangle.html"><tt>Rectangle</tt></a>
+	</li>
+	</ul>
+	
+	
 </div>
 
 </div>
@@ -1691,7 +1762,7 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -2065,7 +2136,7 @@ miterLimit imposes a limit on the ratio of the miter length to the
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -3262,18 +3333,18 @@ circle.scale(1.5, circle.bounds.bottomLeft);
 </div>
 
 	
-<div id="scale-sx-sy-member" class="member">
-<div id="scale-sx-sy-link" class="member-link">
-<a name="scale-sx-sy" href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<div id="scale-hor-ver-member" class="member">
+<div id="scale-hor-ver-link" class="member-link">
+<a name="scale-hor-ver" href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="scale-sx-sy-description" class="member-description hidden">
+<div id="scale-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<a href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-sx-sy', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -3283,14 +3354,14 @@ from a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>sx:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the horizontal scale factor
 
 </li>
 
 <li>
-<tt>sy:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the vertical scale factor
 
@@ -3510,18 +3581,18 @@ by a supplied point.</p>
 </div>
 
 	
-<div id="shear-shearX-shearY-member" class="member">
-<div id="shear-shearX-shearY-link" class="member-link">
-<a name="shear-shearX-shearY" href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<div id="shear-hor-ver-member" class="member">
+<div id="shear-hor-ver-link" class="member-link">
+<a name="shear-hor-ver" href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="shear-shearX-shearY-description" class="member-description hidden">
+<div id="shear-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<a href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-shearX-shearY', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -3531,16 +3602,16 @@ by a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>shearX:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the horizontal shear factor.
 
 </li>
 
 <li>
-<tt>shearY:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the vertical shear factor.
 
 </li>
 
@@ -3774,7 +3845,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path on the next onMouseDrag or onMouseDown event:
 	path.removeOn({
 		drag: true,
@@ -3822,7 +3893,7 @@ function onMouseMove(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next move event, automatically remove the path:
 	path.removeOnMove();
 }
@@ -3912,7 +3983,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next drag event, automatically remove the path:
 	path.removeOnDrag();
 }
@@ -3957,7 +4028,7 @@ function onMouseDown(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path, when the mouse is released:
 	path.removeOnUp();
 }
@@ -3974,6 +4045,47 @@ function onMouseDown(event) {
 
 
 
+<!-- =========================== inherited properties ====================== -->
+<div class="reference-members"><h2>Properties inherited from <a href="../classes/PlacedItem.html"><tt>PlacedItem</tt></a></h2>
+
+	
+<div id="matrix-member" class="member">
+<div id="matrix-link" class="member-link">
+<a name="matrix" href="#" onClick="return toggleMember('matrix', false);"><tt><b>matrix</b></tt></a>
+</div>
+<div id="matrix-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('matrix', false);"><tt><b>matrix</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('matrix', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The item's transformation matrix, defining position and dimensions in the
+document.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Matrix.html"><tt>Matrix</tt></a>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+</div>
+
+
+
+
 <!-- =========================== copyright notice ========================= -->
 <p class="footer">Copyright &#169; 2011 <a href="http://www.lehni.org" target="_blank">J&uuml;rg Lehni</a> &amp; <a href="http://www.jonathanpuckey.com" target="_blank">Jonathan Puckey</a>. All Rights Reserved.</p>
 <div class="content-end"></div>
diff --git a/dist/docs/classes/Rectangle.html b/dist/docs/classes/Rectangle.html
index 8347112a..c0ea7c8d 100644
--- a/dist/docs/classes/Rectangle.html
+++ b/dist/docs/classes/Rectangle.html
@@ -1083,7 +1083,7 @@ var circle = new Path.Circle(new Point(80, 50), 30);
 function onMouseMove(event) {
 	// Move the circle to the position of the mouse:
 	circle.position = event.point;
-	
+
 	// Check whether the bounding box of the smaller circle
 	// is contained within the bounding box of the larger item:
 	if (largeCircle.bounds.contains(circle.bounds)) {
@@ -1170,7 +1170,7 @@ var circle = new Path.Circle(new Point(80, 50), 30);
 function onMouseMove(event) {
 	// Move the circle to the position of the mouse:
 	circle.position = event.point;
-	
+
 	// Check whether the bounding box of the two circle
 	// shaped paths intersect:
 	if (largeCircle.bounds.intersects(circle.bounds)) {
diff --git a/dist/docs/classes/TextItem.html b/dist/docs/classes/TextItem.html
index e8890a2b..d73a932b 100644
--- a/dist/docs/classes/TextItem.html
+++ b/dist/docs/classes/TextItem.html
@@ -609,6 +609,45 @@ circle2.opacity = 0.5;
 </div>
 
 	
+<div id="guide-member" class="member">
+<div id="guide-link" class="member-link">
+<a name="guide" href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+<div id="guide-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('guide', false);"><tt><b>guide</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('guide', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>Specifies whether the item functions as a guide. When set to
+<tt>true</tt>, the item will be drawn at the end as a guide.</p>
+	
+	
+		<ul><b>Default:</b>
+		<li>
+		<tt>1</tt>
+		</li>
+		</ul>
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>Number</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+
+	
 <div id="selected-member" class="member">
 <div id="selected-link" class="member-link">
 <a name="selected" href="#" onClick="return toggleMember('selected', false);"><tt><b>selected</b></tt></a>
@@ -1099,6 +1138,38 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	</ul>
 	
 	
+</div>
+
+</div>
+</div>
+
+	
+<div id="handlebounds-member" class="member">
+<div id="handlebounds-link" class="member-link">
+<a name="handlebounds" href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+<div id="handlebounds-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('handlebounds', false);"><tt><b>handleBounds</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('handlebounds', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The bounding rectangle of the item including handles.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<a href="../classes/Rectangle.html"><tt>Rectangle</tt></a>
+	</li>
+	</ul>
+	
+	
 </div>
 
 </div>
@@ -1128,7 +1199,7 @@ accessing <tt>item.children[item.children.length - 1]</tt>.</p>
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -1502,7 +1573,7 @@ miterLimit imposes a limit on the ratio of the miter length to the
 	
 	<ul><b>Type:</b>
 	<li>
-		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
+		<a href="../classes/RGBColor.html"><tt>RGBColor</tt></a> / <a href="../classes/HSBColor.html"><tt>HSBColor</tt></a> / <a href="../classes/HSLColor.html"><tt>HSLColor</tt></a> / <a href="../classes/GrayColor.html"><tt>GrayColor</tt></a>
 	</li>
 	</ul>
 	
@@ -2699,18 +2770,18 @@ circle.scale(1.5, circle.bounds.bottomLeft);
 </div>
 
 	
-<div id="scale-sx-sy-member" class="member">
-<div id="scale-sx-sy-link" class="member-link">
-<a name="scale-sx-sy" href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<div id="scale-hor-ver-member" class="member">
+<div id="scale-hor-ver-link" class="member-link">
+<a name="scale-hor-ver" href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="scale-sx-sy-description" class="member-description hidden">
+<div id="scale-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('scale-sx-sy', false);"><tt><b>scale</b>(sx, sy[, center])</tt></a>
+<a href="#" onClick="return toggleMember('scale-hor-ver', false);"><tt><b>scale</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-sx-sy', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('scale-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -2720,14 +2791,14 @@ from a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>sx:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the horizontal scale factor
 
 </li>
 
 <li>
-<tt>sy:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
 &mdash;&nbsp;the vertical scale factor
 
@@ -2947,18 +3018,18 @@ by a supplied point.</p>
 </div>
 
 	
-<div id="shear-shearX-shearY-member" class="member">
-<div id="shear-shearX-shearY-link" class="member-link">
-<a name="shear-shearX-shearY" href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<div id="shear-hor-ver-member" class="member">
+<div id="shear-hor-ver-link" class="member-link">
+<a name="shear-hor-ver" href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
-<div id="shear-shearX-shearY-description" class="member-description hidden">
+<div id="shear-hor-ver-description" class="member-description hidden">
 <div class="member-header">
 <div class="member-title">
 <div class="member-link">
-<a href="#" onClick="return toggleMember('shear-shearX-shearY', false);"><tt><b>shear</b>(shearX, shearY[, center])</tt></a>
+<a href="#" onClick="return toggleMember('shear-hor-ver', false);"><tt><b>shear</b>(hor, ver[, center])</tt></a>
 </div>
 </div>
-<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-shearX-shearY', false);"></div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('shear-hor-ver', false);"></div>
 <div class="clear"></div>
 </div>
 <div class="member-text">
@@ -2968,16 +3039,16 @@ by a supplied point.</p>
 <ul><b>Parameters:</b>
 
 <li>
-<tt>shearX:</tt> 
+<tt>hor:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the horizontal shear factor.
 
 </li>
 
 <li>
-<tt>shearY:</tt> 
+<tt>ver:</tt> 
 <tt>Number</tt>
-
+&mdash;&nbsp;the vertical shear factor.
 
 </li>
 
@@ -3211,7 +3282,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path on the next onMouseDrag or onMouseDown event:
 	path.removeOn({
 		drag: true,
@@ -3259,7 +3330,7 @@ function onMouseMove(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next move event, automatically remove the path:
 	path.removeOnMove();
 }
@@ -3349,7 +3420,7 @@ function onMouseDrag(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// On the next drag event, automatically remove the path:
 	path.removeOnDrag();
 }
@@ -3394,7 +3465,7 @@ function onMouseDown(event) {
 	// with a radius of 10:
 	var path = new Path.Circle(event.point, 10);
 	path.fillColor = 'black';
-	
+
 	// Remove the path, when the mouse is released:
 	path.removeOnUp();
 }
diff --git a/dist/docs/classes/ToolEvent.html b/dist/docs/classes/ToolEvent.html
index 46a4f1b9..fef8e0f5 100644
--- a/dist/docs/classes/ToolEvent.html
+++ b/dist/docs/classes/ToolEvent.html
@@ -33,6 +33,38 @@ information about the mouse event.</p>
 	<div class="reference-members"><h2>Properties</h2>
 		
 			
+<div id="type-member" class="member">
+<div id="type-link" class="member-link">
+<a name="type" href="#" onClick="return toggleMember('type', false);"><tt><b>type</b></tt></a>
+</div>
+<div id="type-description" class="member-description hidden">
+<div class="member-header">
+<div class="member-title">
+<div class="member-link">
+<a href="#" onClick="return toggleMember('type', false);"><tt><b>type</b></tt></a>
+</div>
+</div>
+<div class="member-close"><input type="button" value="Close" onClick="toggleMember('type', false);"></div>
+<div class="clear"></div>
+</div>
+
+<div class="member-text">
+	<p>The type of tool event.</p>
+	
+	
+	<ul><b>Type:</b>
+	<li>
+		<tt>String('mousedown', 'mouseup', 'mousemove', 'mousedrag')</tt>
+	</li>
+	</ul>
+	
+	
+</div>
+
+</div>
+</div>
+		
+			
 <div id="point-member" class="member">
 <div id="point-link" class="member-link">
 <a name="point" href="#" onClick="return toggleMember('point', false);"><tt><b>point</b></tt></a>
diff --git a/dist/docs/classes/index.html b/dist/docs/classes/index.html
index 1546b69c..f11e687e 100644
--- a/dist/docs/classes/index.html
+++ b/dist/docs/classes/index.html
@@ -26,6 +26,7 @@
 <li><a href="../classes/Item.html">Item</a></li>
 <li><a href="../classes/Layer.html">Layer</a></li>
 <li><a href="../classes/Group.html">Group</a></li>
+<li><a href="../classes/PlacedItem.html">PlacedItem</a></li>
 <li><a href="../classes/Raster.html">Raster</a></li>
 <li><a href="../classes/PlacedSymbol.html">PlacedSymbol</a></li>
 </ul>
diff --git a/dist/docs/resources/css/codemirror.css b/dist/docs/resources/css/codemirror.css
index 35bc1277..0bf4a03b 100644
--- a/dist/docs/resources/css/codemirror.css
+++ b/dist/docs/resources/css/codemirror.css
@@ -89,22 +89,27 @@ span.CodeMirror-selected {
 
 /* JavaScript */
 
-span.js-comment {
-	color: #8c868f;
-}
-span.js-keyword {
+span.cm-keyword {
 	color: #ff7800;
 }
-span.js-atom {
+span.cm-number,
+span.cm-atom {
 	color: #3b5bb5;
 }
-span.js-string {
+span.cm-string {
 	color: #409b1c;
 }
-span.js-variable {
-	color: #000000;
+span.cm-comment {
+	color: #8c868f;
 }
-span.js-variabledef,
-span.js-localvariable {
+span.cm-property {
+	color: #000;
+}
+span.cm-variable {
+	color: #000;
+}
+span.cm-def,
+span.cm-variable-2,
+span.cm-variable-3 {
 	color: #3a4a64;
 }
diff --git a/dist/docs/resources/js/codemirror.js b/dist/docs/resources/js/codemirror.js
index 9339a758..a5c4ba10 100644
--- a/dist/docs/resources/js/codemirror.js
+++ b/dist/docs/resources/js/codemirror.js
@@ -1 +1 @@
-var CodeMirror=function(){function D(a,b){if(a.indexOf)return a.indexOf(b);for(var c=0,d=a.length;c<d;++c)if(a[c]==b)return c;return-1}function C(a,b){if(!b)return a?a.length:0;if(!a)return b.length;for(var c=a.length,d=b.length;c>=0&&d>=0;--c,--d)if(a.charAt(c)!=b.charAt(d))break;return d+1}function B(a){return a.replace(/[<>&]/g,function(a){return a=="&"?"&amp;":a=="<"?"&lt;":"&gt;"})}function A(a){return{line:a.line,ch:a.ch}}function z(a,b){return a.line<b.line||a.line==b.line&&a.ch<b.ch}function y(a,b){return a.line==b.line&&a.ch==b.ch}function x(a){return a.textContent||a.innerText||a.nodeValue||""}function w(a){var b=0,c=0;for(var d=a;d;d=d.offsetParent)b+=d.offsetLeft,c+=d.offsetTop;for(var d=a.parentNode;d!=document.body;d=d.parentNode)b-=d.scrollLeft,c-=d.scrollTop;return{left:b,top:c}}function v(a,b){b==null&&(b=a.search(/[^\s\u00a0]/),b==-1&&(b=a.length));for(var c=0,d=0;c<b;++c)a.charAt(c)=="\t"?d+=r-d%r:++d;return d}function n(){this.id=null}function m(a,b,c,d){function e(a){c(new l(a||window.event))}if(typeof a.addEventListener=="function"){a.addEventListener(b,e,!1);if(d)return function(){a.removeEventListener(b,e,!1)}}else{a.attachEvent("on"+b,e);if(d)return function(){a.detachEvent("on"+b,e)}}}function l(a){this.e=a}function k(a){a.stop||(a.stop=j);return a}function j(){this.preventDefault?(this.preventDefault(),this.stopPropagation()):(this.returnValue=!1,this.cancelBubble=!0)}function i(){this.time=0,this.done=[],this.undone=[]}function h(a,b,c,d){for(var e=0,f=0,g=0;f<b;e+=2){var h=c[e],i=f+h.length;g==0?(i>a&&d.push(h.slice(a-f,Math.min(h.length,b-f)),c[e+1]),i>=a&&(g=1)):g==1&&(i>b?d.push(h.slice(0,b-f),c[e+1]):d.push(h,c[e+1])),f=i}}function g(a,b){this.styles=b||[a,null],this.stateAfter=null,this.text=a,this.marked=this.gutterMarker=this.className=null}function f(a){this.pos=this.start=0,this.string=a}function e(a,b,c){return a.startState?a.startState(b,c):!0}function d(a,b){if(b===!0)return b;if(a.copyState)return a.copyState(b);var c={};for(var d in b){var e=b[d];e instanceof Array&&(e=e.concat([])),c[d]=e}return c}function a(b,c){function cG(a,b,c){this.atOccurrence=!1,c==null&&(c=typeof a=="string"&&a==a.toLowerCase()),b&&typeof b=="object"?b=bX(b):b={line:0,ch:0},this.pos={from:b,to:b};if(typeof a!="string")this.matches=function(b,c){if(b){var d=S[c.line].text.slice(0,c.ch),e=d.match(a),f=0;while(e){var g=d.indexOf(e[0]);f+=g,d=d.slice(g+1);var h=d.match(a);if(h)e=h;else break}}else var d=S[c.line].text.slice(c.ch),e=d.match(a),f=e&&c.ch+d.indexOf(e[0]);if(e)return{from:{line:c.line,ch:f},to:{line:c.line,ch:f+e[0].length},match:e}};else{c&&(a=a.toLowerCase());var d=c?function(a){return a.toLowerCase()}:function(a){return a},e=a.split("\n");e.length==1?this.matches=function(b,c){var e=d(S[c.line].text),f=a.length,g;if(b?c.ch>=f&&(g=e.lastIndexOf(a,c.ch-f))!=-1:(g=e.indexOf(a,c.ch))!=-1)return{from:{line:c.line,ch:g},to:{line:c.line,ch:g+f}}}:this.matches=function(a,b){var c=b.line,f=a?e.length-1:0,g=e[f],h=d(S[c].text),i=a?h.indexOf(g)+g.length:h.lastIndexOf(g);if(!(a?i>=b.ch||i!=g.length:i<=b.ch||i!=h.length-g.length))for(;;){if(a?!c:c==S.length-1)return;h=d(S[c+=a?-1:1].text),g=e[a?--f:++f];if(f>0&&f<e.length-1){if(h!=g)return;continue}var j=a?h.lastIndexOf(g):h.indexOf(g)+g.length;if(a?j!=h.length-g.length:j!=g.length)return;var k={line:b.line,ch:i},l={line:c,ch:j};return{from:a?l:k,to:a?k:l}}}}}function cF(a){return function(){cE++||cC();try{var b=a.apply(this,arguments)}finally{--cE||cD()}return b}}function cD(){var a=!1;bb&&(a=!bL()),_.length?bO(_):bb&&bS(),a&&bL(),bb&&cv(),!bc&&($===!0||$!==!1&&bb)&&bK(),bb&&f.matchBrackets&&setTimeout(cF(function(){bi&&(bi(),bi=null),cx(!1)}),20);var b=ba;bb&&f.onCursorActivity&&f.onCursorActivity(bl),b&&f.onChange&&bl&&f.onChange(bl,b)}function cC(){$=null,_=[],ba=bb=!1}function cB(a){!T.length||P.set(a,cF(cA))}function cA(){var a=+(new Date)+f.workTime;while(T.length){if(!S[bd].stateAfter)var b=bd;else var b=T.pop();if(b>=S.length)continue;var c=cy(b),g=c&&S[c-1].stateAfter;g?g=d(R,g):g=e(R);for(var h=c,i=S.length;h<i;++h){var j=S[h],k=j.stateAfter;if(+(new Date)>a){T.push(h),cB(f.workDelay),_.push({from:b,to:h});return}var l=j.highlight(R,g);j.stateAfter=d(R,g);if(k&&!l&&j.text)break}_.push({from:b,to:h})}}function cz(a){var b=cy(a),c=b&&S[b-1].stateAfter;c?c=d(R,c):c=e(R);for(var f=b;f<a;++f){var g=S[f];g.highlight(R,c),g.stateAfter=d(R,c)}S[a].stateAfter||T.push(a);return c}function cy(a){var b,c;for(var d=a,e=a-40;d>e;--d){if(d==0)return 0;var f=S[d-1];if(f.stateAfter)return d;var g=f.indentation();if(c==null||b>g)c=d,b=g}return c}function cx(a){function p(a,b,c){if(!!a.text){var d=a.styles,e=g?0:a.text.length-1,f;for(var i=g?0:d.length-2,j=g?d.length:-2;i!=j;i+=2*h){var k=d[i];if(d[i+1]!=null&&d[i+1]!=m){e+=h*k.length;continue}for(var l=g?0:k.length-1,p=g?k.length:-1;l!=p;l+=h,e+=h)if(e>=b&&e<c&&o.test(f=k.charAt(l))){var q=cw[f];if(q.charAt(1)==">"==g)n.push(f);else{if(n.pop()!=q.charAt(0))return{pos:e,match:!1};if(!n.length)return{pos:e,match:!0}}}}}}var b=W.inverted?W.from:W.to,c=S[b.line],d=b.ch-1,e=d>=0&&cw[c.text.charAt(d)]||cw[c.text.charAt(++d)];if(!!e){var f=e.charAt(0),g=e.charAt(1)==">",h=g?1:-1,i=c.styles;for(var j=d+1,k=0,l=i.length;k<l;k+=2)if((j-=i[k].length)<=0){var m=i[k+1];break}var n=[c.text.charAt(d)],o=/[(){}[\]]/;for(var k=b.line,l=g?Math.min(k+50,S.length):Math.max(-1,k-50);k!=l;k+=h){var c=S[k],q=k==b.line,r=p(c,q&&g?d+1:0,q&&!g?d:c.text.length);if(r){var m=r.match?"CodeMirror-matchingbracket":"CodeMirror-nonmatchingbracket",s=cg({line:b.line,ch:d},{line:b.line,ch:d+1},m),t=cg({line:k,ch:r.pos},{line:k,ch:r.pos+1},m),u=cF(function(){s(),t()});a?setTimeout(u,800):bi=u;break}}}}function cv(){clearInterval(Q);var a=!0;M.style.visibility="",Q=setInterval(function(){M.style.visibility=(a=!a)?"":"hidden"},650)}function cu(a){var b=ct(a);if(!!b&&!window.opera){(y(W.from,W.to)||z(b,W.from)||!z(b,W.to))&&bV(b.line,b.ch);var c=K.style.cssText;K.style.cssText="position: fixed; width: 30px; height: 30px; top: "+(a.pageY()-1)+"px; left: "+(a.pageX()-1)+"px; z-index: 1000; background: white; "+"border-width: 0; outline: none; overflow: hidden;";var d=K.value=bF();K.focus(),G(K,0,d.length),p&&a.stop(),bc=!0,setTimeout(function(){K.value!=d&&cF(bC)(K.value,"end"),K.style.cssText=c,bc=!1,bK(),bH()},50)}}function ct(a,b){var c=w(l),d=a.pageX(),e=a.pageY();if(!b&&(d-c.left>l.clientWidth||e-c.top>l.clientHeight))return null;var f=w(L),g=bd+Math.floor((e-f.top)/cq());return bX({line:g,ch:cn(bW(g),d-f.left)})}function cs(){return L.offsetLeft}function cr(){return L.offsetTop}function cq(){var a=N.childNodes.length;if(a)return N.offsetHeight/a;v.innerHTML="<pre>x</pre>";return v.firstChild.offsetHeight||1}function cp(a){var b=co(a,!0),c=w(L);return{x:c.left+b.x,y:c.top+b.y,yBot:c.top+b.yBot}}function co(a,b){var c=cq(),d=a.line-(b?bd:0);return{x:cm(a.line,a.ch),y:d*c,yBot:(d+1)*c}}function cn(a,b){function e(a){v.innerHTML="<pre><span>"+c.getHTML(null,null,!1,a)+"</span></pre>";return v.firstChild.firstChild.offsetWidth}if(b<=0)return 0;var c=S[a],d=c.text,f=0,g=0,h=d.length,i,j=Math.min(h,Math.ceil(b/cl("x")));for(;;){var k=e(j);if(k<=b&&j<h)j=Math.min(h,Math.ceil(j*1.2));else{i=k,h=j;break}}if(b>i)return h;j=Math.floor(h*.8),k=e(j),k<b&&(f=j,g=k);for(;;){if(h-f<=1)return i-b>b-g?f:h;var l=Math.ceil((f+h)/2),m=e(l);m>b?(h=l,i=m):(f=l,g=m)}}function cm(a,b){if(b==0)return 0;v.innerHTML="<pre><span>"+S[a].getHTML(null,null,!1,b)+"</span></pre>";return v.firstChild.firstChild.offsetWidth}function cl(a){v.innerHTML="<pre><span>x</span></pre>",v.firstChild.firstChild.firstChild.nodeValue=a;return v.firstChild.firstChild.offsetWidth||10}function ck(a){if(typeof a=="number"){var b=a;a=S[a];if(!a)return null}else{var b=D(S,a);if(b==-1)return null}var c=a.gutterMarker;return{line:b,text:a.text,markerText:c&&c.text,markerClass:c&&c.style}}function cj(a,b){if(typeof a=="number"){var c=a;a=S[bW(a)]}else{var c=D(S,a);if(c==-1)return null}a.className=b,_.push({from:c,to:c+1});return a}function ci(a){typeof a=="number"&&(a=S[bW(a)]),a.gutterMarker=null,bR()}function ch(a,b,c){typeof a=="number"&&(a=S[bW(a)]),a.gutterMarker={text:b,style:c},bR();return a}function cg(a,b,c){function e(a,b,c,e){var a=S[a],f=a.addMark(b,c,e);f.line=a,d.push(f)}a=bX(a),b=bX(b);var d=[];if(a.line==b.line)e(a.line,a.ch,b.ch,c);else{e(a.line,a.ch,null,c);for(var f=a.line+1,g=b.line;f<g;++f)e(f,0,null,c);e(b.line,0,b.ch,c)}_.push({from:a.line,to:b.line+1});return function(){var a,b;for(var c=0;c<d.length;++c){var e=d[c],f=D(S,e.line);e.line.removeMark(e),f>-1&&(a==null&&(a=f),b=f)}a!=null&&_.push({from:a,to:b+1})}}function cf(){var a=f.gutter||f.lineNumbers;H.style.display=a?"":"none",a?bR():N.parentNode.style.marginLeft=0}function ce(){R=a.getMode(f,f.mode);for(var b=0,c=S.length;b<c;++b)S[b].stateAfter=null;T=[0],cB()}function cd(a,b){if(b=="smart")if(!R.indent)b="prev";else var c=cz(a);var d=S[a],e=d.indentation(),g=d.text.match(/^\s*/)[0],h;b=="prev"?a?h=S[a-1].indentation():h=0:b=="smart"?h=R.indent(c,d.text.slice(g.length)):b=="add"?h=e+f.indentUnit:b=="subtract"&&(h=e-f.indentUnit),h=Math.max(0,h);var i=h-e;if(!i){if(W.from.line!=a&&W.to.line!=a)return;var j=g}else{var j="",k=0;if(f.indentWithTabs)for(var l=Math.floor(h/r);l;--l)k+=r,j+="\t";while(k<h)++k,j+=" "}bB(j,{line:a,ch:0},{line:a,ch:g.length})}function cc(a){X=null;switch(f.tabMode){case"default":return!1;case"indent":for(var b=W.from.line,c=W.to.line;b<=c;++b)cd(b,"smart");break;case"classic":if(y(W.from,W.to)){a?cd(W.from.line,"smart"):bC("\t","end");break};case"shift":for(var b=W.from.line,c=W.to.line;b<=c;++b)cd(b,a?"subtract":"add")}return!0}function cb(){bC("\n","end"),f.enterMode!="flat"&&cd(W.from.line,f.enterMode=="keep"?"prev":"smart")}function ca(a){bT({line:a,ch:0},{line:a,ch:S[a].text.length})}function b_(a){var b=S[a.line].text,c=a.ch,d=a.ch;while(c>0&&/\w/.test(b.charAt(c-1)))--c;while(d<b.length&&/\w/.test(b.charAt(d)))++d;bT({line:a.line,ch:c},{line:a.line,ch:d})}function b$(){var a=S.length-1;bU({line:0,ch:0},{line:a,ch:S[a].text.length})}function bZ(a){bV(a?0:S.length-1,!0)}function bY(a){var b=Math.floor(l.clientHeight/cq()),c=W.inverted?W.from:W.to;bV(c.line+Math.max(b-1,1)*(a?1:-1),c.ch,!0)}function bX(a){if(a.line<0)return{line:0,ch:0};if(a.line>=S.length)return{line:S.length-1,ch:S[S.length-1].text.length};var b=a.ch,c=S[a.line].text.length;return b==null||b>c?{line:a.line,ch:c}:b<0?{line:a.line,ch:0}:a}function bW(a){return Math.max(0,Math.min(a,S.length-1))}function bV(a,b,c){var d=bX({line:a,ch:b||0});(c?bT:bU)(d,d)}function bU(a,b,c,d){if(!y(W.from,a)||!y(W.to,b)){if(z(b,a)){var e=b;b=a,a=e}var f=y(W.to,b),g=y(W.from,a);y(a,b)?W.inverted=!1:f&&!g?W.inverted=!0:g&&!f&&(W.inverted=!1),c==null&&(c=W.from.line,d=W.to.line),y(a,b)?y(W.from,W.to)||_.push({from:c,to:d+1}):y(W.from,W.to)?_.push({from:a.line,to:b.line+1}):(y(a,W.from)||(a.line<c?_.push({from:a.line,to:Math.min(b.line,c)+1}):_.push({from:c,to:Math.min(d,a.line)+1})),y(b,W.to)||(b.line<d?_.push({from:Math.max(c,a.line),to:d+1}):_.push({from:Math.max(a.line,d),to:b.line+1}))),W.from=a,W.to=b,bb=!0}}function bT(a,b){var c=X&&bX(X);c&&(z(c,a)?a=c:z(b,c)&&(b=c)),bU(a,b)}function bS(){var a=W.inverted?W.from:W.to,b=cm(a.line,a.ch)+"px",c=(a.line-bd)*cq()+"px";J.style.top=c,J.style.left=b,y(W.from,W.to)?(M.style.top=c,M.style.left=b,M.style.display=""):M.style.display="none"}function bR(){if(!!f.gutter||!!f.lineNumbers){var a=B.offsetHeight,b=l.clientHeight;H.style.height=(a-b<2?b:a)+"px";var c=[];for(var d=bd;d<be;++d){var e=S[d].gutterMarker,g=f.lineNumbers?d+f.firstLineNumber:null;e&&e.text?g=e.text.replace("%N%",g!=null?g:""):g==null&&(g="\u00a0"),c.push(e&&e.style?'<pre class="'+e.style+'">':"<pre>",g,"</pre>")}H.style.display="none",I.innerHTML=c.join("");var h=String(S.length).length,i=I.firstChild,j=x(i),k="";while(j.length+k.length<h)k+="\u00a0";k&&i.insertBefore(document.createTextNode(k),i.firstChild),H.style.display="",L.style.marginLeft=H.offsetWidth+"px"}}function bQ(a){var b=W.from.line,c=W.to.line,d=0,e=o&&document.createElement("div");for(var f=0,g=a.length;f<g;++f){var h=a[f],i=h.to-h.from-h.domSize,j=N.childNodes[h.domStart+h.domSize+d]||null;if(o)for(var k=Math.max(-i,h.domSize);k>0;--k)N.removeChild(j?j.previousSibling:N.lastChild);else if(i){for(var k=Math.max(0,i);k>0;--k)N.insertBefore(document.createElement("pre"),j);for(var k=Math.max(0,-i);k>0;--k)N.removeChild(j?j.previousSibling:N.lastChild)}var l=N.childNodes[h.domStart+d],m=b<h.from&&c>=h.from;for(var k=h.from;k<h.to;++k){var n=null,p=null;m?(n=0,c==k&&(m=!1,p=W.to.ch)):b==k&&(c==k?(n=W.from.ch,p=W.to.ch):(m=!0,n=W.from.ch)),o?(e.innerHTML=S[k].getHTML(n,p,!0),N.insertBefore(e.firstChild,j)):(l.innerHTML=S[k].getHTML(n,p,!1),l.className=S[k].className||"",l=l.nextSibling)}d+=i}}function bP(a,b){var c=[],d={line:a,ch:0},e=z(W.from,d)&&!z(W.to,d);for(var f=a;f<b;++f){var g=null,h=null;e?(g=0,W.to.line==f&&(e=!1,h=W.to.ch)):W.from.line==f&&(W.to.line==f?(g=W.from.ch,h=W.to.ch):(e=!0,g=W.from.ch)),c.push(S[f].getHTML(g,h,!0))}N.innerHTML=c.join("")}function bO(a){if(!l.clientWidth)bd=be=0;else{var b=a===!0?[]:[{from:bd,to:be,domStart:0}];for(var c=0,d=a.length||0;c<d;++c){var e=a[c],f=[],g=e.diff||0;for(var h=0,i=b.length;h<i;++h){var j=b[h];e.to<=j.from?f.push({from:j.from+g,to:j.to+g,domStart:j.domStart}):j.to<=e.from?f.push(j):(e.from>j.from&&f.push({from:j.from,to:e.from,domStart:j.domStart}),e.to<j.to&&f.push({from:e.to+g,to:j.to+g,domStart:j.domStart+(e.to-j.from)}))}b=f}var k=bN(),m=Math.min(bd,Math.max(k.from-3,0)),n=Math.min(S.length,Math.max(be,k.to+3)),o=[],p=0,q=be-bd,r=m,s=0;for(var c=0,d=b.length;c<d;++c){var j=b[c];if(j.to<=m)continue;if(j.from>=n)break;if(j.domStart>p||j.from>r)o.push({from:r,to:j.from,domSize:j.domStart-p,domStart:p}),s+=j.from-r;r=j.to,p=j.domStart+(j.to-j.from)}if(p!=q||r!=n)s+=Math.abs(n-r),o.push({from:r,to:n,domSize:q-p,domStart:p});if(!o.length)return;N.style.display="none",s>(k.to-k.from)*.3?bP(m=Math.max(k.from-10,0),n=Math.min(k.to+7,S.length)):bQ(o),N.style.display="";var t=m!=bd||n!=be||bf!=l.clientHeight;bd=m,be=n,B.style.top=m*cq()+"px",t&&(bf=l.clientHeight,u.style.height=S.length*cq()+2*cr()+"px",bR());var v=cl(bj);L.style.width=v>l.clientWidth?v+"px":"";if(N.childNodes.length!=be-bd)throw new Error("BAD PATCH! "+JSON.stringify(o)+" size="+(be-bd)+" nodes="+N.childNodes.length);bS()}}function bN(){var a=cq(),b=l.scrollTop-cr();return{from:Math.min(S.length,Math.max(0,Math.floor(b/a))),to:Math.min(S.length,Math.ceil((b+l.clientHeight)/a))}}function bM(a,b,c,d){var e=cs(),g=cr();b+=g,d+=g,a+=e,c+=e;var h=l.clientHeight,i=l.scrollTop,j=!1,k=!0;b<i?(l.scrollTop=Math.max(0,b-10),j=!0):d>i+h&&(l.scrollTop=d+10-h,j=!0);var m=l.clientWidth,n=l.scrollLeft;a<n?(l.scrollLeft=Math.max(0,a-10),j=!0):c>m+n&&(l.scrollLeft=c+10-m,j=!0,c>u.clientWidth&&(k=!1)),j&&f.onScroll&&f.onScroll(bl);return k}function bL(){var a=co(W.inverted?W.from:W.to);return bM(a.x,a.y,a.x,a.yBot)}function bK(){var a=[],b=Math.max(0,W.from.line-1),c=Math.min(S.length,W.to.line+2);for(var d=b;d<c;++d)a.push(S[d].text);a=K.value=a.join(q);var e=W.from.ch,f=W.to.ch;for(var d=b;d<W.from.line;++d)e+=q.length+S[d].text.length;for(var d=b;d<W.to.line;++d)f+=q.length+S[d].text.length;bh={text:a,from:b,to:c,start:e,end:f},G(K,e,Y?e:f)}function bJ(){function g(a,c){var d=0;for(;;){var e=b.indexOf("\n",d);if(e==-1||(b.charAt(e-1)=="\r"?e-1:e)>=a)return{line:c,ch:a-d};++c,d=e+1}}var a=!1,b=K.value,c=F(K);if(!c)return!1;var a=bh.text!=b,d=Y,e=a||c.start!=bh.start||c.end!=(d?bh.start:bh.end);if(!e&&!d)return!1;if(a){X=Y=null;if(f.readOnly){$=!0;return"changed"}}var h=g(c.start,bh.from),i=g(c.end,bh.from);if(d){h=c.start==d.anchor?i:h,i=X?W.to:c.start==d.anchor?h:i;if(!z(h,i)){Y=null,W.inverted=!1;var j=h;h=i,i=j}}h.line==i.line&&h.line==W.from.line&&h.line==W.to.line&&!X&&($=!1);if(a){var k=0,l=b.length,m=Math.min(l,bh.text.length),n,o=bh.from,p=-1;while(k<m&&(n=b.charAt(k))==bh.text.charAt(k))++k,n=="\n"&&(o++,p=k);var q=p>-1?k-p:k,r=bh.to-1,s=bh.text.length;for(;;){n=bh.text.charAt(s),n=="\n"&&r--;if(b.charAt(l)!=n){++l,++s;break}if(s<=k||l<=k)break;--l,--s}var p=bh.text.lastIndexOf("\n",s-1),t=p==-1?s:s-p-1;bw({line:o,ch:q},{line:r,ch:t},E(b.slice(k,l)),h,i);if(o!=r||h.line!=o)$=!0}else bU(h,i);bh.text=b,bh.start=c.start,bh.end=c.end;return a?"changed":e?"moved":!1}function bI(a){function c(){cC();var d=bJ();d=="moved"&&a&&(t[a]=!0),!d&&!b?(b=!0,O.set(80,c)):(bG=!1,bH()),cD()}var b=!1;bG=!0,O.set(20,c)}function bH(){bG||O.set(2e3,function(){cC(),bJ(),V&&bH(),cD()})}function bF(){return bE(W.from,W.to)}function bE(a,b){var c=a.line,d=b.line;if(c==d)return S[c].text.slice(a.ch,b.ch);var e=[S[c].text.slice(a.ch)];for(var f=c+1;f<d;++f)e.push(S[f].text);e.push(S[d].text.slice(0,b.ch));return e.join("\n")}function bD(a,b,c,d){var e=a.length==1?a[0].length+b.ch:a[a.length-1].length,f=d({line:b.line+a.length-1,ch:e});bw(b,c,a,f.from,f.to)}function bC(a,b){bD(E(a),W.from,W.to,function(a){return b=="end"?{from:a,to:a}:b=="start"?{from:W.from,to:W.from}:{from:W.from,to:a}})}function bB(a,b,c){function d(d){if(z(d,b))return d;if(!z(c,d))return e;var f=d.line+a.length-(c.line-b.line)-1,g=d.ch;d.line==c.line&&(g+=a[a.length-1].length-(c.ch-(c.line==b.line?b.ch:0)));return{line:f,ch:g}}b=bX(b),c?c=bX(c):c=b,a=E(a);var e;bD(a,b,c,function(a){e=a;return{from:d(W.from),to:d(W.to)}});return e}function bA(a,b,c,d,e){function s(a){return a<=Math.min(b.line,b.line+q)?a:a+q}var f=!1,h=bj.length;for(var i=a.line;i<b.line;++i)if(S[i].text.length==h){f=!0;break}var j=b.line-a.line,k=S[a.line],l=S[b.line];if(k==l)if(c.length==1)k.replace(a.ch,b.ch,c[0]);else{l=k.split(b.ch,c[c.length-1]);var m=[a.line+1,j];k.replace(a.ch,k.text.length,c[0]);for(var i=1,n=c.length-1;i<n;++i)m.push(new g(c[i]));m.push(l),S.splice.apply(S,m)}else if(c.length==1)k.replace(a.ch,k.text.length,c[0]+l.text.slice(b.ch)),S.splice(a.line+1,j);else{var m=[a.line+1,j-1];k.replace(a.ch,k.text.length,c[0]),l.replace(0,b.ch,c[c.length-1]);for(var i=1,n=c.length-1;i<n;++i)m.push(new g(c[i]));S.splice.apply(S,m)}for(var i=a.line,n=i+c.length;i<n;++i){var o=S[i].text;o.length>h&&(bj=o,h=o.length,f=!1)}if(f){h=0;for(var i=0,n=S.length;i<n;++i){var o=S[i].text;o.length>h&&(h=o.length,bj=o)}}var p=[],q=c.length-j-1;for(var i=0,o=T.length;i<o;++i){var r=T[i];r<a.line?p.push(r):r>b.line&&p.push(r+q)}c.length&&p.push(a.line),T=p,cB(100),_.push({from:a.line,to:b.line+1,diff:q}),ba={from:a,to:b,text:c},bU(d,e,s(W.from.line),s(W.to.line)),u.style.height=S.length*cq()+2*cr()+"px"}function bz(){bx(U.undone,U.done)}function by(){bx(U.done,U.undone)}function bx(a,b){var c=a.pop();if(c){var d=[],e=c.start+c.added;for(var f=c.start;f<e;++f)d.push(S[f].text);b.push({start:c.start,added:c.old.length,old:d});var g=bX({line:c.start+c.old.length-1,ch:C(d[d.length-1],c.old[c.old.length-1])});bA({line:c.start,ch:0},{line:e-1,ch:S[e-1].text.length},c.old,g,g)}}function bw(a,b,c,d,e){if(U){var g=[];for(var h=a.line,i=b.line+1;h<i;++h)g.push(S[h].text);U.addChange(a.line,c.length,g);while(U.done.length>f.undoDepth)U.done.shift()}bA(a,b,c,d,e)}function bv(){V&&f.onBlur&&f.onBlur(bl),clearInterval(Q),X=null,V=!1,l.className=l.className.replace(" CodeMirror-focused","")}function bu(){!V&&f.onFocus&&f.onFocus(bl),V=!0,bH(),l.className.search(/\bCodeMirror-focused\b/)==-1&&(l.className+=" CodeMirror-focused"),cv()}function bt(a){if(!f.onKeyEvent||!f.onKeyEvent(bl,k(a.e))){if(f.electricChars&&R.electricChars){var b=String.fromCharCode(a.e.charCode==null?a.e.keyCode:a.e.charCode);R.electricChars.indexOf(b)>-1&&setTimeout(cF(function(){cd(W.to.line,"smart")}),50)}var c=a.e.keyCode;c==13?(f.readOnly||cb(),a.stop()):!a.e.ctrlKey&&!a.e.altKey&&!a.e.metaKey&&c==9&&f.tabMode!="default"?a.stop():bI(bg)}}function bs(a){Y&&(Y=null,$=!0),a.e.keyCode==16&&(X=null)}function br(a){V||bu();var b=a.e.keyCode,c=(s?a.e.metaKey:a.e.ctrlKey)&&!a.e.altKey,d=a.e.ctrlKey||a.e.altKey||a.e.metaKey;b==16||a.e.shiftKey?X=X||(W.inverted?W.to:W.from):X=null;if(!f.onKeyEvent||!f.onKeyEvent(bl,k(a.e))){if(b==33||b==34){bY(b==34);return a.stop()}if(c&&(b==36||b==35||s&&(b==38||b==40))){bZ(b==36||b==38);return a.stop()}if(c&&b==65){b$();return a.stop()}if(!f.readOnly){if(!d&&b==13)return;if(!d&&b==9&&cc(a.e.shiftKey))return a.stop();if(c&&b==90){by();return a.stop()}if(c&&(a.e.shiftKey&&b==90||b==89)){bz();return a.stop()}}bg=(c?"c":"")+b;if(W.inverted&&t.hasOwnProperty(bg)){var e=F(K);e&&(Y={anchor:e.start},G(K,e.start,e.start))}bI(bg)}}function bq(a){var b=ct(a,!0),c=a.e.dataTransfer.files;if(!!b&&!f.readOnly)if(c&&c.length&&window.FileReader&&window.File){var d=c.length,e=Array(d),g=0;for(var h=0;h<d;++h)i(c[h],h);function i(a,c){var f=new FileReader;f.onload=function(){e[c]=f.result,++g==d&&bB(e.join(""),bX(b),bX(b))},f.readAsText(a)}}else try{var e=a.e.dataTransfer.getData("Text");e&&bB(e,b,b)}catch(a){}}function bp(a){var b=ct(a);!b||(b_(b),a.stop(),Z=+(new Date))}function bo(a){function i(a){var b=ct(a,!0);if(b&&!y(b,e)){V||bu(),e=b,bT(d,b),$=!1;var c=bN();if(b.line>=c.to||b.line<c.from)g=setTimeout(cF(function(){i(a)}),150)}}function h(){K.focus(),$=!0,j(),k()}var b=Z;Z=null;for(var c=a.target();c!=l;c=c.parentNode)if(c.parentNode==I){f.onGutterClick&&f.onGutterClick(bl,D(I.childNodes,c)+bd);return a.stop()}p&&a.button()==3&&cu(a);if(a.button()==1){var d=ct(a),e=d,g;if(!d){a.target()==l&&a.stop();return}V||bu(),a.stop();if(b&&+(new Date)-b<400)return ca(d.line);bV(d.line,d.ch,!0);var j=m(document,"mousemove",cF(function(a){clearTimeout(g),a.stop(),i(a)}),!0),k=m(document,"mouseup",cF(function(a){clearTimeout(g);var b=ct(a);b&&bT(d,b),a.stop(),h()}),!0)}}function bn(a){var b=[];for(var c=0,d=S.length;c<d;++c)b.push(S[c].text);return b.join("\n")}function bm(a){U=null;var b={line:0,ch:0};bw(b,{line:S.length-1,ch:S[S.length-1].text.length},E(a),b,b),U=new i}function bk(a){return a>=0&&a<S.length}var f={},h=a.defaults;for(var j in h)h.hasOwnProperty(j)&&(f[j]=(c&&c.hasOwnProperty(j)?c:h)[j]);var l=document.createElement("div");l.className="CodeMirror",window.ActiveXObject&&/MSIE [1-7][\b\.]/.test(navigator.userAgent)&&(l.style.position="relative"),l.innerHTML='<div style="position: relative"><div style="position: absolute; height: 0; width: 0; overflow: hidden;"></div><div style="position: relative"><div class="CodeMirror-gutter"><div class="CodeMirror-gutter-text"></div></div><div style="overflow: hidden; position: absolute; width: 1px; height: 0; left: 0"><textarea style="position: absolute; width: 100000px;" wrap="off"></textarea></div><div class="CodeMirror-lines"><div style="position: relative"><pre class="CodeMirror-cursor">&#160;</pre><div></div></div></div></div></div>',b.appendChild?b.appendChild(l):b(l);var u=l.firstChild,v=u.firstChild,B=v.nextSibling,H=B.firstChild,I=H.firstChild,J=H.nextSibling,K=J.firstChild,L=J.nextSibling.firstChild,M=L.firstChild,N=M.nextSibling;f.tabindex!=null&&(K.tabindex=f.tabindex),!f.gutter&&!f.lineNumbers&&(H.style.display="none");var O=new n,P=new n,Q,R,S=[new g("")],T,U=new i,V;ce();var W={from:{line:0,ch:0},to:{line:0,ch:0},inverted:!1},X,Y,Z,$,_,ba,bb,bc,bd=0,be=0,bf=0,bg=null,bh,bi,bj="";cF(function(){bm(f.value||""),$=!1})(),setTimeout(bK,20),m(l,"mousedown",cF(bo)),p||m(l,"contextmenu",cF(cu)),m(u,"dblclick",cF(bp)),m(l,"scroll",function(){bO([]),f.onScroll&&f.onScroll(bl)}),m(window,"resize",function(){bO(!0)}),m(K,"keyup",cF(bs)),m(K,"keydown",cF(br)),m(K,"keypress",cF(bt)),m(K,"focus",bu),m(K,"blur",bv),m(l,"dragenter",function(a){a.stop()}),m(l,"dragover",function(a){a.stop()}),m(l,"drop",cF(bq)),m(l,"paste",function(){K.focus(),bI()}),m(K,"paste",function(){bI()}),m(K,"cut",function(){bI()}),document.activeElement==K?bu():bv();var bl={getValue:bn,setValue:cF(bm),getSelection:bF,replaceSelection:cF(bC),focus:function(){K.focus(),bu(),bI()},setOption:function(a,b){f[a]=b,a=="lineNumbers"||a=="gutter"?cf():(a=="mode"||a=="indentUnit")&&ce()},getOption:function(a){return f[a]},undo:cF(by),redo:cF(bz),indentLine:cF(function(a){bk(a)&&cd(a,"smart")}),historySize:function(){return{undo:U.done.length,redo:U.undone.length}},matchBrackets:cF(function(){cx(!0)}),getTokenAt:function(a){a=bX(a);return S[a.line].getTokenAt(R,cz(a.line),a.ch)},cursorCoords:function(a){a==null&&(a=W.inverted);return cp(a?W.from:W.to)},charCoords:function(a){return cp(bX(a))},coordsChar:function(a){var b=w(L),c=bW(Math.min(S.length-1,bd+Math.floor((a.y-b.top)/cq())));return bX({line:c,ch:cn(bW(c),a.x-b.left)})},getSearchCursor:function(a,b,c){return new cG(a,b,c)},markText:cF(function(a,b,c){return cF(cg(a,b,c))}),setMarker:ch,clearMarker:ci,setLineClass:cF(cj),lineInfo:ck,addWidget:function(a,b,c){var a=co(bX(a),!0);b.style.top=bd*cq()+a.yBot+cr()+"px",b.style.left=a.x+cs()+"px",u.appendChild(b),c&&bM(a.x,a.yBot,a.x+b.offsetWidth,a.yBot+b.offsetHeight)},lineCount:function(){return S.length},getCursor:function(a){a==null&&(a=W.inverted);return A(a?W.from:W.to)},somethingSelected:function(){return!y(W.from,W.to)},setCursor:cF(function(a,b){b==null&&typeof a.line=="number"?bV(a.line,a.ch):bV(a,b)}),setSelection:cF(function(a,b){bU(bX(a),bX(b||a))}),getLine:function(a){if(bk(a))return S[a].text},setLine:cF(function(a,b){bk(a)&&bB(b,{line:a,ch:0},{line:a,ch:S[a].text.length})}),removeLine:cF(function(a){bk(a)&&bB("",{line:a,ch:0},bX({line:a+1,ch:0}))}),replaceRange:cF(bB),getRange:function(a,b){return bE(bX(a),bX(b))},operation:function(a){return cF(a)()},refresh:function(){bO(!0)},getInputField:function(){return K},getWrapperElement:function(){return l}},bG=!1,cw={"(":")>",")":"(<","[":"]>","]":"[<","{":"}>","}":"{<"},cE=0;cG.prototype={findNext:function(){return this.find(!1)},findPrevious:function(){return this.find(!0)},find:function(a){function d(a){var c={line:a,ch:0};b.pos={from:c,to:c},b.atOccurrence=!1;return!1}var b=this,c=bX(a?this.pos.from:this.pos.to);for(;;){if(this.pos=this.matches(a,c)){this.atOccurrence=!0;return this.pos.match||!0}if(a){if(!c.line)return d(0);c={line:c.line-1,ch:S[c.line-1].text.length}}else{if(c.line==S.length-1)return d(S.length);c={line:c.line+1,ch:0}}}},from:function(){if(this.atOccurrence)return A(this.pos.from)},to:function(){if(this.atOccurrence)return A(this.pos.to)}};return bl}a.defaults={value:"",mode:null,indentUnit:2,indentWithTabs:!1,tabMode:"classic",enterMode:"indent",electricChars:!0,onKeyEvent:null,lineNumbers:!1,gutter:!1,firstLineNumber:1,readOnly:!1,onChange:null,onCursorActivity:null,onGutterClick:null,onFocus:null,onBlur:null,onScroll:null,matchBrackets:!1,workTime:100,workDelay:200,undoDepth:40,tabindex:null};var b={},c={};a.defineMode=function(c,d){!a.defaults.mode&&c!="null"&&(a.defaults.mode=c),b[c]=d},a.defineMIME=function(a,b){c[a]=b},a.getMode=function(d,e){typeof e=="string"&&c.hasOwnProperty(e)&&(e=c[e]);if(typeof e=="string")var f=e,g={};else var f=e.name,g=e;var h=b[f];if(!h){window.console&&console.warn("No mode "+f+" found, falling back to plain text.");return a.getMode(d,"text/plain")}return h(d,g)},a.listModes=function(){var a=[];for(var c in b)b.propertyIsEnumerable(c)&&a.push(c);return a},a.listMIMEs=function(){var a=[];for(var b in c)c.propertyIsEnumerable(b)&&a.push(b);return a},a.fromTextArea=function(b,c){function d(){b.value=h.getValue()}c||(c={}),c.value=b.value,!c.tabindex&&b.tabindex&&(c.tabindex=b.tabindex);if(b.form){var e=m(b.form,"submit",d,!0);if(typeof b.form.submit=="function"){var f=b.form.submit;function g(){d(),b.form.submit=f,b.form.submit(),b.form.submit=g}b.form.submit=g}}b.style.display="none";var h=a(function(a){b.parentNode.insertBefore(a,b.nextSibling)},c);h.save=d,h.toTextArea=function(){d(),b.parentNode.removeChild(h.getWrapperElement()),b.style.display="",b.form&&(e(),typeof b.form.submit=="function"&&(b.form.submit=f))};return h},a.startState=e,a.copyState=d,f.prototype={eol:function(){return this.pos>=this.string.length},sol:function(){return this.pos==0},peek:function(){return this.string.charAt(this.pos)},next:function(){if(this.pos<this.string.length)return this.string.charAt(this.pos++)},eat:function(a){var b=this.string.charAt(this.pos);if(typeof a=="string")var c=b==a;else var c=b&&(a.test?a.test(b):a(b));if(c){++this.pos;return b}},eatWhile:function(a){var b=this.start;while(this.eat(a));return this.pos>b},eatSpace:function(){var a=this.pos;while(/[\s\u00a0]/.test(this.string.charAt(this.pos)))++this.pos;return this.pos>a},skipToEnd:function(){this.pos=this.string.length},skipTo:function(a){var b=this.string.indexOf(a,this.pos);if(b>-1){this.pos=b;return!0}},backUp:function(a){this.pos-=a},column:function(){return v(this.string,this.start)},indentation:function(){return v(this.string)},match:function(a,b,c){if(typeof a!="string"){var e=this.string.slice(this.pos).match(a);e&&b!==!1&&(this.pos+=e[0].length);return e}function d(a){return c?a.toLowerCase():a}if(d(this.string).indexOf(d(a),this.pos)==this.pos){b!==!1&&(this.pos+=a.length);return!0}},current:function(){return this.string.slice(this.start,this.pos)}},g.prototype={replace:function(a,b,c){var d=[],e=this.marked;h(0,a,this.styles,d),c&&d.push(c,null),h(b,this.text.length,this.styles,d),this.styles=d,this.text=this.text.slice(0,a)+c+this.text.slice(b),this.stateAfter=null;if(e){var f=c.length-(b-a),g=this.text.length;function i(a){return a<=Math.min(b,b+f)?a:a+f}for(var j=0;j<e.length;++j){var k=e[j],l=!1;k.from>=g?l=!0:(k.from=i(k.from),k.to!=null&&(k.to=i(k.to)));if(l||k.from>=k.to)e.splice(j,1),j--}}},split:function(a,b){var c=[b,null];h(a,this.text.length,this.styles,c);return new g(b+this.text.slice(a),c)},addMark:function(a,b,c){var d=this.marked,e={from:a,to:b,style:c};this.marked==null&&(this.marked=[]),this.marked.push(e),this.marked.sort(function(a,b){return a.from-b.from});return e},removeMark:function(a){var b=this.marked;if(!!b)for(var c=0;c<b.length;++c)if(b[c]==a){b.splice(c,1);break}},highlight:function(a,b){var c=new f(this.text),d=this.styles,e=0,g=!1,h=d[0],i;while(!c.eol()){var j=a.token(c,b),k=this.text.slice(c.start,c.pos);c.start=c.pos,e&&d[e-1]==j?d[e-2]+=k:k&&(!g&&(d[e+1]!=j||e&&d[e-2]!=i)&&(g=!0),d[e++]=k,d[e++]=j,i=h,h=d[e]);if(c.pos>5e3){d[e++]=this.text.slice(c.pos),d[e++]=null;break}}d.length!=e&&(d.length=e,g=!0),e&&d[e-2]!=i&&(g=!0);return g},getTokenAt:function(a,b,c){var d=this.text,e=new f(d);while(e.pos<c&&!e.eol()){e.start=e.pos;var g=a.token(e,b)}return{start:e.start,end:e.pos,string:e.current(),className:g||null,state:b}},indentation:function(){return v(this.text)},getHTML:function(a,b,c,d){function f(a,b){!a||(b?e.push('<span class="',b,'">',B(a),"</span>"):e.push(B(a)))}var e=[];c&&e.push(this.className?'<pre class="'+this.className+'">':"<pre>");var g=this.styles,h=this.text,i=this.marked;a==b&&(a=null);var j=h.length;d!=null&&(j=Math.min(d,j));if(!h&&d==null)f(" ",a!=null&&b==null?"CodeMirror-selected":null);else if(!i&&a==null)for(var k=0,l=0;l<j;k+=2){var m=g[k],n=m.length;l+n>j&&(m=m.slice(0,j-l)),l+=n,f(m,g[k+1])}else{var o=0,k=0,p="",q,r=0,s=-1,t=null;function u(){i&&(s+=1,t=s<i.length?i[s]:null)}u();while(o<j){var v=j,w="";if(a!=null)if(a>o)v=a;else if(b==null||b>o)w=" CodeMirror-selected",b!=null&&(v=Math.min(v,b));while(t&&t.to!=null&&t.to<=o)u();t&&(t.from>o?v=Math.min(v,t.from):(w+=" "+t.style,t.to!=null&&(v=Math.min(v,t.to))));for(;;){var x=o+p.length,y=q;w&&(y=q?q+w:w),f(x>v?p.slice(0,v-o):p,y);if(x>=v){p=p.slice(v-o),o=v;break}o=x,p=g[k++],q=g[k++]}}a!=null&&b==null&&f(" ","CodeMirror-selected")}c&&e.push("</pre>");return e.join("")}},i.prototype={addChange:function(a,b,c){this.undone.length=0;var d=+(new Date),e=this.done[this.done.length-1];if(d-this.time>400||!e||e.start>a+b||e.start+e.added<a-e.added+e.old.length)this.done.push({start:a,added:b,old:c});else{var f=0;if(a<e.start){for(var g=e.start-a-1;g>=0;--g)e.old.unshift(c[g]);e.added+=e.start-a,e.start=a}else e.start<a&&(f=a-e.start,b+=f);for(var g=e.added-f,h=c.length;g<h;++g)e.old.push(c[g]);e.added<b&&(e.added=b)}this.time=d}},l.prototype={stop:function(){j.call(this.e)},target:function(){return this.e.target||this.e.srcElement},button:function(){if(this.e.which)return this.e.which;if(this.e.button&1)return 1;if(this.e.button&2)return 3;if(this.e.button&4)return 2},pageX:function(){return this.e.pageX!=null?this.e.pageX:this.e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft},pageY:function(){return this.e.pageY!=null?this.e.pageY:this.e.clientY+document.body.scrollTop+document.documentElement.scrollTop}},n.prototype={set:function(a,b){clearTimeout(this.id),this.id=setTimeout(b,a)}};var o=function(){var a=document.createElement("pre");a.innerHTML=" ";return!a.innerHTML}(),p=/gecko\/\d{7}/i.test(navigator.userAgent),q="\n";(function(){var a=document.createElement("textarea");a.value="foo\nbar",a.value.indexOf("\r")>-1&&(q="\r\n")})();var r=8,s=/Mac/.test(navigator.platform),t={};for(var u=35;u<=40;++u)t[u]=t["c"+u]=!0;if("\n\nb".split(/\n/).length!=3)var E=function(a){var b=0,c,d=[];while((c=a.indexOf("\n",b))>-1)d.push(a.slice(b,a.charAt(c-1)=="\r"?c-1:c)),b=c+1;d.push(a.slice(b));return d};else var E=function(a){return a.split(/\r?\n/)};if(window.getSelection)var F=function(a){try{return{start:a.selectionStart,end:a.selectionEnd}}catch(b){return null}},G=function(a,b,c){try{a.setSelectionRange(b,c)}catch(d){}};else var F=function(a){try{var b=document.selection.createRange()}catch(c){return null}if(!b||b.parentElement()!=a)return null;var d=a.value,e=d.length,f=a.createTextRange();f.moveToBookmark(b.getBookmark());var g=a.createTextRange();g.collapse(!1);if(f.compareEndPoints("StartToEnd",g)>-1)return{start:e,end:e};var h=-f.moveStart("character",-e);for(var i=d.indexOf("\r");i>-1&&i<h;i=d.indexOf("\r",i+1),h++);if(f.compareEndPoints("EndToEnd",g)>-1)return{start:h,end:e};var j=-f.moveEnd("character",-e);for(var i=d.indexOf("\r");i>-1&&i<j;i=d.indexOf("\r",i+1),j++);return{start:h,end:j}},G=function(a,b,c){var d=a.createTextRange();d.collapse(!0);var e=d.duplicate(),f=0,g=a.value;for(var h=g.indexOf("\n");h>-1&&h<b;h=g.indexOf("\n",h+1))++f;d.move("character",b-f);for(;h>-1&&h<c;h=g.indexOf("\n",h+1))++f;e.move("character",c-f),d.setEndPoint("EndToEnd",e),d.select()};a.defineMode("null",function(){return{token:function(a){a.skipToEnd()}}}),a.defineMIME("text/plain","null");return a}();CodeMirror.defineMode("javascript",function(a,b){function R(a,b){if(a=="variable"){v(b);return u()}}function Q(a,b){if(a=="variable"){v(b);return u(Q)}if(a=="(")return u(z(")"),x,I(R,")"),A,C,y)}function P(a){a!=")"&&u(D)}function O(a,b){if(a==";")return u(P);if(b=="in")return u(D);return u(D,B(";"),P)}function N(a,b){if(b=="in")return u(D);return u(E,O)}function M(a){if(a=="var")return u(K,O);if(a==";")return t(O);if(a=="variable")return u(N);return t(O)}function L(a,b){if(b=="=")return u(D,L);if(a==",")return u(K)}function K(a,b){if(a=="variable"){v(b);return u(L)}return u()}function J(a){if(a=="}")return u();return t(C,J)}function I(a,b){function c(d){if(d==",")return u(a,c);if(d==b)return u();return u(B(b))}return function(d){return d==b?u():t(a,c)}}function H(a){a=="variable"&&(s.marked="js-property");if(o.hasOwnProperty(a))return u(B(":"),D)}function G(a){if(a=="variable"){s.marked="js-property";return u()}}function F(a){if(a==":")return u(A,C);return t(E,B(";"),A)}function E(a,b){if(a=="operator"&&/\+\+|--/.test(b))return u(E);if(a=="operator")return u(D);if(a!=";"){if(a=="(")return u(z(")"),I(D,")"),A,E);if(a==".")return u(G,E);if(a=="[")return u(z("]"),D,B("]"),A,E)}}function D(a){if(o.hasOwnProperty(a))return u(E);if(a=="function")return u(Q);if(a=="keyword c")return u(D);if(a=="(")return u(z(")"),D,B(")"),A,E);if(a=="operator")return u(D);if(a=="[")return u(z("]"),I(D,"]"),A,E);if(a=="{")return u(z("}"),I(H,"}"),A,E);return u()}function C(a){if(a=="var")return u(z("vardef"),K,B(";"),A);if(a=="keyword a")return u(z("form"),D,C,A);if(a=="keyword b")return u(z("form"),C,A);if(a=="{")return u(z("}"),J,A);if(a==";")return u();if(a=="function")return u(Q);if(a=="for")return u(z("form"),B("("),z(")"),M,B(")"),A,C,A);if(a=="variable")return u(z("stat"),F);if(a=="switch")return u(z("form"),D,z("}","switch"),B("{"),J,A,A);if(a=="case")return u(D,B(":"));if(a=="default")return u(B(":"));if(a=="catch")return u(z("form"),x,B("("),R,B(")"),C,A,y);return t(z("stat"),D,B(";"),A)}function B(a){return function(b){return b==a?u():a==";"?t():u(arguments.callee)}}function A(){var a=s.state;a.lexical.prev&&(a.lexical.type==")"&&(a.indented=a.lexical.indented),a.lexical=a.lexical.prev)}function z(a,b){var c=function(){var c=s.state;c.lexical=new p(c.indented,s.stream.column(),a,null,c.lexical,b)};c.lex=!0;return c}function y(){s.state.localVars=s.state.context.vars,s.state.context=s.state.context.prev}function x(){s.state.context||(s.state.localVars=w),s.state.context={prev:s.state.context,vars:s.state.localVars}}function v(a){var b=s.state;if(b.context){s.marked="js-variabledef";for(var c=b.localVars;c;c=c.next)if(c.name==a)return;b.localVars={name:a,next:b.localVars}}}function u(){t.apply(null,arguments);return!0}function t(){for(var a=arguments.length-1;a>=0;a--)s.cc.push(arguments[a])}function r(a,b,c,e,f){var g=a.cc;s.state=a,s.stream=f,s.marked=null,s.cc=g,a.lexical.hasOwnProperty("align")||(a.lexical.align=!0);for(;;){var h=g.length?g.pop():d?D:C;if(h(c,e)){while(g.length&&g[g.length-1].lex)g.pop()();if(s.marked)return s.marked;if(c=="variable"&&q(a,e))return"js-localvariable";return b}}}function q(a,b){for(var c=a.localVars;c;c=c.next)if(c.name==b)return!0}function p(a,b,c,d,e,f){this.indented=a,this.column=b,this.type=c,this.prev=e,this.info=f,d!=null&&(this.align=d)}function n(a,b){var c=!1,d;while(d=a.next()){if(d=="/"&&c){b.tokenize=l;break}c=d=="*"}return k("comment","js-comment")}function m(a){return function(b,c){h(b,a)||(c.tokenize=l);return k("string","js-string")}}function l(a,b){var c=a.next();if(c=='"'||c=="'")return g(a,b,m(c));if(/[\[\]{}\(\),;\:\.]/.test(c))return k(c);if(c=="0"&&a.eat(/x/i)){a.eatWhile(/[\da-f]/i);return k("number","js-atom")}if(/\d/.test(c)){a.match(/^\d*(?:\.\d*)?(?:e[+\-]?\d+)?/);return k("number","js-atom")}if(c=="/"){if(a.eat("*"))return g(a,b,n);if(a.eat("/")){a.skipToEnd();return k("comment","js-comment")}if(b.reAllowed){h(a,"/"),a.eatWhile(/[gimy]/);return k("regexp","js-string")}a.eatWhile(f);return k("operator",null,a.current())}if(f.test(c)){a.eatWhile(f);return k("operator",null,a.current())}a.eatWhile(/[\w\$_]/);var d=a.current(),i=e.propertyIsEnumerable(d)&&e[d];return i?k(i.type,i.style,d):k("variable","js-variable",d)}function k(a,b,c){i=a,j=c;return b}function h(a,b){var c=!1,d;while((d=a.next())!=null){if(d==b&&!c)return!1;c=!c&&d=="\\"}return c}function g(a,b,c){b.tokenize=c;return c(a,b)}var c=a.indentUnit,d=b.json,e=function(){function a(a){return{type:a,style:"js-keyword"}}var b=a("keyword a"),c=a("keyword b"),d=a("keyword c"),e=a("operator"),f={type:"atom",style:"js-atom"};return{"if":b,"while":b,"with":b,"else":c,"do":c,"try":c,"finally":c,"return":d,"break":d,"continue":d,"new":d,"delete":d,"throw":d,"var":a("var"),"function":a("function"),"catch":a("catch"),"for":a("for"),"switch":a("switch"),"case":a("case"),"default":a("default"),"in":e,"typeof":e,"instanceof":e,"true":f,"false":f,"null":f,"undefined":f,NaN:f,Infinity:f}}(),f=/[+\-*&%=<>!?|]/,i,j,o={atom:!0,number:!0,variable:!0,string:!0,regexp:!0},s={state:null,column:null,marked:null,cc:null},w={name:"this",next:{name:"arguments"}};A.lex=!0;return{startState:function(a){return{tokenize:l,reAllowed:!0,cc:[],lexical:new p((a||0)-c,0,"block",!1),localVars:null,context:null,indented:0}},token:function(a,b){a.sol()&&(b.lexical.hasOwnProperty("align")||(b.lexical.align=!1),b.indented=a.indentation());if(a.eatSpace())return null;var c=b.tokenize(a,b);if(i=="comment")return c;b.reAllowed=i=="operator"||i=="keyword c"||i.match(/^[\[{}\(,;:]$/);return r(b,c,i,j,a)},indent:function(a,b){if(a.tokenize!=l)return 0;var d=b&&b.charAt(0),e=a.lexical,f=e.type,g=d==f;return f=="vardef"?e.indented+4:f=="form"&&d=="{"?e.indented:f=="stat"||f=="form"?e.indented+c:e.info=="switch"&&!g?e.indented+(/^(?:case|default)\b/.test(b)?c:2*c):e.align?e.column+(g?0:1):e.indented+(g?0:c)},electricChars:":{}"}}),CodeMirror.defineMIME("text/javascript","javascript"),CodeMirror.defineMIME("application/json",{name:"javascript",json:!0})
\ No newline at end of file
+var CodeMirror=function(){function H(a,b){if(a.indexOf)return a.indexOf(b);for(var c=0,d=a.length;c<d;++c)if(a[c]==b)return c;return-1}function G(a,b){if(!b)return a?a.length:0;if(!a)return b.length;for(var c=a.length,d=b.length;c>=0&&d>=0;--c,--d)if(a.charAt(c)!=b.charAt(d))break;return d+1}function F(a){return a.replace(/[<>&]/g,function(a){return a=="&"?"&amp;":a=="<"?"&lt;":"&gt;"})}function E(a){return{line:a.line,ch:a.ch}}function D(a,b){return a.line<b.line||a.line==b.line&&a.ch<b.ch}function C(a,b){return a.line==b.line&&a.ch==b.ch}function B(a){return a.textContent||a.innerText||a.nodeValue||""}function A(a,b){var c=a.ownerDocument.body,d=0,e=0,f=!1;for(var g=a;g;g=g.offsetParent)d+=g.offsetLeft,e+=g.offsetTop,b&&z(g).position=="fixed"&&(f=!0);var h=b&&!f?null:c;for(var g=a.parentNode;g!=h;g=g.parentNode)g.scrollLeft!=null&&(d-=g.scrollLeft,e-=g.scrollTop);return{left:d,top:e}}function z(a){if(a.currentStyle)return a.currentStyle;return window.getComputedStyle(a,null)}function y(a,b){b==null&&(b=a.search(/[^\s\u00a0]/),b==-1&&(b=a.length));for(var c=0,d=0;c<b;++c)a.charAt(c)=="\t"?d+=u-d%u:++d;return d}function o(){this.id=null}function n(a,b,c,d){function e(a){c(new m(a||window.event))}if(typeof a.addEventListener=="function"){a.addEventListener(b,e,!1);if(d)return function(){a.removeEventListener(b,e,!1)}}else{a.attachEvent("on"+b,e);if(d)return function(){a.detachEvent("on"+b,e)}}}function m(a){this.e=a}function l(a){a.stop||(a.stop=k);return a}function k(){this.preventDefault?(this.preventDefault(),this.stopPropagation()):(this.returnValue=!1,this.cancelBubble=!0)}function j(){this.time=0,this.done=[],this.undone=[]}function i(a,b,c,d){for(var e=0,f=0,g=0;f<b;e+=2){var h=c[e],i=f+h.length;g==0?(i>a&&d.push(h.slice(a-f,Math.min(h.length,b-f)),c[e+1]),i>=a&&(g=1)):g==1&&(i>b?d.push(h.slice(0,b-f),c[e+1]):d.push(h,c[e+1])),f=i}}function h(a,b){this.styles=b||[a,null],this.stateAfter=null,this.text=a,this.marked=this.gutterMarker=this.className=null}function g(a){this.pos=this.start=0,this.string=a}function f(a,b,c){return a.startState?a.startState(b,c):!0}function e(a,b){if(b===!0)return b;if(a.copyState)return a.copyState(b);var c={};for(var d in b){var e=b[d];e instanceof Array&&(e=e.concat([])),c[d]=e}return c}function a(b,c){function cO(a,b,c){this.atOccurrence=!1,c==null&&(c=typeof a=="string"&&a==a.toLowerCase()),b&&typeof b=="object"?b=cc(b):b={line:0,ch:0},this.pos={from:b,to:b};if(typeof a!="string")this.matches=function(b,c){if(b){var d=W[c.line].text.slice(0,c.ch),e=d.match(a),f=0;while(e){var g=d.indexOf(e[0]);f+=g,d=d.slice(g+1);var h=d.match(a);if(h)e=h;else break;f++}}else var d=W[c.line].text.slice(c.ch),e=d.match(a),f=e&&c.ch+d.indexOf(e[0]);if(e)return{from:{line:c.line,ch:f},to:{line:c.line,ch:f+e[0].length},match:e}};else{c&&(a=a.toLowerCase());var d=c?function(a){return a.toLowerCase()}:function(a){return a},e=a.split("\n");e.length==1?this.matches=function(b,c){var e=d(W[c.line].text),f=a.length,g;if(b?c.ch>=f&&(g=e.lastIndexOf(a,c.ch-f))!=-1:(g=e.indexOf(a,c.ch))!=-1)return{from:{line:c.line,ch:g},to:{line:c.line,ch:g+f}}}:this.matches=function(a,b){var c=b.line,f=a?e.length-1:0,g=e[f],h=d(W[c].text),i=a?h.indexOf(g)+g.length:h.lastIndexOf(g);if(!(a?i>=b.ch||i!=g.length:i<=b.ch||i!=h.length-g.length))for(;;){if(a?!c:c==W.length-1)return;h=d(W[c+=a?-1:1].text),g=e[a?--f:++f];if(f>0&&f<e.length-1){if(h!=g)return;continue}var j=a?h.lastIndexOf(g):h.indexOf(g)+g.length;if(a?j!=h.length-g.length:j!=g.length)return;var k={line:b.line,ch:i},l={line:c,ch:j};return{from:a?l:k,to:a?k:l}}}}}function cN(a){return function(){cM++||cK();try{var b=a.apply(this,arguments)}finally{--cM||cL()}return b}}function cL(){var a=!1;bf&&(a=!bS()),bd.length?bV(bd):bf&&bZ(),a&&bS(),bf&&cC(),Z&&!bg&&(bc===!0||bc!==!1&&bf)&&bQ(),bf&&g.matchBrackets&&setTimeout(cN(function(){bm&&(bm(),bm=null),cE(!1)}),20);var b=be;bf&&g.onCursorActivity&&g.onCursorActivity(br),b&&g.onChange&&br&&g.onChange(br,b)}function cK(){bc=null,bd=[],be=bf=!1}function cJ(a){!X.length||T.set(a,cN(cI))}function cI(){var a=+(new Date)+g.workTime,b=X.length;while(X.length){if(!W[bh].stateAfter)var c=bh;else var c=X.pop();if(c>=W.length)continue;var d=cF(c),h=d&&W[d-1].stateAfter;h?h=e(V,h):h=f(V);var i=0,j=V.compareStates;for(var k=d,l=W.length;k<l;++k){var m=W[k],n=m.stateAfter;if(+(new Date)>a){X.push(k),cJ(g.workDelay),bd.push({from:c,to:k});return}var o=m.highlight(V,h);m.stateAfter=e(V,h);if(j){if(n&&j(n,h))break}else if(o||!n)i=0;else if(++i>3)break}bd.push({from:c,to:k})}b&&g.onHighlightComplete&&g.onHighlightComplete(br)}function cH(a,b){var c=cG(a);for(var d=a;d<b;++d){var f=W[d];f.highlight(V,c),f.stateAfter=e(V,c)}}function cG(a){var b=cF(a),c=b&&W[b-1].stateAfter;c?c=e(V,c):c=f(V);for(var d=b;d<a;++d){var g=W[d];g.highlight(V,c),g.stateAfter=e(V,c)}W[a].stateAfter||X.push(a);return c}function cF(a){var b,c;for(var d=a,e=a-40;d>e;--d){if(d==0)return 0;var f=W[d-1];if(f.stateAfter)return d;var g=f.indentation();if(c==null||b>g)c=d,b=g}return c}function cE(a){function p(a,b,c){if(!!a.text){var d=a.styles,e=g?0:a.text.length-1,f;for(var i=g?0:d.length-2,j=g?d.length:-2;i!=j;i+=2*h){var k=d[i];if(d[i+1]!=null&&d[i+1]!=m){e+=h*k.length;continue}for(var l=g?0:k.length-1,p=g?k.length:-1;l!=p;l+=h,e+=h)if(e>=b&&e<c&&o.test(f=k.charAt(l))){var q=cD[f];if(q.charAt(1)==">"==g)n.push(f);else{if(n.pop()!=q.charAt(0))return{pos:e,match:!1};if(!n.length)return{pos:e,match:!0}}}}}}var b=$.inverted?$.from:$.to,c=W[b.line],d=b.ch-1,e=d>=0&&cD[c.text.charAt(d)]||cD[c.text.charAt(++d)];if(!!e){var f=e.charAt(0),g=e.charAt(1)==">",h=g?1:-1,i=c.styles;for(var j=d+1,k=0,l=i.length;k<l;k+=2)if((j-=i[k].length)<=0){var m=i[k+1];break}var n=[c.text.charAt(d)],o=/[(){}[\]]/;for(var k=b.line,l=g?Math.min(k+100,W.length):Math.max(-1,k-100);k!=l;k+=h){var c=W[k],q=k==b.line,r=p(c,q&&g?d+1:0,q&&!g?d:c.text.length);if(r)break}r||(r={pos:null,match:!1});var m=r.match?"CodeMirror-matchingbracket":"CodeMirror-nonmatchingbracket",s=cn({line:b.line,ch:d},{line:b.line,ch:d+1},m),t=r.pos!=null?cn({line:k,ch:r.pos},{line:k,ch:r.pos+1},m):function(){},u=cN(function(){s(),t()});a?setTimeout(u,800):bm=u}}function cC(){clearInterval(U);var a=!0;Q.style.visibility="",U=setInterval(function(){Q.style.visibility=(a=!a)?"":"hidden"},650)}function cB(a){function e(){var a=I(y.value).join("\n");a!=d&&cN(bI)(a,"end"),x.style.position="relative",y.style.cssText=c,bg=!1,bQ(),bN()}var b=cA(a);if(!!b&&!window.opera){(C($.from,$.to)||D(b,$.from)||!D(b,$.to))&&cN(ca)(b.line,b.ch);var c=y.style.cssText;x.style.position="absolute",y.style.cssText="position: fixed; width: 30px; height: 30px; top: "+(a.pageY()-1)+"px; left: "+(a.pageX()-1)+"px; z-index: 1000; background: white; "+"border-width: 0; outline: none; overflow: hidden; opacity: .05; filter: alpha(opacity=5);",bg=!0;var d=y.value=bL();bR(),K(y,0,y.value.length);if(q){a.stop();var f=n(window,"mouseup",function(){f(),setTimeout(e,20)},!0)}else setTimeout(e,50)}}function cA(a,b){var c=A(z,!0),d,e;try{d=a.e.clientX,e=a.e.clientY}catch(a){return null}if(!b&&(d-c.left>z.clientWidth||e-c.top>z.clientHeight))return null;var f=A(P,!0),g=bh+Math.floor((e-f.top)/cx());return cc({line:g,ch:cu(cb(g),d-f.left)})}function cz(){return P.offsetLeft}function cy(){return P.offsetTop}function cx(){var a=R.childNodes.length;if(a)return R.offsetHeight/a||1;L.innerHTML="<pre>x</pre>";return L.firstChild.offsetHeight||1}function cw(a){var b=cv(a,!0),c=A(P);return{x:c.left+b.x,y:c.top+b.y,yBot:c.top+b.yBot}}function cv(a,b){var c=cx(),d=a.line-(b?bh:0);return{x:ct(a.line,a.ch),y:d*c,yBot:(d+1)*c}}function cu(a,b){function e(a){L.innerHTML="<pre><span>"+c.getHTML(null,null,!1,a)+"</span></pre>";return L.firstChild.firstChild.offsetWidth}if(b<=0)return 0;var c=W[a],d=c.text,f=0,g=0,h=d.length,i,j=Math.min(h,Math.ceil(b/cs("x")));for(;;){var k=e(j);if(k<=b&&j<h)j=Math.min(h,Math.ceil(j*1.2));else{i=k,h=j;break}}if(b>i)return h;j=Math.floor(h*.8),k=e(j),k<b&&(f=j,g=k);for(;;){if(h-f<=1)return i-b>b-g?f:h;var l=Math.ceil((f+h)/2),m=e(l);m>b?(h=l,i=m):(f=l,g=m)}}function ct(a,b){if(b==0)return 0;L.innerHTML="<pre><span>"+W[a].getHTML(null,null,!1,b)+"</span></pre>";return L.firstChild.firstChild.offsetWidth}function cs(a){L.innerHTML="<pre><span>x</span></pre>",L.firstChild.firstChild.firstChild.nodeValue=a;return L.firstChild.firstChild.offsetWidth||10}function cr(a){if(typeof a=="number"){var b=a;a=W[a];if(!a)return null}else{var b=H(W,a);if(b==-1)return null}var c=a.gutterMarker;return{line:b,text:a.text,markerText:c&&c.text,markerClass:c&&c.style}}function cq(a,b){if(typeof a=="number"){var c=a;a=W[cb(a)]}else{var c=H(W,a);if(c==-1)return null}a.className!=b&&(a.className=b,bd.push({from:c,to:c+1}));return a}function cp(a){typeof a=="number"&&(a=W[cb(a)]),a.gutterMarker=null,bY()}function co(a,b,c){typeof a=="number"&&(a=W[cb(a)]),a.gutterMarker={text:b,style:c},bY();return a}function cn(a,b,c){function e(a,b,c,e){var a=W[a],f=a.addMark(b,c,e);f.line=a,d.push(f)}a=cc(a),b=cc(b);var d=[];if(a.line==b.line)e(a.line,a.ch,b.ch,c);else{e(a.line,a.ch,null,c);for(var f=a.line+1,g=b.line;f<g;++f)e(f,0,null,c);e(b.line,0,b.ch,c)}bd.push({from:a.line,to:b.line+1});return function(){var a,b;for(var c=0;c<d.length;++c){var e=d[c],f=H(W,e.line);e.line.removeMark(e),f>-1&&(a==null&&(a=f),b=f)}a!=null&&bd.push({from:a,to:b+1})}}function cm(){var a=g.gutter||g.lineNumbers;N.style.display=a?"":"none",a?bY():R.parentNode.style.marginLeft=0}function cl(){V=a.getMode(g,g.mode);for(var b=0,c=W.length;b<c;++b)W[b].stateAfter=null;X=[0],cJ()}function ck(a,b){if(b=="smart")if(!V.indent)b="prev";else var c=cG(a);var d=W[a],e=d.indentation(),f=d.text.match(/^\s*/)[0],h;b=="prev"?a?h=W[a-1].indentation():h=0:b=="smart"?h=V.indent(c,d.text.slice(f.length)):b=="add"?h=e+g.indentUnit:b=="subtract"&&(h=e-g.indentUnit),h=Math.max(0,h);var i=h-e;if(!i){if($.from.line!=a&&$.to.line!=a)return;var j=f}else{var j="",k=0;if(g.indentWithTabs)for(var l=Math.floor(h/u);l;--l)k+=u,j+="\t";while(k<h)++k,j+=" "}bH(j,{line:a,ch:0},{line:a,ch:f.length})}function cj(a){function b(a){if(C($.from,$.to))return ck($.from.line,a);var b=$.to.line-($.to.ch?1:0);for(var c=$.from.line;c<b;++c)ck(c,a)}_=null;switch(g.tabMode){case"default":return!1;case"indent":b("smart");break;case"classic":if(C($.from,$.to)){a?ck($.from.line,"smart"):bI("\t","end");break};case"shift":b(a?"subtract":"add")}return!0}function ci(){bI("\n","end"),g.enterMode!="flat"&&ck($.from.line,g.enterMode=="keep"?"prev":"smart")}function ch(a){b$({line:a,ch:0},{line:a,ch:W[a].text.length})}function cg(a){var b=W[a.line].text,c=a.ch,d=a.ch;while(c>0&&/\w/.test(b.charAt(c-1)))--c;while(d<b.length&&/\w/.test(b.charAt(d)))++d;b$({line:a.line,ch:c},{line:a.line,ch:d})}function cf(){var a=W.length-1;b_({line:0,ch:0},{line:a,ch:W[a].text.length})}function ce(a){var b=a?{line:0,ch:0}:{line:W.length-1,ch:W[W.length-1].text.length};b$(b,b)}function cd(a){var b=Math.floor(z.clientHeight/cx()),c=$.inverted?$.from:$.to;ca(c.line+Math.max(b-1,1)*(a?1:-1),c.ch,!0)}function cc(a){if(a.line<0)return{line:0,ch:0};if(a.line>=W.length)return{line:W.length-1,ch:W[W.length-1].text.length};var b=a.ch,c=W[a.line].text.length;return b==null||b>c?{line:a.line,ch:c}:b<0?{line:a.line,ch:0}:a}function cb(a){return Math.max(0,Math.min(a,W.length-1))}function ca(a,b,c){var d=cc({line:a,ch:b||0});(c?b$:b_)(d,d)}function b_(a,b,c,d){if(!C($.from,a)||!C($.to,b)){if(D(b,a)){var e=b;b=a,a=e}C(a,b)?$.inverted=!1:C(a,$.to)?$.inverted=!1:C(b,$.from)&&($.inverted=!0),c==null&&(c=$.from.line,d=$.to.line),C(a,b)?C($.from,$.to)||bd.push({from:c,to:d+1}):C($.from,$.to)?bd.push({from:a.line,to:b.line+1}):(C(a,$.from)||(a.line<c?bd.push({from:a.line,to:Math.min(b.line,c)+1}):bd.push({from:c,to:Math.min(d,a.line)+1})),C(b,$.to)||(b.line<d?bd.push({from:Math.max(c,a.line),to:d+1}):bd.push({from:Math.max(a.line,d),to:b.line+1}))),$.from=a,$.to=b,bf=!0}}function b$(a,b){var c=_&&cc(_);c&&(D(c,a)?a=c:D(b,c)&&(b=c)),b_(a,b)}function bZ(){var a=$.inverted?$.from:$.to,b=cx(),c=ct(a.line,a.ch)+"px",d=(a.line-bh)*b+"px";x.style.top=a.line*b-z.scrollTop+"px",C($.from,$.to)?(Q.style.top=d,Q.style.left=c,Q.style.display=""):Q.style.display="none"}function bY(){if(!!g.gutter||!!g.lineNumbers){var a=M.offsetHeight,b=z.clientHeight;N.style.height=(a-b<2?b:a)+"px";var c=[];for(var d=bh;d<Math.max(bi,bh+1);++d){var e=W[d].gutterMarker,f=g.lineNumbers?d+g.firstLineNumber:null;e&&e.text?f=e.text.replace("%N%",f!=null?f:""):f==null&&(f="\u00a0"),c.push(e&&e.style?'<pre class="'+e.style+'">':"<pre>",f,"</pre>")}N.style.display="none",O.innerHTML=c.join("");var h=String(W.length).length,i=O.firstChild,j=B(i),k="";while(j.length+k.length<h)k+="\u00a0";k&&i.insertBefore(m.createTextNode(k),i.firstChild),N.style.display="",P.style.marginLeft=N.offsetWidth+"px"}}function bX(a){var b=$.from.line,c=$.to.line,d=0,e=p&&m.createElement("div");for(var f=0,g=a.length;f<g;++f){var h=a[f],i=h.to-h.from-h.domSize,j=R.childNodes[h.domStart+h.domSize+d]||null;if(p)for(var k=Math.max(-i,h.domSize);k>0;--k)R.removeChild(j?j.previousSibling:R.lastChild);else if(i){for(var k=Math.max(0,i);k>0;--k)R.insertBefore(m.createElement("pre"),j);for(var k=Math.max(0,-i);k>0;--k)R.removeChild(j?j.previousSibling:R.lastChild)}var l=R.childNodes[h.domStart+d],n=b<h.from&&c>=h.from;for(var k=h.from;k<h.to;++k){var o=null,q=null;n?(o=0,c==k&&(n=!1,q=$.to.ch)):b==k&&(c==k?(o=$.from.ch,q=$.to.ch):(n=!0,o=$.from.ch)),p?(e.innerHTML=W[k].getHTML(o,q,!0),R.insertBefore(e.firstChild,j)):(l.innerHTML=W[k].getHTML(o,q,!1),l.className=W[k].className||"",l=l.nextSibling)}d+=i}}function bW(a,b){var c=[],d={line:a,ch:0},e=D($.from,d)&&!D($.to,d);for(var f=a;f<b;++f){var g=null,h=null;e?(g=0,$.to.line==f&&(e=!1,h=$.to.ch)):$.from.line==f&&($.to.line==f?(g=$.from.ch,h=$.to.ch):(e=!0,g=$.from.ch)),c.push(W[f].getHTML(g,h,!0))}R.innerHTML=c.join("")}function bV(a){if(!z.clientWidth)bh=bi=0;else{var b=a===!0?[]:[{from:bh,to:bi,domStart:0}];for(var c=0,d=a.length||0;c<d;++c){var e=a[c],f=[],g=e.diff||0;for(var h=0,i=b.length;h<i;++h){var j=b[h];e.to<=j.from?f.push({from:j.from+g,to:j.to+g,domStart:j.domStart}):j.to<=e.from?f.push(j):(e.from>j.from&&f.push({from:j.from,to:e.from,domStart:j.domStart}),e.to<j.to&&f.push({from:e.to+g,to:j.to+g,domStart:j.domStart+(e.to-j.from)}))}b=f}var k=bU(),l=Math.min(bh,Math.max(k.from-3,0)),m=Math.min(W.length,Math.max(bi,k.to+3)),n=[],o=0,p=bi-bh,q=l,r=0;for(var c=0,d=b.length;c<d;++c){var j=b[c];if(j.to<=l)continue;if(j.from>=m)break;if(j.domStart>o||j.from>q)n.push({from:q,to:j.from,domSize:j.domStart-o,domStart:o}),r+=j.from-q;q=j.to,o=j.domStart+(j.to-j.from)}if(o!=p||q!=m)r+=Math.abs(m-q),n.push({from:q,to:m,domSize:p-o,domStart:o});if(!n.length)return;R.style.display="none",r>(k.to-k.from)*.3?bW(l=Math.max(k.from-10,0),m=Math.min(k.to+7,W.length)):bX(n),R.style.display="";var s=l!=bh||m!=bi||bj!=z.clientHeight;bh=l,bi=m,M.style.top=l*cx()+"px",s&&(bj=z.clientHeight,F.style.height=W.length*cx()+2*cy()+"px",bY());var t=cs(bn);P.style.width=t>z.clientWidth?t+"px":"";if(R.childNodes.length!=bi-bh)throw new Error("BAD PATCH! "+JSON.stringify(n)+" size="+(bi-bh)+" nodes="+R.childNodes.length);bZ()}}function bU(){var a=cx(),b=z.scrollTop-cy();return{from:Math.min(W.length,Math.max(0,Math.floor(b/a))),to:Math.min(W.length,Math.ceil((b+z.clientHeight)/a))}}function bT(a,b,c,d){var e=cz(),f=cy(),h=cx();b+=f,d+=f,a+=e,c+=e;var i=z.clientHeight,j=z.scrollTop,k=!1,l=!0;b<j?(z.scrollTop=Math.max(0,b-2*h),k=!0):d>j+i&&(z.scrollTop=d+h-i,k=!0);var m=z.clientWidth,n=z.scrollLeft;a<n?(a<50&&(a=0),z.scrollLeft=Math.max(0,a-10),k=!0):c>m+n&&(z.scrollLeft=c+10-m,k=!0,c>F.clientWidth&&(l=!1)),k&&g.onScroll&&g.onScroll(br);return l}function bS(){var a=cv($.inverted?$.from:$.to);return bT(a.x,a.y,a.x,a.yBot)}function bR(){g.readOnly!="nocursor"&&y.focus()}function bQ(){var a=[],b=Math.max(0,$.from.line-1),c=Math.min(W.length,$.to.line+2);for(var d=b;d<c;++d)a.push(W[d].text);a=y.value=a.join(t);var e=$.from.ch,f=$.to.ch;for(var d=b;d<$.from.line;++d)e+=t.length+W[d].text.length;for(var d=b;d<$.to.line;++d)f+=t.length+W[d].text.length;bl={text:a,from:b,to:c,start:e,end:f},K(y,e,ba?e:f)}function bP(){function f(a,c){var d=0;for(;;){var e=b.indexOf("\n",d);if(e==-1||(b.charAt(e-1)=="\r"?e-1:e)>=a)return{line:c,ch:a-d};++c,d=e+1}}if(!bg){var a=!1,b=y.value,c=J(y);if(!c)return!1;var a=bl.text!=b,d=ba,e=a||c.start!=bl.start||c.end!=(d?bl.start:bl.end);if(!e&&!d)return!1;if(a){_=ba=null;if(g.readOnly){bc=!0;return"changed"}}var h=f(c.start,bl.from),i=f(c.end,bl.from);if(d){var j=c.start==d.anchor?i:h,k=_?$.to:c.start==d.anchor?h:i;($.inverted=D(j,k))?(h=j,i=k):(ba=null,h=k,i=j)}h.line==i.line&&h.line==$.from.line&&h.line==$.to.line&&!_&&(bc=!1);if(a){var l=0,m=b.length,n=Math.min(m,bl.text.length),o,p=bl.from,q=-1;while(l<n&&(o=b.charAt(l))==bl.text.charAt(l))++l,o=="\n"&&(p++,q=l);var r=q>-1?l-q:l,s=bl.to-1,t=bl.text.length;for(;;){o=bl.text.charAt(t);if(b.charAt(m)!=o){++m,++t;break}o=="\n"&&s--;if(t<=l||m<=l)break;--m,--t}var q=bl.text.lastIndexOf("\n",t-1),u=q==-1?t:t-q-1;bC({line:p,ch:r},{line:s,ch:u},I(b.slice(l,m)),h,i);if(p!=s||h.line!=p)bc=!0}else b_(h,i);bl.text=b,bl.start=c.start,bl.end=c.end;return a?"changed":e?"moved":!1}}function bO(a){function c(){cK();var d=bP();d=="moved"&&a&&(w[a]=!0),!d&&!b?(b=!0,S.set(80,c)):(bM=!1,bN()),cL()}var b=!1;bM=!0,S.set(20,c)}function bN(){bM||S.set(2e3,function(){cK(),bP(),Z&&bN(),cL()})}function bL(){return bK($.from,$.to)}function bK(a,b){var c=a.line,d=b.line;if(c==d)return W[c].text.slice(a.ch,b.ch);var e=[W[c].text.slice(a.ch)];for(var f=c+1;f<d;++f)e.push(W[f].text);e.push(W[d].text.slice(0,b.ch));return e.join("\n")}function bJ(a,b,c,d){var e=a.length==1?a[0].length+b.ch:a[a.length-1].length,f=d({line:b.line+a.length-1,ch:e});bC(b,c,a,f.from,f.to)}function bI(a,b){bJ(I(a),$.from,$.to,function(a){return b=="end"?{from:a,to:a}:b=="start"?{from:$.from,to:$.from}:{from:$.from,to:a}})}function bH(a,b,c){function d(d){if(D(d,b))return d;if(!D(c,d))return e;var f=d.line+a.length-(c.line-b.line)-1,g=d.ch;d.line==c.line&&(g+=a[a.length-1].length-(c.ch-(c.line==b.line?b.ch:0)));return{line:f,ch:g}}b=cc(b),c?c=cc(c):c=b,a=I(a);var e;bJ(a,b,c,function(a){e=a;return{from:d($.from),to:d($.to)}});return e}function bG(a,b,c,d,e){function s(a){return a<=Math.min(b.line,b.line+q)?a:a+q}var f=!1,g=bn.length;for(var i=a.line;i<=b.line;++i)if(W[i].text.length==g){f=!0;break}var j=b.line-a.line,k=W[a.line],l=W[b.line];if(k==l)if(c.length==1)k.replace(a.ch,b.ch,c[0]);else{l=k.split(b.ch,c[c.length-1]);var m=[a.line+1,j];k.replace(a.ch,k.text.length,c[0]);for(var i=1,n=c.length-1;i<n;++i)m.push(new h(c[i]));m.push(l),W.splice.apply(W,m)}else if(c.length==1)k.replace(a.ch,k.text.length,c[0]+l.text.slice(b.ch)),W.splice(a.line+1,j);else{var m=[a.line+1,j-1];k.replace(a.ch,k.text.length,c[0]),l.replace(0,b.ch,c[c.length-1]);for(var i=1,n=c.length-1;i<n;++i)m.push(new h(c[i]));W.splice.apply(W,m)}for(var i=a.line,n=i+c.length;i<n;++i){var o=W[i].text;o.length>g&&(bn=o,g=o.length,f=!1)}if(f){g=0,bn="";for(var i=0,n=W.length;i<n;++i){var o=W[i].text;o.length>g&&(g=o.length,bn=o)}}var p=[],q=c.length-j-1;for(var i=0,o=X.length;i<o;++i){var r=X[i];r<a.line?p.push(r):r>b.line&&p.push(r+q)}c.length<5?(cH(a.line,a.line+c.length),p.push(a.line+c.length)):p.push(a.line),X=p,cJ(100),bd.push({from:a.line,to:b.line+1,diff:q}),be={from:a,to:b,text:c},b_(d,e,s($.from.line),s($.to.line)),F.style.height=W.length*cx()+2*cy()+"px"}function bF(){bD(Y.undone,Y.done)}function bE(){bD(Y.done,Y.undone)}function bD(a,b){var c=a.pop();if(c){var d=[],e=c.start+c.added;for(var f=c.start;f<e;++f)d.push(W[f].text);b.push({start:c.start,added:c.old.length,old:d});var g=cc({line:c.start+c.old.length-1,ch:G(d[d.length-1],c.old[c.old.length-1])});bG({line:c.start,ch:0},{line:e-1,ch:W[e-1].text.length},c.old,g,g)}}function bC(a,b,c,d,e){if(Y){var f=[];for(var h=a.line,i=b.line+1;h<i;++h)f.push(W[h].text);Y.addChange(a.line,c.length,f);while(Y.done.length>g.undoDepth)Y.done.shift()}bG(a,b,c,d,e)}function bB(){Z&&(g.onBlur&&g.onBlur(br),Z=!1,s.className=s.className.replace(" CodeMirror-focused","")),clearInterval(U),setTimeout(function(){Z||(_=null)},150)}function bA(){g.readOnly!="nocursor"&&(Z||(g.onFocus&&g.onFocus(br),Z=!0,s.className.search(/\bCodeMirror-focused\b/)==-1&&(s.className+=" CodeMirror-focused"),bg||bQ()),bN(),cC())}function bz(a){if(!g.onKeyEvent||!g.onKeyEvent(br,l(a.e))){if(g.electricChars&&V.electricChars){var b=String.fromCharCode(a.e.charCode==null?a.e.keyCode:a.e.charCode);V.electricChars.indexOf(b)>-1&&setTimeout(cN(function(){ck($.to.line,"smart")}),50)}var c=a.e.keyCode;c==13?(g.readOnly||ci(),a.stop()):!a.e.ctrlKey&&!a.e.altKey&&!a.e.metaKey&&c==9&&g.tabMode!="default"?a.stop():bO(bk)}}function by(a){if(!g.onKeyEvent||!g.onKeyEvent(br,l(a.e)))ba&&(ba=null,bc=!0),a.e.keyCode==16&&(_=null)}function bx(a){Z||bA();var b=a.e.keyCode;r&&b==27&&(a.e.returnValue=!1);var c=(v?a.e.metaKey:a.e.ctrlKey)&&!a.e.altKey,d=a.e.ctrlKey||a.e.altKey||a.e.metaKey;b==16||a.e.shiftKey?_=_||($.inverted?$.to:$.from):_=null;if(!g.onKeyEvent||!g.onKeyEvent(br,l(a.e))){if(b==33||b==34){cd(b==34);return a.stop()}if(c&&(b==36||b==35||v&&(b==38||b==40))){ce(b==36||b==38);return a.stop()}if(c&&b==65){cf();return a.stop()}if(!g.readOnly){if(!d&&b==13)return;if(!d&&b==9&&cj(a.e.shiftKey))return a.stop();if(c&&b==90){bE();return a.stop()}if(c&&(a.e.shiftKey&&b==90||b==89)){bF();return a.stop()}}bk=(c?"c":"")+b;if($.inverted&&w.hasOwnProperty(bk)){var e=J(y);e&&(ba={anchor:e.start},K(y,e.start,e.start))}bO(bk)}}function bw(a){a.e.preventDefault();var b=cA(a,!0),c=a.e.dataTransfer.files;if(!!b&&!g.readOnly)if(c&&c.length&&window.FileReader&&window.File){function d(a,c){var d=new FileReader;d.onload=function(){f[c]=d.result,++h==e&&bH(f.join(""),cc(b),cc(b))},d.readAsText(a)}var e=c.length,f=Array(e),h=0;for(var i=0;i<e;++i)d(c[i],i)}else try{var f=a.e.dataTransfer.getData("Text");f&&bH(f,b,b)}catch(a){}}function bv(a){var b=cA(a);!b||(cg(b),a.stop(),bb=+(new Date))}function bu(a){function i(a){var b=cA(a,!0);if(b&&!C(b,e)){Z||bA(),e=b,b$(d,b),bc=!1;var c=bU();if(b.line>=c.to||b.line<c.from)f=setTimeout(cN(function(){i(a)}),150)}}function h(){bR(),bc=!0,j(),k()}var b=bb;bb=null;for(var c=a.target();c!=s;c=c.parentNode)if(c.parentNode==O){g.onGutterClick&&g.onGutterClick(br,H(O.childNodes,c)+bh);return a.stop()}var d=cA(a);switch(a.button()){case 3:q&&!v&&cB(a);return;case 2:d&&ca(d.line,d.ch,!0);return}if(!d)a.target()==z&&a.stop();else{Z||bA(),a.stop();if(b&&+(new Date)-b<400)return ch(d.line);ca(d.line,d.ch,!0);var e=d,f,j=n(m,"mousemove",cN(function(a){clearTimeout(f),a.stop(),i(a)}),!0),k=n(m,"mouseup",cN(function(a){clearTimeout(f);var b=cA(a);b&&b$(d,b),a.stop(),h()}),!0)}}function bt(a){var b=[];for(var c=0,d=W.length;c<d;++c)b.push(W[c].text);return b.join("\n")}function bs(a){Y=null;var b={line:0,ch:0};bC(b,{line:W.length-1,ch:W[W.length-1].text.length},I(a),b,b),Y=new j}function bq(a){return a>=0&&a<W.length}var g={},i=a.defaults;for(var k in i)i.hasOwnProperty(k)&&(g[k]=(c&&c.hasOwnProperty(k)?c:i)[k]);var m=g.document,s=m.createElement("div");s.className="CodeMirror",s.innerHTML='<div style="overflow: hidden; position: relative; width: 1px; height: 0px;"><textarea style="position: absolute; width: 2px;" wrap="off"></textarea></div><div class="CodeMirror-scroll cm-s-'+g.theme+'">'+'<div style="position: relative">'+'<div style="position: absolute; height: 0; width: 0; overflow: hidden;"></div>'+'<div style="position: relative">'+'<div class="CodeMirror-gutter"><div class="CodeMirror-gutter-text"></div></div>'+'<div class="CodeMirror-lines"><div style="position: relative">'+'<pre class="CodeMirror-cursor">&#160;</pre>'+"<div></div>"+"</div></div></div></div></div>",b.appendChild?b.appendChild(s):b(s);var x=s.firstChild,y=x.firstChild,z=s.lastChild,F=z.firstChild,L=F.firstChild,M=L.nextSibling,N=M.firstChild,O=N.firstChild,P=N.nextSibling.firstChild,Q=P.firstChild,R=Q.nextSibling;g.tabindex!=null&&(y.tabindex=g.tabindex),!g.gutter&&!g.lineNumbers&&(N.style.display="none");var S=new o,T=new o,U,V,W=[new h("")],X,Y=new j,Z;cl();var $={from:{line:0,ch:0},to:{line:0,ch:0},inverted:!1},_,ba,bb,bc,bd,be,bf,bg,bh=0,bi=0,bj=0,bk=null,bl,bm,bn="";cN(function(){bs(g.value||""),bc=!1})(),n(z,"mousedown",cN(bu)),q||n(z,"contextmenu",cB),n(F,"dblclick",cN(bv)),n(z,"scroll",function(){bV([]),g.onScroll&&g.onScroll(br)}),n(window,"resize",function(){bV(!0)}),n(y,"keyup",cN(by)),n(y,"keydown",cN(bx)),n(y,"keypress",cN(bz)),n(y,"focus",bA),n(y,"blur",bB),n(z,"dragenter",function(a){a.stop()}),n(z,"dragover",function(a){a.stop()}),n(z,"drop",cN(bw)),n(z,"paste",function(){bR(),bO()}),n(y,"paste",function(){bO()}),n(y,"cut",function(){bO()});var bo;try{bo=m.activeElement==y}catch(bp){}bo?setTimeout(bA,20):bB();var br={getValue:bt,setValue:cN(bs),getSelection:bL,replaceSelection:cN(bI),focus:function(){bR(),bA(),bO()},setOption:function(a,b){g[a]=b,a=="lineNumbers"||a=="gutter"?cm():a=="mode"||a=="indentUnit"?cl():a=="readOnly"&&b=="nocursor"?y.blur():a=="theme"&&(z.className=z.className.replace(/cm-s-\w+/,"cm-s-"+b))},getOption:function(a){return g[a]},undo:cN(bE),redo:cN(bF),indentLine:cN(function(a){bq(a)&&ck(a,"smart")}),historySize:function(){return{undo:Y.done.length,redo:Y.undone.length}},matchBrackets:cN(function(){cE(!0)}),getTokenAt:function(a){a=cc(a);return W[a.line].getTokenAt(V,cG(a.line),a.ch)},getStateAfter:function(a){a=cb(a==null?W.length-1:a);return cG(a+1)},cursorCoords:function(a){a==null&&(a=$.inverted);return cw(a?$.from:$.to)},charCoords:function(a){return cw(cc(a))},coordsChar:function(a){var b=A(P),c=cb(Math.min(W.length-1,bh+Math.floor((a.y-b.top)/cx())));return cc({line:c,ch:cu(cb(c),a.x-b.left)})},getSearchCursor:function(a,b,c){return new cO(a,b,c)},markText:cN(function(a,b,c){return cN(cn(a,b,c))}),setMarker:co,clearMarker:cp,setLineClass:cN(cq),lineInfo:cr,addWidget:function(a,b,c){a=cc(a);var d=cv(a,!0);b.style.top=bh*cx()+d.yBot+cy()+"px",b.style.left=d.x+cz()+"px",F.appendChild(b);if(c){var e=cv(a);bT(e.x,e.yBot,e.x+b.offsetWidth,e.yBot+b.offsetHeight)}},lineCount:function(){return W.length},getCursor:function(a){a==null&&(a=$.inverted);return E(a?$.from:$.to)},somethingSelected:function(){return!C($.from,$.to)},setCursor:cN(function(a,b){b==null&&typeof a.line=="number"?ca(a.line,a.ch):ca(a,b)}),setSelection:cN(function(a,b){b_(cc(a),cc(b||a))}),getLine:function(a){if(bq(a))return W[a].text},setLine:cN(function(a,b){bq(a)&&bH(b,{line:a,ch:0},{line:a,ch:W[a].text.length})}),removeLine:cN(function(a){bq(a)&&bH("",{line:a,ch:0},cc({line:a+1,ch:0}))}),replaceRange:cN(bH),getRange:function(a,b){return bK(cc(a),cc(b))},operation:function(a){return cN(a)()},refresh:function(){bV(!0)},getInputField:function(){return y},getWrapperElement:function(){return s},getScrollerElement:function(){return z}},bM=!1,cD={"(":")>",")":"(<","[":"]>","]":"[<","{":"}>","}":"{<"},cM=0;cO.prototype={findNext:function(){return this.find(!1)},findPrevious:function(){return this.find(!0)},find:function(a){function d(a){var c={line:a,ch:0};b.pos={from:c,to:c},b.atOccurrence=!1;return!1}var b=this,c=cc(a?this.pos.from:this.pos.to);for(;;){if(this.pos=this.matches(a,c)){this.atOccurrence=!0;return this.pos.match||!0}if(a){if(!c.line)return d(0);c={line:c.line-1,ch:W[c.line-1].text.length}}else{if(c.line==W.length-1)return d(W.length);c={line:c.line+1,ch:0}}}},from:function(){if(this.atOccurrence)return E(this.pos.from)},to:function(){if(this.atOccurrence)return E(this.pos.to)},replace:function(a){var b=this;this.atOccurrence&&cN(function(){b.pos.to=bH(a,b.pos.from,b.pos.to)})()}};for(var cP in d)d.propertyIsEnumerable(cP)&&!br.propertyIsEnumerable(cP)&&(br[cP]=d[cP]);return br}a.defaults={value:"",mode:null,theme:"default",indentUnit:2,indentWithTabs:!1,tabMode:"classic",enterMode:"indent",electricChars:!0,onKeyEvent:null,lineNumbers:!1,gutter:!1,firstLineNumber:1,readOnly:!1,onChange:null,onCursorActivity:null,onGutterClick:null,onHighlightComplete:null,onFocus:null,onBlur:null,onScroll:null,matchBrackets:!1,workTime:100,workDelay:200,undoDepth:40,tabindex:null,document:window.document};var b={},c={};a.defineMode=function(c,d){!a.defaults.mode&&c!="null"&&(a.defaults.mode=c),b[c]=d},a.defineMIME=function(a,b){c[a]=b},a.getMode=function(d,e){typeof e=="string"&&c.hasOwnProperty(e)&&(e=c[e]);if(typeof e=="string")var f=e,g={};else if(e!=null)var f=e.name,g=e;var h=b[f];if(!h){window.console&&console.warn("No mode "+f+" found, falling back to plain text.");return a.getMode(d,"text/plain")}return h(d,g||{})},a.listModes=function(){var a=[];for(var c in b)b.propertyIsEnumerable(c)&&a.push(c);return a},a.listMIMEs=function(){var a=[];for(var b in c)c.propertyIsEnumerable(b)&&a.push(b);return a};var d={};a.defineExtension=function(a,b){d[a]=b},a.fromTextArea=function(b,c){function d(){b.value=h.getValue()}c||(c={}),c.value=b.value,!c.tabindex&&b.tabindex&&(c.tabindex=b.tabindex);if(b.form){var e=n(b.form,"submit",d,!0);if(typeof b.form.submit=="function"){var f=b.form.submit;function g(){d(),b.form.submit=f,b.form.submit(),b.form.submit=g}b.form.submit=g}}b.style.display="none";var h=a(function(a){b.parentNode.insertBefore(a,b.nextSibling)},c);h.save=d,h.toTextArea=function(){d(),b.parentNode.removeChild(h.getWrapperElement()),b.style.display="",b.form&&(e(),typeof b.form.submit=="function"&&(b.form.submit=f))};return h},a.startState=f,a.copyState=e,g.prototype={eol:function(){return this.pos>=this.string.length},sol:function(){return this.pos==0},peek:function(){return this.string.charAt(this.pos)},next:function(){if(this.pos<this.string.length)return this.string.charAt(this.pos++)},eat:function(a){var b=this.string.charAt(this.pos);if(typeof a=="string")var c=b==a;else var c=b&&(a.test?a.test(b):a(b));if(c){++this.pos;return b}},eatWhile:function(a){var b=this.start;while(this.eat(a));return this.pos>b},eatSpace:function(){var a=this.pos;while(/[\s\u00a0]/.test(this.string.charAt(this.pos)))++this.pos;return this.pos>a},skipToEnd:function(){this.pos=this.string.length},skipTo:function(a){var b=this.string.indexOf(a,this.pos);if(b>-1){this.pos=b;return!0}},backUp:function(a){this.pos-=a},column:function(){return y(this.string,this.start)},indentation:function(){return y(this.string)},match:function(a,b,c){if(typeof a!="string"){var e=this.string.slice(this.pos).match(a);e&&b!==!1&&(this.pos+=e[0].length);return e}function d(a){return c?a.toLowerCase():a}if(d(this.string).indexOf(d(a),this.pos)==this.pos){b!==!1&&(this.pos+=a.length);return!0}},current:function(){return this.string.slice(this.start,this.pos)}},a.StringStream=g,h.prototype={replace:function(a,b,c){var d=[],e=this.marked;i(0,a,this.styles,d),c&&d.push(c,null),i(b,this.text.length,this.styles,d),this.styles=d,this.text=this.text.slice(0,a)+c+this.text.slice(b),this.stateAfter=null;if(e){var f=c.length-(b-a),g=this.text.length;function h(a){return a<=Math.min(b,b+f)?a:a+f}for(var j=0;j<e.length;++j){var k=e[j],l=!1;k.from>=g?l=!0:(k.from=h(k.from),k.to!=null&&(k.to=h(k.to)));if(l||k.from>=k.to)e.splice(j,1),j--}}},split:function(a,b){var c=[b,null];i(a,this.text.length,this.styles,c);return new h(b+this.text.slice(a),c)},addMark:function(a,b,c){var d=this.marked,e={from:a,to:b,style:c};this.marked==null&&(this.marked=[]),this.marked.push(e),this.marked.sort(function(a,b){return a.from-b.from});return e},removeMark:function(a){var b=this.marked;if(!!b)for(var c=0;c<b.length;++c)if(b[c]==a){b.splice(c,1);break}},highlight:function(a,b){var c=new g(this.text),d=this.styles,e=0,f=!1,h=d[0],i;this.text==""&&a.blankLine&&a.blankLine(b);while(!c.eol()){var j=a.token(c,b),k=this.text.slice(c.start,c.pos);c.start=c.pos,e&&d[e-1]==j?d[e-2]+=k:k&&(!f&&(d[e+1]!=j||e&&d[e-2]!=i)&&(f=!0),d[e++]=k,d[e++]=j,i=h,h=d[e]);if(c.pos>5e3){d[e++]=this.text.slice(c.pos),d[e++]=null;break}}d.length!=e&&(d.length=e,f=!0),e&&d[e-2]!=i&&(f=!0);return f||d.length<5&&this.text.length<10},getTokenAt:function(a,b,c){var d=this.text,e=new g(d);while(e.pos<c&&!e.eol()){e.start=e.pos;var f=a.token(e,b)}return{start:e.start,end:e.pos,string:e.current(),className:f||null,state:b}},indentation:function(){return y(this.text)},getHTML:function(a,b,c,d){function f(a,b){!a||(b?e.push('<span class="cm-',b,'">',F(a),"</span>"):e.push(F(a)))}var e=[];c&&e.push(this.className?'<pre class="'+this.className+'">':"<pre>");var g=this.styles,h=this.text,i=this.marked;a==b&&(a=null);var j=h.length;d!=null&&(j=Math.min(d,j));if(!h&&d==null)f(" ",a!=null&&b==null?"CodeMirror-selected":null);else if(!i&&a==null)for(var k=0,l=0;l<j;k+=2){var m=g[k],n=m.length;l+n>j&&(m=m.slice(0,j-l)),l+=n,f(m,g[k+1])}else{var o=0,k=0,p="",q,r=0,s=-1,t=null;function u(){i&&(s+=1,t=s<i.length?i[s]:null)}u();while(o<j){var v=j,w="";if(a!=null)if(a>o)v=a;else if(b==null||b>o)w=" CodeMirror-selected",b!=null&&(v=Math.min(v,b));while(t&&t.to!=null&&t.to<=o)u();t&&(t.from>o?v=Math.min(v,t.from):(w+=" "+t.style,t.to!=null&&(v=Math.min(v,t.to))));for(;;){var x=o+p.length,y=q;w&&(y=q?q+w:w),f(x>v?p.slice(0,v-o):p,y);if(x>=v){p=p.slice(v-o),o=v;break}o=x,p=g[k++],q=g[k++]}}a!=null&&b==null&&f(" ","CodeMirror-selected")}c&&e.push("</pre>");return e.join("")}},j.prototype={addChange:function(a,b,c){this.undone.length=0;var d=+(new Date),e=this.done[this.done.length-1];if(d-this.time>400||!e||e.start>a+b||e.start+e.added<a-e.added+e.old.length)this.done.push({start:a,added:b,old:c});else{var f=0;if(a<e.start){for(var g=e.start-a-1;g>=0;--g)e.old.unshift(c[g]);e.added+=e.start-a,e.start=a}else e.start<a&&(f=a-e.start,b+=f);for(var g=e.added-f,h=c.length;g<h;++g)e.old.push(c[g]);e.added<b&&(e.added=b)}this.time=d}},m.prototype={stop:function(){k.call(this.e)},target:function(){return this.e.target||this.e.srcElement},button:function(){if(this.e.which)return this.e.which;if(this.e.button&1)return 1;if(this.e.button&2)return 3;if(this.e.button&4)return 2},pageX:function(){if(this.e.pageX!=null)return this.e.pageX;var a=this.target().ownerDocument;return this.e.clientX+a.body.scrollLeft+a.documentElement.scrollLeft},pageY:function(){if(this.e.pageY!=null)return this.e.pageY;var a=this.target().ownerDocument;return this.e.clientY+a.body.scrollTop+a.documentElement.scrollTop}},o.prototype={set:function(a,b){clearTimeout(this.id),this.id=setTimeout(b,a)}};var p=function(){var a=document.createElement("pre");a.innerHTML=" ";return!a.innerHTML}(),q=/gecko\/\d{7}/i.test(navigator.userAgent),r=/MSIE \d/.test(navigator.userAgent),s=/Apple Computer/.test(navigator.vendor),t="\n";(function(){var a=document.createElement("textarea");a.value="foo\nbar",a.value.indexOf("\r")>-1&&(t="\r\n")})();var u=8,v=/Mac/.test(navigator.platform),w={};for(var x=35;x<=40;++x)w[x]=w["c"+x]=!0;a.htmlEscape=F;if("\n\nb".split(/\n/).length!=3)var I=function(a){var b=0,c,d=[];while((c=a.indexOf("\n",b))>-1)d.push(a.slice(b,a.charAt(c-1)=="\r"?c-1:c)),b=c+1;d.push(a.slice(b));return d};else var I=function(a){return a.split(/\r?\n/)};a.splitLines=I;if(window.getSelection){var J=function(a){try{return{start:a.selectionStart,end:a.selectionEnd}}catch(b){return null}};if(s)var K=function(a,b,c){b==c?a.setSelectionRange(b,c):(a.setSelectionRange(b,c-1),window.getSelection().modify("extend","forward","character"))};else var K=function(a,b,c){try{a.setSelectionRange(b,c)}catch(d){}}}else var J=function(a){try{var b=a.ownerDocument.selection.createRange()}catch(c){return null}if(!b||b.parentElement()!=a)return null;var d=a.value,e=d.length,f=a.createTextRange();f.moveToBookmark(b.getBookmark());var g=a.createTextRange();g.collapse(!1);if(f.compareEndPoints("StartToEnd",g)>-1)return{start:e,end:e};var h=-f.moveStart("character",-e);for(var i=d.indexOf("\r");i>-1&&i<h;i=d.indexOf("\r",i+1),h++);if(f.compareEndPoints("EndToEnd",g)>-1)return{start:h,end:e};var j=-f.moveEnd("character",-e);for(var i=d.indexOf("\r");i>-1&&i<j;i=d.indexOf("\r",i+1),j++);return{start:h,end:j}},K=function(a,b,c){var d=a.createTextRange();d.collapse(!0);var e=d.duplicate(),f=0,g=a.value;for(var h=g.indexOf("\n");h>-1&&h<b;h=g.indexOf("\n",h+1))++f;d.move("character",b-f);for(;h>-1&&h<c;h=g.indexOf("\n",h+1))++f;e.move("character",c-f),d.setEndPoint("EndToEnd",e),d.select()};a.defineMode("null",function(){return{token:function(a){a.skipToEnd()}}}),a.defineMIME("text/plain","null");return a}();CodeMirror.defineMode("javascript",function(a,b){function R(a,b){if(a=="variable"){v(b);return u()}}function Q(a,b){if(a=="variable"){v(b);return u(Q)}if(a=="(")return u(z(")"),x,I(R,")"),A,C,y)}function P(a){a!=")"&&u(D)}function O(a,b){if(a==";")return u(P);if(b=="in")return u(D);return u(D,B(";"),P)}function N(a,b){if(b=="in")return u(D);return u(E,O)}function M(a){if(a=="var")return u(K,O);if(a==";")return t(O);if(a=="variable")return u(N);return t(O)}function L(a,b){if(b=="=")return u(D,L);if(a==",")return u(K)}function K(a,b){if(a=="variable"){v(b);return u(L)}return u()}function J(a){if(a=="}")return u();return t(C,J)}function I(a,b){function c(d){if(d==",")return u(a,c);if(d==b)return u();return u(B(b))}return function(d){return d==b?u():t(a,c)}}function H(a){a=="variable"&&(s.marked="property");if(o.hasOwnProperty(a))return u(B(":"),D)}function G(a){if(a=="variable"){s.marked="property";return u()}}function F(a){if(a==":")return u(A,C);return t(E,B(";"),A)}function E(a,b){if(a=="operator"&&/\+\+|--/.test(b))return u(E);if(a=="operator")return u(D);if(a!=";"){if(a=="(")return u(z(")"),I(D,")"),A,E);if(a==".")return u(G,E);if(a=="[")return u(z("]"),D,B("]"),A,E)}}function D(a){if(o.hasOwnProperty(a))return u(E);if(a=="function")return u(Q);if(a=="keyword c")return u(D);if(a=="(")return u(z(")"),D,B(")"),A,E);if(a=="operator")return u(D);if(a=="[")return u(z("]"),I(D,"]"),A,E);if(a=="{")return u(z("}"),I(H,"}"),A,E);return u()}function C(a){if(a=="var")return u(z("vardef"),K,B(";"),A);if(a=="keyword a")return u(z("form"),D,C,A);if(a=="keyword b")return u(z("form"),C,A);if(a=="{")return u(z("}"),J,A);if(a==";")return u();if(a=="function")return u(Q);if(a=="for")return u(z("form"),B("("),z(")"),M,B(")"),A,C,A);if(a=="variable")return u(z("stat"),F);if(a=="switch")return u(z("form"),D,z("}","switch"),B("{"),J,A,A);if(a=="case")return u(D,B(":"));if(a=="default")return u(B(":"));if(a=="catch")return u(z("form"),x,B("("),R,B(")"),C,A,y);return t(z("stat"),D,B(";"),A)}function B(a){return function(b){return b==a?u():a==";"?t():u(arguments.callee)}}function A(){var a=s.state;a.lexical.prev&&(a.lexical.type==")"&&(a.indented=a.lexical.indented),a.lexical=a.lexical.prev)}function z(a,b){var c=function(){var c=s.state;c.lexical=new p(c.indented,s.stream.column(),a,null,c.lexical,b)};c.lex=!0;return c}function y(){s.state.localVars=s.state.context.vars,s.state.context=s.state.context.prev}function x(){s.state.context||(s.state.localVars=w),s.state.context={prev:s.state.context,vars:s.state.localVars}}function v(a){var b=s.state;if(b.context){s.marked="def";for(var c=b.localVars;c;c=c.next)if(c.name==a)return;b.localVars={name:a,next:b.localVars}}}function u(){t.apply(null,arguments);return!0}function t(){for(var a=arguments.length-1;a>=0;a--)s.cc.push(arguments[a])}function r(a,b,c,e,f){var g=a.cc;s.state=a,s.stream=f,s.marked=null,s.cc=g,a.lexical.hasOwnProperty("align")||(a.lexical.align=!0);for(;;){var h=g.length?g.pop():d?D:C;if(h(c,e)){while(g.length&&g[g.length-1].lex)g.pop()();if(s.marked)return s.marked;if(c=="variable"&&q(a,e))return"variable-2";return b}}}function q(a,b){for(var c=a.localVars;c;c=c.next)if(c.name==b)return!0}function p(a,b,c,d,e,f){this.indented=a,this.column=b,this.type=c,this.prev=e,this.info=f,d!=null&&(this.align=d)}function n(a,b){var c=!1,d;while(d=a.next()){if(d=="/"&&c){b.tokenize=l;break}c=d=="*"}return k("comment","comment")}function m(a){return function(b,c){h(b,a)||(c.tokenize=l);return k("string","string")}}function l(a,b){var c=a.next();if(c=='"'||c=="'")return g(a,b,m(c));if(/[\[\]{}\(\),;\:\.]/.test(c))return k(c);if(c=="0"&&a.eat(/x/i)){a.eatWhile(/[\da-f]/i);return k("number","atom")}if(/\d/.test(c)){a.match(/^\d*(?:\.\d*)?(?:e[+\-]?\d+)?/);return k("number","atom")}if(c=="/"){if(a.eat("*"))return g(a,b,n);if(a.eat("/")){a.skipToEnd();return k("comment","comment")}if(b.reAllowed){h(a,"/"),a.eatWhile(/[gimy]/);return k("regexp","string")}a.eatWhile(f);return k("operator",null,a.current())}if(f.test(c)){a.eatWhile(f);return k("operator",null,a.current())}a.eatWhile(/[\w\$_]/);var d=a.current(),i=e.propertyIsEnumerable(d)&&e[d];return i?k(i.type,i.style,d):k("variable","variable",d)}function k(a,b,c){i=a,j=c;return b}function h(a,b){var c=!1,d;while((d=a.next())!=null){if(d==b&&!c)return!1;c=!c&&d=="\\"}return c}function g(a,b,c){b.tokenize=c;return c(a,b)}var c=a.indentUnit,d=b.json,e=function(){function a(a){return{type:a,style:"keyword"}}var b=a("keyword a"),c=a("keyword b"),d=a("keyword c"),e=a("operator"),f={type:"atom",style:"atom"};return{"if":b,"while":b,"with":b,"else":c,"do":c,"try":c,"finally":c,"return":d,"break":d,"continue":d,"new":d,"delete":d,"throw":d,"var":a("var"),"function":a("function"),"catch":a("catch"),"for":a("for"),"switch":a("switch"),"case":a("case"),"default":a("default"),"in":e,"typeof":e,"instanceof":e,"true":f,"false":f,"null":f,"undefined":f,NaN:f,Infinity:f}}(),f=/[+\-*&%=<>!?|]/,i,j,o={atom:!0,number:!0,variable:!0,string:!0,regexp:!0},s={state:null,column:null,marked:null,cc:null},w={name:"this",next:{name:"arguments"}};A.lex=!0;return{startState:function(a){return{tokenize:l,reAllowed:!0,cc:[],lexical:new p((a||0)-c,0,"block",!1),localVars:null,context:null,indented:0}},token:function(a,b){a.sol()&&(b.lexical.hasOwnProperty("align")||(b.lexical.align=!1),b.indented=a.indentation());if(a.eatSpace())return null;var c=b.tokenize(a,b);if(i=="comment")return c;b.reAllowed=i=="operator"||i=="keyword c"||i.match(/^[\[{}\(,;:]$/);return r(b,c,i,j,a)},indent:function(a,b){if(a.tokenize!=l)return 0;var d=b&&b.charAt(0),e=a.lexical,f=e.type,g=d==f;return f=="vardef"?e.indented+4:f=="form"&&d=="{"?e.indented:f=="stat"||f=="form"?e.indented+c:e.info=="switch"&&!g?e.indented+(/^(?:case|default)\b/.test(b)?c:2*c):e.align?e.column+(g?0:1):e.indented+(g?0:c)},electricChars:":{}"}}),CodeMirror.defineMIME("text/javascript","javascript"),CodeMirror.defineMIME("application/json",{name:"javascript",json:!0})
\ No newline at end of file
diff --git a/dist/docs/resources/js/paper.js b/dist/docs/resources/js/paper.js
index bde2b29e..44595198 100644
--- a/dist/docs/resources/js/paper.js
+++ b/dist/docs/resources/js/paper.js
@@ -1,45 +1,45 @@
 /***
-* 
+ *
  * Paper.js
- * 
+ *
  * A JavaScript Vector Graphics Library, based on Scriptographer.org and
  * designed to be largely API compatible.
- * http://paperjs.org/
+ * http://Paperjs.org/
  * http://scriptographer.org/
- * 
+ *
  * Distributed under the MIT license. See LICENSE file for details.
- * 
+ *
  * Copyright (c) 2011, Juerg Lehni & Jonathan Puckey
  * http://lehni.org/ & http://jonathanpuckey.com/
- * 
+ *
  * All rights reserved.
- * 
+ *
  ***
- * 
+ *
  * Bootstrap.js JavaScript Framework.
  * http://bootstrapjs.org/
- * 
+ *
  * Distributed under the MIT license.
- * 
+ *
  * Copyright (c) 2006 - 2011 Juerg Lehni
  * http://lehni.org/
- * 
+ *
  ***
- * 
+ *
  * Parse-JS, A JavaScript tokenizer / parser / generator.
- * 
+ *
  * Distributed under the BSD license.
- * 
+ *
  * Copyright (c) 2010, Mihai Bazon <mihai.bazon@gmail.com>
  * http://mihai.bazon.net/blog/
- * 
+ *
  ***/
 
 var paper = new function() {
 
 var Base = new function() { 
 	var fix = !this.__proto__,
-		hidden = /^(statics|generics|preserve|enumerable|prototype|__proto__|toString|valueOf)$/,
+		hidden = /^(statics|generics|preserve|enumerable|beans|prototype|__proto__|toString|valueOf)$/,
 		proto = Object.prototype,
 		has = fix
 			? function(name) {
@@ -150,7 +150,7 @@ var Base = new function() {
 			}
 		}
 		if (src) {
-			beans = [];
+			beans = src.beans && [];
 			for (var name in src)
 				if (has.call(src, name) && !hidden.test(name))
 					field(name, null, true, generics);
@@ -287,6 +287,7 @@ var Base = new function() {
 }
 
 this.Base = Base.inject({
+
 	clone: function() {
 		return new this.constructor(this);
 	},
@@ -315,6 +316,14 @@ this.Base = Base.inject({
 			return res;
 		},
 
+		initialize: function(object, values, defaults) {
+			if (!values)
+				values = defaults;
+			return Base.each(defaults, function(value, key) {
+				this[key] = values[key] || value;
+			}, object);
+		},
+
 		splice: function(list, items, index, remove) {
 			var amount = items && items.length,
 				append = index === undefined;
@@ -337,14 +346,6 @@ this.Base = Base.inject({
 			}
 		},
 
-		merge: function() {
-			return Base.each(arguments, function(hash) {
-				Base.each(hash, function(value, key) {
-					this[key] = value;
-				}, this);
-			}, {}, true); 
-		},
-
 		capitalize: function(str) {
 			return str.replace(/\b[a-z]/g, function(match) {
 				return match.toUpperCase();
@@ -357,14 +358,6 @@ this.Base = Base.inject({
 			});
 		},
 
-		hyphenate: function(str) {
-			return str.replace(/[a-z][A-Z0-9]|[0-9][a-zA-Z]|[A-Z]{2}[a-z]/g,
-				function(match) {
-					return match.charAt(0) + '-' + match.substring(1);
-				}
-			);
-		},
-
 		formatNumber: function(num) {
 			return (Math.round(num * 100000) / 100000).toString();
 		},
@@ -378,16 +371,13 @@ this.Base = Base.inject({
 });
 
 var PaperScope = this.PaperScope = Base.extend({
-	version: 0.1,
 
 	initialize: function(id) {
-
 		this.project = null;
 
 		this.projects = [];
 
 		this.view = null;
-
 		this.views = [];
 
 		this.tool = null;
@@ -398,9 +388,7 @@ var PaperScope = this.PaperScope = Base.extend({
 	},
 
 	evaluate: function(code) {
-		var res = PaperScript.evaluate(code, this);
-		View.updateFocus();
-		return res;
+		return PaperScript.evaluate(code, this);
 	},
 
 	install: function(scope) {
@@ -423,14 +411,6 @@ var PaperScope = this.PaperScope = Base.extend({
 		delete PaperScope._scopes[this.id];
 	},
 
-	_needsRedraw: function() {
-		if (!this._redrawNotified) {
-			for (var i = this.views.length - 1; i >= 0; i--)
-				this.views[i]._redrawNeeded = true;
-			this._redrawNotified = true;
-		}
-	},
-
 	statics: {
 		_scopes: {},
 
@@ -438,15 +418,14 @@ var PaperScope = this.PaperScope = Base.extend({
 			if (typeof id === 'object')
 				id = id.getAttribute('id');
 			return this._scopes[id] || null;
-		},
-
-		each: function(iter) {
-			Base.each(this._scopes, iter);
 		}
 	}
 });
 
 var Point = this.Point = Base.extend({
+
+	beans: true,
+
 	initialize: function(arg0, arg1) {
 		if (arg1 !== undefined) {
 			this.x = arg0;
@@ -607,7 +586,8 @@ var Point = this.Point = Base.extend({
 
 	getDirectedAngle: function(point) {
 		point = Point.read(arguments);
-		return Math.atan2(this.cross(point), this.dot(point)) * 180 / Math.PI;
+		var angle = this.getAngle() - point.getAngle();
+		return angle < -180 ? angle + 360 : angle > 180 ? angle - 360 : angle;
 	},
 
 	rotate: function(angle, center) {
@@ -674,6 +654,7 @@ var Point = this.Point = Base.extend({
 	},
 
 	statics: {
+
 		create: function(x, y) {
 			var point = new Point(Point.dont);
 			point.x = x;
@@ -714,6 +695,8 @@ var Point = this.Point = Base.extend({
 });
 
 var LinkedPoint = Point.extend({
+	beans: true,
+
 	set: function(x, y, dontNotify) {
 		this._x = x;
 		this._y = y;
@@ -753,6 +736,7 @@ var LinkedPoint = Point.extend({
 });
 
 var Size = this.Size = Base.extend({
+
 	initialize: function(arg0, arg1) {
 		if (arg1 !== undefined) {
 			this.width = arg0;
@@ -791,10 +775,6 @@ var Size = this.Size = Base.extend({
 		return this;
 	},
 
-	clone: function() {
-		return Size.create(this.width, this.height);
-	},
-
 	add: function(size) {
 		size = Size.read(arguments);
 		return Size.create(this.width + size.width, this.height + size.height);
@@ -838,6 +818,7 @@ var Size = this.Size = Base.extend({
 	},
 
 	statics: {
+
 		create: function(width, height) {
 			return new Size(Size.dont).set(width, height);
 		},
@@ -869,6 +850,8 @@ var Size = this.Size = Base.extend({
 });
 
 var LinkedSize = Size.extend({
+	beans: true,
+
 	set: function(width, height, dontNotify) {
 		this._width = width;
 		this._height = height;
@@ -908,6 +891,8 @@ var LinkedSize = Size.extend({
 });
 
 var Rectangle = this.Rectangle = Base.extend({
+	beans: true,
+
 	initialize: function(arg0, arg1, arg2, arg3) {
 		if (arguments.length == 4) {
 			this.x = arg0;
@@ -1144,10 +1129,12 @@ var Rectangle = this.Rectangle = Base.extend({
 				point = Point.read(arguments);
 				return this[setX](point.x)[setY](point.y);
 			};
-		}, {});
+		}, { beans: true });
 });
 
 var LinkedRectangle = Rectangle.extend({
+	beans: true,
+
 	set: function(x, y, width, height, dontNotify) {
 		this._x = x;
 		this._y = y;
@@ -1195,11 +1182,14 @@ var LinkedRectangle = Rectangle.extend({
 				this._owner[this._setter](this);
 				return this;
 			};
-		}, {})
+		}, { beans: true })
 	);
 });
 
 var Matrix = this.Matrix = Base.extend({
+
+	beans: true,
+
 	initialize: function(m00, m10, m01, m11, m02, m12) {
 		var ok = true;
 		if (arguments.length == 6) {
@@ -1389,23 +1379,6 @@ var Matrix = this.Matrix = Base.extend({
 		return this._m00 * this._m11 - this._m01 * this._m10;
 	},
 
-	getTranslation: function() {
-		return new Point(this._m02, this._m12);
-	},
-
-	getScaling: function() {
-		var sx = Math.sqrt(this._m00 * this._m00 + this._m10 * this._m10),
-			sy = Math.sqrt(this._m01 * this._m01 + this._m11 * this._m11);
-		return new Point(this._m00 < 0 ? -sx : sx, this._m01 < 0 ? -sy : sy);
-	},
-
-	getRotation: function() {
-		var angle1 = -Math.atan2(this._m01, this._m11),
-			angle2 = Math.atan2(this._m10, this._m00);
-		return Math.abs(angle1 - angle2) < Numerical.TOLERANCE
-				? angle1 * 180 / Math.PI : undefined;
-	},
-
 	isIdentity: function() {
 		return this._m00 == 1 && this._m10 == 0 && this._m01 == 0 &&
 				this._m11 == 1 && this._m02 == 0 && this._m12 == 0;
@@ -1474,6 +1447,7 @@ var Matrix = this.Matrix = Base.extend({
 	},
 
 	statics: {
+
 		create: function(m00, m10, m01, m11, m02, m12) {
 			return new Matrix(Matrix.dont).set(m00, m10, m01, m11, m02, m12);
 		},
@@ -1514,7 +1488,7 @@ var Matrix = this.Matrix = Base.extend({
 		this['set' + name] = function(value) {
 			this[prop] = value;
 		};
-	}, {});
+	}, { beans: true });
 });
 
 var Line = this.Line = Base.extend({
@@ -1551,7 +1525,7 @@ var Line = this.Line = Base.extend({
 		if (ccw == 0) {
 			ccw = v2.dot(v1);
 			if (ccw > 0) {
-				ccw = v2.subtract(v1).dot(v1);
+				ccw = (v2 - v1).dot(v1);
 				if (ccw < 0)
 				    ccw = 0;
 			}
@@ -1570,10 +1544,21 @@ var Line = this.Line = Base.extend({
 });
 
 var Project = this.Project = Base.extend({
+
+	beans: true,
+
 	initialize: function() {
 		this._scope = paper;
 		this._index = this._scope.projects.push(this) - 1;
-		this._currentStyle = new PathStyle();
+		this._currentStyle = PathStyle.create(null);
+		this.setCurrentStyle({
+			strokeWidth: 1,
+			strokeCap: 'butt',
+			strokeJoin: 'miter',
+			miterLimit: 10,
+			dashOffset: 0,
+			dashArray: []
+		});
 		this._selectedItems = {};
 		this._selectedItemCount = 0;
 		this.activate();
@@ -1582,11 +1567,6 @@ var Project = this.Project = Base.extend({
 		this.activeLayer = new Layer();
 	},
 
-	_needsRedraw: function() {
-		if (this._scope)
-			this._scope._needsRedraw();
-	},
-
 	getCurrentStyle: function() {
 		return this._currentStyle;
 	},
@@ -1596,7 +1576,7 @@ var Project = this.Project = Base.extend({
 	},
 
 	activate: function() {
-		if (this._scope) {
+		if (this._index != null) {
 			this._scope.project = this;
 			return true;
 		}
@@ -1604,14 +1584,9 @@ var Project = this.Project = Base.extend({
 	},
 
 	remove: function() {
-		if (this._scope) {
-			Base.splice(this._scope.projects, null, this._index, 1);
-			if (this._scope.project == this)
-				this._scope.project = null;
-			this._scope = null;
-			return true;
-		}
-		return false;
+		var res = Base.splice(this._scope.projects, null, this._index, 1);
+		this._scope = null;
+		return !!res.length;
 	},
 
 	getIndex: function() {
@@ -1626,8 +1601,8 @@ var Project = this.Project = Base.extend({
 		return items;
 	},
 
-	_updateSelection: function(item) {
-		if (item._selected) {
+	_selectItem: function(item, select) {
+		if (select) {
 			this._selectedItemCount++;
 			this._selectedItems[item.getId()] = item;
 		} else {
@@ -1662,10 +1637,17 @@ var Project = this.Project = Base.extend({
 			});
 			ctx.restore();
 		}
+	},
+
+	redraw: function() {
+		this._scope.view.draw();
 	}
 });
 
 var Symbol = this.Symbol = Base.extend({
+
+	beans: true,
+
 	initialize: function(item) {
 		this.project = paper.project;
 		this.project.symbols.push(this);
@@ -1678,7 +1660,8 @@ var Symbol = this.Symbol = Base.extend({
 
 	setDefinition: function(item) {
 		this._definition = item;
-		item.remove();
+		item.setSelected(false);
+		item._removeFromParent();
 		item.setPosition(new Point());
 	},
 
@@ -1691,45 +1674,27 @@ var Symbol = this.Symbol = Base.extend({
 	}
 });
 
-var ChangeFlag = {
-	APPEARANCE: 1,
-	HIERARCHY: 2,
-	GEOMETRY: 4,
-	STROKE: 8,
-	STYLE: 16,
-	ATTRIBUTE: 32,
-	CONTENT: 64,
-	PIXELS: 128,
-	CLIPPING: 256
-};
-
-var Change = {
-	HIERARCHY: ChangeFlag.HIERARCHY | ChangeFlag.APPEARANCE,
-	GEOMETRY: ChangeFlag.GEOMETRY | ChangeFlag.APPEARANCE,
-	STROKE: ChangeFlag.STROKE | ChangeFlag.STYLE | ChangeFlag.APPEARANCE,
-	STYLE: ChangeFlag.STYLE | ChangeFlag.APPEARANCE,
-	ATTRIBUTE: ChangeFlag.ATTRIBUTE | ChangeFlag.APPEARANCE,
-	CONTENT: ChangeFlag.CONTENT | ChangeFlag.APPEARANCE,
-	PIXELS: ChangeFlag.PIXELS | ChangeFlag.APPEARANCE
+var ChangeFlags = {
+	GEOMETRY: 1, 
+	STROKE: 2, 
+	STYLE: 4, 
+	HIERARCHY: 8 
 };
 
 var Item = this.Item = Base.extend({
+	beans: true,
+
 	initialize: function() {
 		if (!this._project)
-			paper.project.activeLayer.addChild(this);
+			paper.project.activeLayer.appendTop(this);
 		this._style = PathStyle.create(this);
 		this.setStyle(this._project.getCurrentStyle());
 	},
 
 	_changed: function(flags) {
-		if (flags & ChangeFlag.GEOMETRY) {
-			delete this._bounds;
+		if (flags & ChangeFlags.GEOMETRY) {
 			delete this._position;
 		}
-		if (flags & ChangeFlag.APPEARANCE) {
-			if (this._project)
-				this._project._needsRedraw();
-		}
 	},
 
 	getId: function() {
@@ -1743,17 +1708,19 @@ var Item = this.Item = Base.extend({
 	},
 
 	setName: function(name) {
-
-		if (this._name)
-			this._removeFromNamed();
-		this._name = name || undefined;
+		var children = this._parent._children,
+			namedChildren = this._parent._namedChildren;
+		if (name != this._name) {
+			if (this._name)
+				this._removeFromNamed();
+			this._name = name || undefined;
+		}
 		if (name) {
-			var children = this._parent._children,
-				namedChildren = this._parent._namedChildren;
 			(namedChildren[name] = namedChildren[name] || []).push(this);
 			children[name] = this;
+		} else {
+			delete children[name];
 		}
-		this._changed(ChangeFlag.ATTRIBUTE);
 	},
 
 	getPosition: function() {
@@ -1772,41 +1739,19 @@ var Item = this.Item = Base.extend({
 
 	setStyle: function(style) {
 		this._style.initialize(style);
-	}
-
-}, new function() { 
-	return Base.each(['locked', 'visible', 'blendMode', 'opacity'],
-		function(name) {
-			var part = Base.capitalize(name),
-				name = '_' + name;
-			this['get' + part] = function() {
-				return this[name];
-			};
-			this['set' + part] = function(value) {
-				if (value != this[name]) {
-					this[name] = value;
-					this._changed(name === '_locked'
-							? ChangeFlag.ATTRIBUTE : Change.ATTRIBUTE);
-				}
-			};
-		}, {});
-}, {
-
-	_locked: false,
-
-	_visible: true,
-
-	_blendMode: 'normal',
-
-	_opacity: 1,
+	},
 
 	isSelected: function() {
 		if (this._children) {
-			for (var i = 0, l = this._children.length; i < l; i++)
-				if (this._children[i].isSelected())
+			for (var i = 0, l = this._children.length; i < l; i++) {
+				if (this._children[i].isSelected()) {
 					return true;
+				}
+			}
+		} else {
+			return !!this._selected;
 		}
-		return this._selected;
+		return false;
 	},
 
 	setSelected: function(selected) {
@@ -1814,33 +1759,33 @@ var Item = this.Item = Base.extend({
 			for (var i = 0, l = this._children.length; i < l; i++) {
 				this._children[i].setSelected(selected);
 			}
-		} else if ((selected = !!selected) != this._selected) {
-			this._selected = selected;
-			this._project._updateSelection(this);
-			this._changed(Change.ATTRIBUTE);
+		} else {
+			if ((selected = !!selected) != this._selected) {
+				this._selected = selected;
+				this._project._selectItem(this, selected);
+			}
 		}
 	},
 
-	_selected: false,
+	locked: false,
+
+	visible: true,
 
 	isClipMask: function() {
 		return this._clipMask;
 	},
 
 	setClipMask: function(clipMask) {
-		if (this._clipMask != (clipMask = !!clipMask)) {
-			this._clipMask = clipMask;
-			if (clipMask) {
-				this.setFillColor(null);
-				this.setStrokeColor(null);
-			}
-			this._changed(Change.ATTRIBUTE);
-			if (this._parent)
-				this._parent._changed(ChangeFlag.CLIPPING);
+		this._clipMask = clipMask;
+		if (this._clipMask) {
+			this.setFillColor(null);
+			this.setStrokeColor(null);
 		}
 	},
 
-	_clipMask: false,
+	blendMode: 'normal',
+
+	opacity: 1,
 
 	getProject: function() {
 		return this._project;
@@ -1867,7 +1812,8 @@ var Item = this.Item = Base.extend({
 
 	setChildren: function(items) {
 		this.removeChildren();
-		this.addChildren(items);
+		for (var i = 0, l = items && items.length; i < l; i++)
+			this.appendTop(items[i]);
 	},
 
 	getFirstChild: function() {
@@ -1891,6 +1837,57 @@ var Item = this.Item = Base.extend({
 		return this._index;
 	},
 
+	_removeFromNamed: function() {
+		var children = this._parent._children,
+			namedChildren = this._parent._namedChildren,
+			name = this._name,
+			namedArray = namedChildren[name];
+		if (children[name] = this)
+			delete children[name];
+		namedArray.splice(namedArray.indexOf(this), 1);
+		if (namedArray.length) {
+			children[name] = namedArray[namedArray.length - 1];
+		} else {
+			delete namedChildren[name];
+		}
+	},
+
+	_removeFromParent: function() {
+		if (this._parent) {
+			if (this._name)
+				this._removeFromNamed();
+			var res = Base.splice(this._parent._children, null, this._index, 1);
+			this._parent = null;
+			return !!res.length;
+		}
+		return false;
+	},
+
+	remove: function() {
+		if (this.isSelected())
+			this.setSelected(false);
+		return this._removeFromParent();
+	},
+
+	removeChildren: function() {
+		var removed = false;
+		if (this._children) {
+			for (var i = this._children.length - 1; i >= 0; i--)
+				removed = this._children[i].remove() || removed;
+		}
+		return removed;
+	},
+
+	copyTo: function(itemOrProject) {
+		var copy = this.clone();
+		if (itemOrProject.layers) {
+			itemOrProject.activeLayer.appendTop(copy);
+		} else {
+			itemOrProject.appendTop(copy);
+		}
+		return copy;
+	},
+
 	clone: function() {
 		return this._clone(new this.constructor());
 	},
@@ -1899,29 +1896,27 @@ var Item = this.Item = Base.extend({
 		copy.setStyle(this._style);
 		if (this._children) {
 			for (var i = 0, l = this._children.length; i < l; i++)
-				copy.addChild(this._children[i].clone());
+				copy.appendTop(this._children[i].clone());
 		}
-		var keys = ['_locked', '_visible', '_opacity', '_blendMode',
-				'_clipMask'];
+		var keys = ['locked', 'visible', 'opacity', 'blendMode', '_clipMask'];
 		for (var i = 0, l = keys.length; i < l; i++) {
 			var key = keys[i];
 			if (this.hasOwnProperty(key))
 				copy[key] = this[key];
 		}
-		copy.setSelected(this._selected);
+		copy.moveAbove(this);
 		if (this._name)
 			copy.setName(this._name);
 		return copy;
 	},
 
-	copyTo: function(itemOrProject) {
-		var copy = this.clone();
-		if (itemOrProject.layers) {
-			itemOrProject.activeLayer.addChild(copy);
-		} else {
-			itemOrProject.addChild(copy);
+	reverseChildren: function() {
+		if (this._children) {
+			this._children.reverse();
+			for (var i = 0, l = this._children.length; i < l; i++) {
+				this._children[i]._index = i;
+			}
 		}
-		return copy;
 	},
 
 	rasterize: function(resolution) {
@@ -1938,125 +1933,14 @@ var Item = this.Item = Base.extend({
 		return raster;
 	},
 
-	addChild: function(item) {
-		return this.insertChild(undefined, item);
-	},
-
-	insertChild: function(index, item) {
-		if (this._children) {
-			item._remove(false, true);
-			Base.splice(this._children, [item], index, 0);
-			item._parent = this;
-			item._setProject(this._project);
-			if (item._name)
-				item.setName(item._name);
-			this._changed(Change.HIERARCHY);
-			return true;
-		}
-		return false;
-	},
-
-	addChildren: function(items) {
-		for (var i = 0, l = items && items.length; i < l; i++)
-			this.insertChild(undefined, items[i]);
-	},
-
-	insertChildren: function(index, items) {
-		for (var i = 0, l = items && items.length; i < l; i++) {
-			if (this.insertChild(index, items[i]))
-				index++;
-		}
-	},
-
-	insertAbove: function(item) {
-		return item._parent && item._parent.insertChild(
-				item._index + 1, this);
-	},
-
-	insertBelow: function(item) {
-		return item._parent && item._parent.insertChild(
-				item._index - 1, this);
-	},
-
-	appendTop: function(item) {
-		return this.addChild(item);
-	},
-
-	appendBottom: function(item) {
-		return this.insertChild(0, item);
-	},
-
-	moveAbove: function(item) {
-		return this.insertAbove(item);
-	},
-
-	moveBelow: function(item) {
-		return this.insertBelow(item);
-	},
-
-	_removeFromNamed: function() {
-		var children = this._parent._children,
-			namedChildren = this._parent._namedChildren,
-			name = this._name,
-			namedArray = namedChildren[name],
-			index = namedArray ? namedArray.indexOf(this) : -1;
-		if (index == -1)
-			return;
-		if (children[name] == this)
-			delete children[name];
-		namedArray.splice(index, 1);
-		if (namedArray.length) {
-			children[name] = namedArray[namedArray.length - 1];
-		} else {
-			delete namedChildren[name];
-		}
-	},
-
-	_remove: function(deselect, notify) {
-		if (this._parent) {
-			if (deselect)
-				this.setSelected(false);
-			if (this._name)
-				this._removeFromNamed();
-			Base.splice(this._parent._children, null, this._index, 1);
-			if (notify)
-				this._parent._changed(Change.HIERARCHY);
-			this._parent = null;
-			return true;
-		}
-		return false;
-	},
-
-	remove: function() {
-		return this._remove(true, true);
-	},
-
-	removeChildren: function(from, to) {
-		if (!this._children)
-			return null;
-		from = from || 0;
-	 	to = Base.pick(to, this._children.length);
-		var removed = this._children.splice(from, to - from);
-		for (var i = removed.length - 1; i >= 0; i--)
-			removed[i]._remove(true, false);
-		if (removed.length > 0)
-			this._changed(Change.HIERARCHY);
-		return removed;
-	},
-
-	reverseChildren: function() {
-		if (this._children) {
-			this._children.reverse();
-			for (var i = 0, l = this._children.length; i < l; i++)
-				this._children[i]._index = i;
-			this._changed(Change.HIERARCHY);
-		}
+	hasChildren: function() {
+		return this._children && this._children.length > 0;
 	},
 
 	isEditable: function() {
 		var item = this;
 		while (item) {
-			if (!item._visible || item._locked)
+			if (!item.visible || item.locked)
 				return false;
 			item = item._parent;
 		}
@@ -2081,10 +1965,6 @@ var Item = this.Item = Base.extend({
 		return 0;
 	},
 
-	hasChildren: function() {
-		return this._children && this._children.length > 0;
-	},
-
 	isAbove: function(item) {
 		return this._getOrder(item) == -1;
 	},
@@ -2127,56 +2007,56 @@ var Item = this.Item = Base.extend({
 	},
 
 	getBounds: function() {
-		return this._getBounds('getBounds');
+		return this._getBounds(false);
+	},
+
+	getStrokeBounds: function() {
+		return this._getBounds(true);
+	},
+
+	_getBounds: function(includeStroke) {
+		var children = this._children;
+		if (children && children.length) {
+			var x1 = Infinity,
+				x2 = -Infinity,
+				y1 = x1,
+				y2 = x2;
+			for (var i = 0, l = children.length; i < l; i++) {
+				var child = children[i];
+				if (child.visible) {
+					var rect = includeStroke
+							? child.getStrokeBounds()
+							: child.getBounds();
+					x1 = Math.min(rect.x, x1);
+					y1 = Math.min(rect.y, y1);
+					x2 = Math.max(rect.x + rect.width, x2);
+					y2 = Math.max(rect.y + rect.height, y2);
+				}
+			}
+			return includeStroke
+				? Rectangle.create(x1, y1, x2 - x1, y2 - y1)
+				: LinkedRectangle.create(this, 'setBounds',
+						x1, y1, x2 - x1, y2 - y1);
+		}
+		return new Rectangle();
 	},
 
 	setBounds: function(rect) {
 		rect = Rectangle.read(arguments);
 		var bounds = this.getBounds(),
 			matrix = new Matrix(),
-			center = rect.getCenter();
+			center = rect.center;
 		matrix.translate(center);
 		if (rect.width != bounds.width || rect.height != bounds.height) {
 			matrix.scale(
 					bounds.width != 0 ? rect.width / bounds.width : 1,
 					bounds.height != 0 ? rect.height / bounds.height : 1);
 		}
-		center = bounds.getCenter();
+		center = bounds.center;
 		matrix.translate(-center.x, -center.y);
 		this.transform(matrix);
 	},
 
-	getStrokeBounds: function() {
-		return this._getBounds('getStrokeBounds');
-	},
-
-	_getBounds: function(getter) {
-		var children = this._children;
-		if (!children || children.length == 0) 
-			return new Rectangle();
-		var x1 = Infinity,
-			x2 = -Infinity,
-			y1 = x1,
-			y2 = x2;
-		for (var i = 0, l = children.length; i < l; i++) {
-			var child = children[i];
-			if (child._visible) {
-				var rect = child[getter]();
-				x1 = Math.min(rect.x, x1);
-				y1 = Math.min(rect.y, y1);
-				x2 = Math.max(rect.x + rect.width, x2);
-				y2 = Math.max(rect.y + rect.height, y2);
-			}
-		}
-		var bounds = Rectangle.create(x1, y1, x2 - x1, y2 - y1);
-		return getter == 'getBounds' ? this._createBounds(bounds) : bounds;
-	},
-
-	_createBounds: function(rect) {
-		return LinkedRectangle.create(this, 'setBounds',
-				rect.x, rect.y, rect.width, rect.height);
-	},
-
 	scale: function(sx, sy , center) {
 		if (arguments.length < 2 || typeof sy === 'object') {
 			center = sy;
@@ -2196,49 +2076,29 @@ var Item = this.Item = Base.extend({
 				center || this.getPosition()));
 	},
 
-	shear: function(shearX, shearY, center) {
+	shear: function(shx, shy, center) {
 		if (arguments.length < 2 || typeof sy === 'object') {
-			center = shearY;
-			shearY = shearX;
+			center = shy;
+			shy = shx;
 		}
-		return this.transform(new Matrix().shear(shearX, shearY,
+		return this.transform(new Matrix().shear(shx, shy,
 				center || this.getPosition()));
 	},
 
 	transform: function(matrix, flags) {
-		var bounds = this._bounds,
-			position = this._position;
-		if (this._transform) {
+		if (this._transform)
 			this._transform(matrix, flags);
-			this._changed(Change.GEOMETRY);
+		if (this._position)
+			matrix._transformPoint(this._position, this._position, true);
+		if (this._children) {
+			for (var i = 0, l = this._children.length; i < l; i++) {
+				var child = this._children[i];
+				child.transform(matrix, flags);
+			}
 		}
-		if (bounds && matrix.getRotation() % 90 === 0) {
-			this._bounds = this._createBounds(
-					matrix._transformBounds(bounds));
-			this._position = this._bounds.getCenter();
-		} else if (position) {
-			this._position = matrix._transformPoint(position, position, true);
-		}
-		for (var i = 0, l = this._children && this._children.length; i < l; i++)
-			this._children[i].transform(matrix, flags);
 		return this;
 	},
 
-	fitBounds: function(rectangle, fill) {
-		rectangle = Rectangle.read(arguments);
-		var bounds = this.getBounds(),
-			itemRatio = bounds.height / bounds.width,
-			rectRatio = rectangle.height / rectangle.width,
-			scale = (fill ? itemRatio > rectRatio : itemRatio < rectRatio)
-					? rectangle.width / bounds.width
-					: rectangle.height / bounds.height,
-			delta = rectangle.getCenter().subtract(bounds.getCenter()),
-			newBounds = new Rectangle(new Point(),
-					new Size(bounds.width * scale, bounds.height * scale));
-		newBounds.setCenter(rectangle.getCenter());
-		this.setBounds(newBounds);
-	},
-
 	statics: {
 		drawSelectedBounds: function(bounds, ctx, matrix) {
 			var coords = matrix._transformCorners(bounds);
@@ -2255,12 +2115,12 @@ var Item = this.Item = Base.extend({
 		},
 
 		draw: function(item, ctx, param) {
-			if (!item._visible || item._opacity == 0)
+			if (!item.visible || item.opacity == 0)
 				return;
 
 			var tempCanvas, parentCtx;
-			if (item._blendMode !== 'normal'
-					|| item._opacity < 1
+			if (item.blendMode !== 'normal'
+					|| item.opacity < 1
 					&& !(item._segments && (!item.getFillColor()
 							|| !item.getStrokeColor()))) {
 				var bounds = item.getStrokeBounds() || item.getBounds();
@@ -2291,13 +2151,13 @@ var Item = this.Item = Base.extend({
 
 				ctx.restore();
 
-				if (item._blendMode !== 'normal') {
+				if (item.blendMode !== 'normal') {
 					var pixelOffset = itemOffset.subtract(param.offset);
-					BlendMode.process(item._blendMode, ctx, parentCtx,
-						item._opacity, pixelOffset);
+					BlendMode.process(item.blendMode, ctx, parentCtx,
+						item.opacity, pixelOffset);
 				} else {
 					parentCtx.save();
-					parentCtx.globalAlpha = item._opacity;
+					parentCtx.globalAlpha = item.opacity;
 					parentCtx.drawImage(tempCanvas,
 							itemOffset.x, itemOffset.y);
 					parentCtx.restore();
@@ -2309,6 +2169,48 @@ var Item = this.Item = Base.extend({
 	}
 }, new function() {
 
+	function append(top) {
+		return function(item) {
+			item._removeFromParent();
+			if (this._children) {
+				Base.splice(this._children, [item], top ? undefined : 0, 0);
+				item._parent = this;
+				item._setProject(this._project);
+				if (item._name)
+					item.setName(item._name);
+				return true;
+			}
+			return false;
+		};
+	}
+
+	function move(above) {
+		return function(item) {
+			if (item._parent && this._removeFromParent()) {
+				Base.splice(item._parent._children, [this],
+						item._index + (above ? 1 : -1), 0);
+				this._parent = item._parent;
+				this._setProject(item._project);
+				if (item._name)
+					item.setName(item._name);
+				return true;
+			}
+			return false;
+		};
+	}
+
+	return {
+
+		appendTop: append(true),
+
+		appendBottom: append(false),
+
+		moveAbove: move(true),
+
+		moveBelow: move(false)
+	};
+}, new function() {
+
 	var sets = {
 		down: {}, drag: {}, up: {}, move: {}
 	};
@@ -2365,56 +2267,47 @@ var Item = this.Item = Base.extend({
 });
 
 var Group = this.Group = Item.extend({
+
+	beans: true,
+
 	initialize: function(items) {
 		this.base();
 		this._children = [];
 		this._namedChildren = {};
-		this.addChildren(!items || !Array.isArray(items)
+		this._clipped = false;
+		this.setChildren(!items || !Array.isArray(items)
 				|| typeof items[0] !== 'object' ? arguments : items);
 	},
 
-	_changed: function(flags) {
-		Item.prototype._changed.call(this, flags);
-		if (flags & (ChangeFlag.HIERARCHY | ChangeFlag.CLIPPING)) {
-			delete this._clipItem;
-		}
-	},
-
-	_getClipItem: function() {
-		if (this._clipItem !== undefined)
-			return this._clipItem;
-		for (var i = 0, l = this._children.length; i < l; i++) {
-			var child = this._children[i];
-			if (child._clipMask)
-				return this._clipItem = child;
-		}
-		return this._clipItem = null;
+	clone: function() {
+		var copy = this.base();
+		copy._clipped = this._clipped;
+		return copy;
 	},
 
 	isClipped: function() {
-		return !!this._getClipItem();
+		return this._clipped;
 	},
 
 	setClipped: function(clipped) {
+		this._clipped = clipped;
 		var child = this.getFirstChild();
 		if (child)
 			child.setClipMask(clipped);
-		return this;
 	},
 
 	draw: function(ctx, param) {
-		var clipItem = this._getClipItem();
-		if (clipItem)
-			Item.draw(clipItem, ctx, param);
 		for (var i = 0, l = this._children.length; i < l; i++) {
-			var item = this._children[i];
-			if (item != clipItem)
-				Item.draw(item, ctx, param);
+			Item.draw(this._children[i], ctx, param);
+			if (this._clipped && i == 0)
+				ctx.clip();
 		}
 	}
 });
 
 var Layer = this.Layer = Group.extend({
+
+	beans: true,
 	initialize: function(items) {
 		this._project = paper.project;
 		this._index = this._project.layers.push(this) - 1;
@@ -2422,17 +2315,9 @@ var Layer = this.Layer = Group.extend({
 		this.activate();
 	},
 
-	_remove: function(deselect, notify) {
-		if (this._parent)
-			return this.base(deselect, notify);
-		if (this._index != null) {
-			if (deselect)
-				this.setSelected(false);
-			Base.splice(this._project.layers, null, this._index, 1);
-			this._project._needsRedraw();
-			return true;
-		}
-		return false;
+	_removeFromParent: function() {
+		return this._parent ? this.base()
+			: !!Base.splice(this._project.layers, null, this._index, 1).length;
 	},
 
 	getNextSibling: function() {
@@ -2449,10 +2334,10 @@ var Layer = this.Layer = Group.extend({
 		this._project.activeLayer = this;
 	}
 }, new function () {
-	function insert(above) {
+	function move(above) {
 		return function(item) {
 			if (item instanceof Layer && !item._parent
-						&& this._remove(false, true)) {
+						&& this._removeFromParent()) {
 				Base.splice(item._project.layers, [this],
 						item._index + (above ? 1 : -1), 0);
 				this._setProject(item._project);
@@ -2463,13 +2348,16 @@ var Layer = this.Layer = Group.extend({
 	}
 
 	return {
-		insertAbove: insert(true),
+		moveAbove: move(true),
 
-		insertBelow: insert(false)
+		moveBelow: move(false)
 	};
 });
 
 var Raster = this.Raster = Item.extend({
+
+	beans: true,
+
 	initialize: function(object) {
 		this.base();
 		if (object.getContext) {
@@ -2501,7 +2389,7 @@ var Raster = this.Raster = Item.extend({
 		var size = Size.read(arguments),
 			image = this.getImage();
 		this.setCanvas(CanvasProvider.getCanvas(size));
-		this.getContext(true).drawImage(image, 0, 0, size.width, size.height);
+		this.getContext().drawImage(image, 0, 0, size.width, size.height);
 	},
 
 	getWidth: function() {
@@ -2524,10 +2412,9 @@ var Raster = this.Raster = Item.extend({
 	},
 
 	getContext: function() {
-		if (!this._context)
+		if (!this._context) {
 			this._context = this.getCanvas().getContext('2d');
-		if (arguments[0])
-			this._changed(Change.PIXELS);
+		}
 		return this._context;
 	},
 
@@ -2539,7 +2426,7 @@ var Raster = this.Raster = Item.extend({
 		if (!this._canvas) {
 			this._canvas = CanvasProvider.getCanvas(this._size);
 			if (this._image)
-				this.getContext(true).drawImage(this._image, 0, 0);
+				this.getContext().drawImage(this._image, 0, 0);
 		}
 		return this._canvas;
 	},
@@ -2551,7 +2438,7 @@ var Raster = this.Raster = Item.extend({
 		this._size = new Size(canvas.width, canvas.height);
 		this._image = null;
 		this._context = null;
-		this._changed(Change.GEOMETRY);
+		this._bounds = null;
 	},
 
 	getImage: function() {
@@ -2565,7 +2452,7 @@ var Raster = this.Raster = Item.extend({
 		this._size = new Size(image.naturalWidth, image.naturalHeight);
 		this._canvas = null;
 		this._context = null;
-		this._changed(Change.GEOMETRY);
+		this._bounds = null;
 	},
 
 	getSubImage: function(rect) {
@@ -2578,7 +2465,7 @@ var Raster = this.Raster = Item.extend({
 
 	drawImage: function(image, point) {
 		point = Point.read(arguments, 1);
-		this.getContext(true).drawImage(image, point.x, point.y);
+		this.getContext().drawImage(image, point.x, point.y);
 	},
 
 	getAverageColor: function(object) {
@@ -2642,7 +2529,7 @@ var Raster = this.Raster = Item.extend({
 		var hasPoint = arguments.length == 2;
 		point = Point.read(arguments, 0, hasPoint ? 1 : 2);
 		color = Color.read(arguments, hasPoint ? 1 : 2);
-		var ctx = this.getContext(true),
+		var ctx = this.getContext(),
 			imageData = ctx.createImageData(1, 1),
 			alpha = color.getAlpha();
 		imageData.data[0] = color.getRed() * 255;
@@ -2667,17 +2554,19 @@ var Raster = this.Raster = Item.extend({
 
 	setData: function(data, point) {
 		point = Point.read(arguments, 1);
-		this.getContext(true).putImageData(data, point.x, point.y);
+		this.getContext().putImageData(data, point.x, point.y);
 	},
 
 	_transform: function(matrix, flags) {
 		this.matrix.preConcatenate(matrix);
+		this._bounds = null;
 	},
 
 	getBounds: function() {
-		if (!this._bounds)
-			this._bounds = this._createBounds(this.matrix._transformBounds(
-					new Rectangle(this._size).setCenter(0, 0)));
+		if (!this._bounds) {
+			this._bounds = this.matrix._transformBounds(
+					new Rectangle(this._size).setCenter(0, 0));
+		}
 		return this._bounds;
 	},
 	getStrokeBounds: function() {
@@ -2699,6 +2588,9 @@ var Raster = this.Raster = Item.extend({
 });
 
 var PlacedSymbol = this.PlacedSymbol = Item.extend({
+
+	beans: true,
+
 	initialize: function(symbol, matrixOrOffset) {
 		this.base();
 		this.symbol = symbol instanceof Symbol ? symbol : new Symbol(symbol);
@@ -2718,10 +2610,9 @@ var PlacedSymbol = this.PlacedSymbol = Item.extend({
 	},
 
 	getBounds: function() {
-		if (!this._bounds)
-			this._bounds = this._createBounds(
-					this.symbol._definition.getStrokeBounds(this.matrix))
-		return this._bounds;
+		var bounds = this.symbol._definition.getStrokeBounds(this.matrix);
+		return LinkedRectangle.create(this, 'setBounds',
+				bounds.x, bounds.y, bounds.width, bounds.height);
 	},
 
 	getStrokeBounds: function() {
@@ -2742,7 +2633,102 @@ var PlacedSymbol = this.PlacedSymbol = Item.extend({
 
 });
 
+var PathStyle = this.PathStyle = Base.extend(new function() {
+
+	var keys = ['strokeColor', 'strokeWidth', 'strokeCap', 'strokeJoin',
+				'miterLimit', 'dashOffset','dashArray', 'fillColor'];
+
+	var strokeFlags = {
+		strokeWidth: true,
+		strokeCap: true,
+		strokeJoin: true,
+		miterLimit: true
+	};
+
+	var fields = {
+		beans: true,
+
+		initialize: function(style) {
+			var clone = style instanceof PathStyle;
+			for (var i = 0, l = style && keys.length; i < l; i++) {
+				var key = keys[i],
+					value = style[key];
+				if (value !== undefined) {
+					this[key] = value && clone && value.clone
+							? value.clone() : value;
+				}
+			}
+		},
+
+		statics: {
+			create: function(item) {
+				var style = new PathStyle(PathStyle.dont);
+				style._item = item;
+				return style;
+			}
+		}
+	};
+
+	Item.inject(Base.each(keys, function(key) {
+		var isColor = !!key.match(/Color$/),
+			part = Base.capitalize(key),
+			set = 'set' + part,
+			get = 'get' + part;
+
+		fields[set] = function(value) {
+			var children = this._item && this._item._children;
+			value = isColor ? Color.read(arguments) : value;
+			if (children) {
+				for (var i = 0, l = children.length; i < l; i++)
+					children[i]._style[set](value);
+			} else {
+				var old = this['_' + key];
+				if (old != value && !(old && old.equals && old.equals(value))) {
+					this['_' + key] = value;
+					if (this._item) {
+						this._item._changed(ChangeFlags.STYLE
+							| (strokeFlags[key] ? ChangeFlags.STROKE : 0));
+					}
+				}
+			}
+			return this;
+		};
+
+		fields[get] = function() {
+			var children = this._item && this._item._children,
+				style;
+			if (children) {
+				for (var i = 0, l = children.length; i < l; i++) {
+					var childStyle = children[i]._style[get]();
+					if (!style) {
+						style = childStyle;
+					} else if (style != childStyle && !(style && style.equals
+							&& style.equals(childStyle))) {
+						return undefined;
+					}
+				}
+				return style;
+			} else {
+				return this['_' + key];
+			}
+		};
+
+		this[set] = function(value) {
+			this._style[set](value);
+			return this;
+		};
+
+		this[get] = function() {
+			return this._style[get]();
+		};
+	}, { beans: true }));
+
+	return fields;
+});
+
 var Segment = this.Segment = Base.extend({
+	beans: true,
+
 	initialize: function(arg0, arg1, arg2, arg3, arg4, arg5) {
 		var count = arguments.length,
 			createPoint = SegmentPoint.create,
@@ -2786,7 +2772,7 @@ var Segment = this.Segment = Base.extend({
 				other._changed();
 			}
 		}
-		this._path._changed(Change.GEOMETRY);
+		this._path._changed(ChangeFlags.GEOMETRY);
 	},
 
 	getPoint: function() {
@@ -2837,7 +2823,8 @@ var Segment = this.Segment = Base.extend({
 	_setSelected: function(point, selected) {
 		var path = this._path,
 			selected = !!selected, 
-			state = this._selectionState || 0,
+			state = this._selectionState,
+			wasSelected = !!state,
 			selection = [
 				!!(state & SelectionState.POINT),
 				!!(state & SelectionState.HANDLE_IN),
@@ -2866,8 +2853,8 @@ var Segment = this.Segment = Base.extend({
 		this._selectionState = (selection[0] ? SelectionState.POINT : 0)
 				| (selection[1] ? SelectionState.HANDLE_IN : 0)
 				| (selection[2] ? SelectionState.HANDLE_OUT : 0);
-		if (path && state != this._selectionState)
-			path._updateSelection(this, state, this._selectionState);
+		if (path && wasSelected != !!this._selectionState)
+			path._updateSelection(this);
 	},
 
 	isSelected: function() {
@@ -2973,6 +2960,8 @@ var Segment = this.Segment = Base.extend({
 });
 
 var SegmentPoint = Point.extend({
+	beans: true,
+
 	set: function(x, y) {
 		this._x = x;
 		this._y = y;
@@ -3029,12 +3018,16 @@ var SegmentPoint = Point.extend({
 });
 
 var SelectionState = {
-	HANDLE_IN: 1,
-	HANDLE_OUT: 2,
-	POINT: 4
+	POINT: 1,
+	HANDLE_IN: 2,
+	HANDLE_OUT: 4,
+	HANDLE_BOTH: 6
 };
 
 var Curve = this.Curve = Base.extend({
+
+	beans: true,
+
 	initialize: function(arg0, arg1, arg2, arg3, arg4, arg5, arg6, arg7) {
 		var count = arguments.length;
 		if (count == 0) {
@@ -3052,6 +3045,7 @@ var Curve = this.Curve = Base.extend({
 		} else if (count == 8) {
 			var p1 = Point.create(arg0, arg1),
 				p2 = Point.create(arg6, arg7);
+			p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y
 			this._segment1 = new Segment(p1, null,
 					Point.create(arg2, arg3).subtract(p1));
 			this._segment2 = new Segment(p2,
@@ -3413,6 +3407,9 @@ var Curve = this.Curve = Base.extend({
 });
 
 CurveLocation = Base.extend({
+
+	beans: true,
+
 	initialize: function(curve, parameter, point) {
 		this._curve = curve;
 		this._parameter = parameter;
@@ -3502,14 +3499,16 @@ CurveLocation = Base.extend({
 });
 
 var PathItem = this.PathItem = Item.extend({
-
 });
 
 var Path = this.Path = PathItem.extend({
+
+	beans: true,
+
 	initialize: function(segments) {
 		this.base();
 		this._closed = false;
-		this._selectedSegmentState = 0;
+		this._selectedSegmentCount = 0;
 		this.setSegments(!segments || !Array.isArray(segments)
 				|| typeof segments[0] !== 'object' ? arguments : segments);
 	},
@@ -3523,12 +3522,13 @@ var Path = this.Path = PathItem.extend({
 	},
 
 	_changed: function(flags) {
-		Item.prototype._changed.call(this, flags);
-		if (flags & ChangeFlag.GEOMETRY) {
-			delete this._strokeBounds;
+		if (flags & ChangeFlags.GEOMETRY) {
 			delete this._length;
+			delete this._bounds;
+			delete this._position;
+			delete this._strokeBounds;
 			delete this._clockwise;
-		} else if (flags & ChangeFlag.STROKE) {
+		} else if (flags & ChangeFlags.STROKE) {
 			delete this._strokeBounds;
 		}
 	},
@@ -3541,7 +3541,7 @@ var Path = this.Path = PathItem.extend({
 		if (!this._segments) {
 			this._segments = [];
 		} else {
-			this._selectedSegmentState = 0;
+			this.setSelected(false);
 			this._segments.length = 0;
 			if (this._curves)
 				delete this._curves;
@@ -3597,7 +3597,7 @@ var Path = this.Path = PathItem.extend({
 					this._curves[i = length - 1] = Curve.create(this,
 						this._segments[i], this._segments[0]);
 			}
-			this._changed(Change.GEOMETRY);
+			this._changed(ChangeFlags.GEOMETRY);
 		}
 	},
 
@@ -3614,6 +3614,7 @@ var Path = this.Path = PathItem.extend({
 			if (strokeColor && strokeColor.transform)
 				strokeColor.transform(matrix);
 		}
+		this._changed(ChangeFlags.GEOMETRY);
 	},
 
 	_add: function(segs, index) {
@@ -3621,8 +3622,7 @@ var Path = this.Path = PathItem.extend({
 			curves = this._curves,
 			amount = segs.length,
 			append = index == null,
-			index = append ? segments.length : index,
-			fullySelected = this.isFullySelected();
+			index = append ? segments.length : index;
 		for (var i = 0; i < amount; i++) {
 			var segment = segs[i];
 			if (segment._path) {
@@ -3630,10 +3630,8 @@ var Path = this.Path = PathItem.extend({
 			}
 			segment._path = this;
 			segment._index = index + i;
-			if (fullySelected)
-				segment._selectionState = SelectionState.POINT;
 			if (segment._selectionState)
-				this._updateSelection(segment, 0, segment._selectionState);
+				this._updateSelection(segment);
 		}
 		if (append) {
 			segments.push.apply(segments, segs);
@@ -3651,10 +3649,17 @@ var Path = this.Path = PathItem.extend({
 				curve._segment1 = segments[index + amount];
 			}
 		}
-		this._changed(Change.GEOMETRY);
+		this._changed(ChangeFlags.GEOMETRY);
 		return segs;
 	},
 
+	_updateSelection: function(segment) {
+		var count = this._selectedSegmentCount +=
+				segment._selectionState ? 1 : -1;
+		if (count <= 1)
+			this._project._selectItem(this, count == 1);
+	},
+
 	add: function(segment1 ) {
 		return arguments.length > 1 && typeof segment1 !== 'number'
 			? this._add(Segment.readAll(arguments))
@@ -3687,10 +3692,9 @@ var Path = this.Path = PathItem.extend({
 		var segments = this.removeSegments(index, index + 1);
 		return segments[0] || null;
 	},
-
 	removeSegments: function(from, to) {
 		from = from || 0;
-	 	to = Base.pick(to, this._segments.length);
+	 	to = Base.pick(to, this._segments.length - 1);
 		var segments = this._segments,
 			curves = this._curves,
 			last = to >= segments.length,
@@ -3700,8 +3704,10 @@ var Path = this.Path = PathItem.extend({
 			return removed;
 		for (var i = 0; i < amount; i++) {
 			var segment = removed[i];
-			if (segment._selectionState)
-				this._updateSelection(segment, segment._selectionState, 0);
+			if (segment._selectionState) {
+				segment._selectionState = 0;
+				this._updateSelection(segment);
+			}
 			removed._index = removed._path = undefined;
 		}
 		for (var i = from, l = segments.length; i < l; i++)
@@ -3716,33 +3722,32 @@ var Path = this.Path = PathItem.extend({
 			if (last && this._closed && (curve = curves[curves.length - 1]))
 				curve._segment2 = segments[0];
 		}
-		this._changed(Change.GEOMETRY);
+		this._changed(ChangeFlags.GEOMETRY);
 		return removed;
 	},
 
-	isFullySelected: function() {
-		return this._selected && this._selectedSegmentState
-				== this._segments.length * SelectionState.POINT;
+	isSelected: function() {
+		return this._selectedSegmentCount > 0;
 	},
-
-	setFullySelected: function(selected) {
-		var length = this._segments.length;
-		this._selectedSegmentState = selected
-				? length * SelectionState.POINT : 0;
+	setSelected: function(selected) {
+		var wasSelected = this.isSelected(),
+			length = this._segments.length;
+		if (!wasSelected != !selected && length)
+			this._project._selectItem(this, selected);
+		this._selectedSegmentCount = selected ? length : 0;
 		for (var i = 0; i < length; i++)
 			this._segments[i]._selectionState = selected
 					? SelectionState.POINT : 0;
+	},
+
+	isFullySelected: function() {
+		return this._selectedSegmentCount == this._segments.length;
+	},
+	setFullySelected: function(selected) {
 		this.setSelected(selected);
 	},
 
-	_updateSelection: function(segment, oldState, newState) {
-		segment._selectionState = newState;
-		var total = this._selectedSegmentState += newState - oldState;
-		if (total > 0)
-			this.setSelected(true);
-	},
-
-	flatten: function(maxDistance) {
+	curvesToPoints: function(maxDistance) {
 		var flattener = new PathFlattener(this),
 			pos = 0,
 			step = flattener.length / Math.ceil(flattener.length / maxDistance),
@@ -3755,11 +3760,9 @@ var Path = this.Path = PathItem.extend({
 		this.setSegments(segments);
 	},
 
-	simplify: function(tolerance) {
-		if (this._segments.length > 2) {
-			var fitter = new PathFitter(this, tolerance || 2.5);
-			this.setSegments(fitter.fit());
-		}
+	pointsToCurves: function(tolerance) {
+		var fitter = new PathFitter(this, tolerance || 2.5);
+		this.setSegments(fitter.fit());
 	},
 
 	isClockwise: function() {
@@ -3838,7 +3841,7 @@ var Path = this.Path = PathItem.extend({
 				last1.remove();
 				this.setClosed(true);
 			}
-			this._changed(Change.GEOMETRY);
+			this._changed(ChangeFlags.GEOMETRY);
 			return true;
 		}
 		return false;
@@ -3892,12 +3895,10 @@ var Path = this.Path = PathItem.extend({
 		var loc = this.getLocationAt(offset, isParameter);
 		return loc && loc.getPoint();
 	},
-
 	getTangentAt: function(offset, isParameter) {
 		var loc = this.getLocationAt(offset, isParameter);
 		return loc && loc.getTangent();
 	},
-
 	getNormalAt: function(offset, isParameter) {
 		var loc = this.getLocationAt(offset, isParameter);
 		return loc && loc.getNormal();
@@ -3908,17 +3909,16 @@ var Path = this.Path = PathItem.extend({
 		for (var i = 0, l = segments.length; i < l; i++) {
 			var segment = segments[i],
 				point = segment._point,
-				state = segment._selectionState,
-				selected = state & SelectionState.POINT;
-			if (selected || (state & SelectionState.HANDLE_IN))
-				drawHandle(ctx, point, segment._handleIn);
-			if (selected || (state & SelectionState.HANDLE_OUT))
-				drawHandle(ctx, point, segment._handleOut);
+				pointSelected = segment._selectionState == SelectionState.POINT;
+				if (pointSelected || segment._isSelected(segment._handleIn))
+					drawHandle(ctx, point, segment._handleIn);
+				if (pointSelected || segment._isSelected(segment._handleOut))
+					drawHandle(ctx, point, segment._handleOut);
 			ctx.save();
 			ctx.beginPath();
 			ctx.rect(point._x - 2, point._y - 2, 4, 4);
 			ctx.fill();
-			if (!selected) {
+			if (!pointSelected) {
 				ctx.beginPath();
 				ctx.rect(point._x - 1, point._y - 1, 2, 2);
 				ctx.fillStyle = '#ffffff';
@@ -3927,7 +3927,6 @@ var Path = this.Path = PathItem.extend({
 			}
 		}
 	}
-
 	function drawHandle(ctx, point, handle) {
 		if (!handle.isZero()) {
 			var handleX = point._x + handle._x,
@@ -3995,7 +3994,7 @@ var Path = this.Path = PathItem.extend({
 				dashArray = this.getDashArray() || [], 
 				hasDash = !!dashArray.length;
 
-			if (param.compound || param.selection || this._clipMask || fillColor
+			if (param.compound || param.selection || param.clip || fillColor
 					|| strokeColor && !hasDash) {
 				drawSegments(ctx, this);
 			}
@@ -4003,13 +4002,13 @@ var Path = this.Path = PathItem.extend({
 			if (param.selection) {
 				ctx.stroke();
 				drawHandles(ctx, this._segments);
-			} else if (this._clipMask) {
+			} else if (param.clip) {
 				ctx.clip();
 			} else if (!param.compound && (fillColor || strokeColor)) {
 				ctx.save();
 				this._setStyles(ctx);
 				if (!fillColor || !strokeColor)
-					ctx.globalAlpha = this._opacity;
+					ctx.globalAlpha = this.opacity;
 				if (fillColor) {
 					ctx.fillStyle = fillColor.getCanvasStyle(ctx);
 					ctx.fill();
@@ -4053,6 +4052,7 @@ var Path = this.Path = PathItem.extend({
 	};
 
 	return {
+
 		_setStyles: function(ctx) {
 			for (var i in styles) {
 				var style = this._style[i]();
@@ -4138,23 +4138,21 @@ var Path = this.Path = PathItem.extend({
 		}
 	};
 }, new function() { 
+
 	function getCurrentSegment(that) {
 		var segments = that._segments;
 		if (segments.length == 0)
-			throw new Error('Use a moveTo() command first');
+			throw('Use a moveTo() command first');
 		return segments[segments.length - 1];
 	}
 
 	return {
+
 		moveTo: function(point) {
 			if (!this._segments.length)
 				this._add([ new Segment(Point.read(arguments)) ]);
 		},
 
-		moveBy: function(point) {
-			throw new Error('moveBy() is unsupported on Path items.');
-		},
-
 		lineTo: function(point) {
 			this._add([ new Segment(Point.read(arguments)) ]);
 		},
@@ -4189,63 +4187,84 @@ var Path = this.Path = PathItem.extend({
 					.subtract(to.multiply(t * t)).divide(2 * t * t1);
 			if (handle.isNaN())
 				throw new Error(
-					'Cannot put a curve through points with parameter = ' + t);
+					"Cannot put a curve through points with parameter=" + t);
 			this.quadraticCurveTo(handle, to);
 		},
 
-		arcTo: function(to, clockwise ) {
+		arcTo: function(to, clockwise) {
 			var current = getCurrentSegment(this),
-				from = current._point,
 				through;
-			if (clockwise === undefined)
-				clockwise = true;
-			if (typeof clockwise === 'boolean') {
-				to = Point.read(arguments, 0, 1);
-				var middle = from.add(to).divide(2),
-				through = middle.add(middle.subtract(from).rotate(
-						clockwise ? -90 : 90));
-			} else {
+			if (arguments[1] && typeof arguments[1] !== 'boolean') {
 				through = Point.read(arguments, 0, 1);
 				to = Point.read(arguments, 1, 1);
+			} else {
+				to = Point.read(arguments, 0, 1);
+				if (clockwise === undefined)
+					clockwise = true;
+				var middle = current._point.add(to).divide(2),
+					step = middle.subtract(current._point);
+				through = clockwise 
+						? middle.subtract(-step.y, step.x)
+						: middle.add(-step.y, step.x);
 			}
-			var l1 = new Line(from.add(through).divide(2),
-					through.subtract(from).rotate(90)),
-			 	l2 = new Line(through.add(to).divide(2),
-					to.subtract(through).rotate(90)),
-				center = l1.intersect(l2),
-				line = new Line(from, to, true),
-				throughSide = line.getSide(through);
-			if (!center) {
-				if (!throughSide)
-					return this.lineTo(to);
-				throw new Error("Cannot put an arc through the given points: "
-					+ [from, through, to]);
-			}
-			var vector = from.subtract(center),
-				radius = vector.getLength(),
-				extent = vector.getDirectedAngle(to.subtract(center)),
-				centerSide = line.getSide(center);
-			if (centerSide == 0) {
-				extent = throughSide * Math.abs(extent);
-			} else if (throughSide == centerSide) {
-				extent -= 360 * (extent < 0 ? -1 : 1);
-			}
+
+			var x1 = current._point._x, x2 = through.x, x3 = to.x,
+				y1 = current._point._y, y2 = through.y, y3 = to.y,
+
+				f = x3 * x3 - x3 * x2 - x1 * x3 + x1 * x2 + y3 * y3 - y3 * y2
+					- y1 * y3 + y1 * y2,
+				g = x3 * y1 - x3 * y2 + x1 * y2 - x1 * y3 + x2 * y3 - x2 * y1,
+				m = g == 0 ? 0 : f / g,
+				e = x1 * x2 + y1 * y2 - m * (x1 * y2 - y1 * x2),
+				cx = (x1 + x2 - m * (y2 - y1)) / 2,
+				cy = (y1 + y2 - m * (x1 - x2)) / 2,
+				radius = Math.sqrt(cx * cx + cy * cy - e),
+				angle = Math.atan2(y1 - cy, x1 - cx),
+				middle = Math.atan2(y2 - cy, x2 - cx),
+				extent = Math.atan2(y3 - cy, x3 - cx),
+				diff = middle - angle,
+				d90 = Math.PI, 
+				d180 = d90 * 2; 
+
+			if (diff < -d90)
+				diff += d180;
+			else if (diff > d90)
+				diff -= d180;
+
+			extent -= angle;
+			if (extent <= 0)
+				extent += d180;
+			if (diff < 0)
+				extent -= d180;
+
 			var ext = Math.abs(extent),
-				count =  ext >= 360 ? 4 : Math.ceil(ext / 90),
-				inc = extent / count,
-				half = inc * Math.PI / 360,
-				z = 4 / 3 * Math.sin(half) / (1 + Math.cos(half)),
+				arcSegs =  ext >= d180
+				 	? 4 : Math.ceil(ext * 2 / Math.PI),
+				inc = Math.min(Math.max(extent, -d180), d180) / arcSegs,
+				z = 4 / 3 * Math.sin(inc / 2) / (1 + Math.cos(inc / 2)),
 				segments = [];
-			for (var i = 0; i <= count; i++) {
-				var pt = i < count ? center.add(vector) : to;
-				var out = i < count ? vector.rotate(90).multiply(z) : null;
+			for (var i = 0; i <= arcSegs; i++) {
+				var relx = Math.cos(angle),
+					rely = Math.sin(angle);
+				var pt = new Point(
+					cx + relx * radius,
+					cy + rely * radius
+				);
+				var out = i == arcSegs
+					? null
+					: new Point(
+						cx + (relx - z * rely) * radius - pt.x,
+						cy + (rely + z * relx) * radius - pt.y
+					);
 				if (i == 0) {
 					current.setHandleOut(out);
 				} else {
-					segments.push(
-						new Segment(pt, vector.rotate(-90).multiply(z), out));
+					segments.push(new Segment(pt, new Point(
+						cx + (relx + z * rely) * radius - pt.x,
+						cy + (rely - z * relx) * radius - pt.y
+					), out));
 				}
-				vector = vector.rotate(inc);
+				angle += inc;
 			}
 			this._add(segments);
 		},
@@ -4376,13 +4395,16 @@ var Path = this.Path = PathItem.extend({
 	}
 
 	return {
+		beans: true,
+
 		getBounds: function() {
 			var useCache = arguments.length == 0;
 			if (!useCache || !this._bounds) {
-				var bounds = this._createBounds(getBounds(this, arguments[0]));
-				if (useCache)
-					this._bounds = bounds;
-				return bounds;
+				var bounds = getBounds(this, arguments[0]);
+				if (!useCache)
+					return bounds;
+				this._bounds = LinkedRectangle.create(this, 'setBounds',
+						bounds.x, bounds.y, bounds.width, bounds.height);
 			}
 			return this._bounds;
 		},
@@ -4433,7 +4455,7 @@ var Path = this.Path = PathItem.extend({
 						point = curve2.getPoint(0),
 						normal1 = curve1.getNormal(1).normalize(radius),
 						normal2 = curve2.getNormal(0).normalize(radius),
-						line1 = new Line(point.subtract(normal1),
+						line1 = new Line(point.add(normal1),
 								new Point(-normal1.y, normal1.x)),
 						line2 = new Line(point.subtract(normal2),
 								new Point(-normal2.y, normal2.x)),
@@ -4479,29 +4501,28 @@ var Path = this.Path = PathItem.extend({
 
 		getControlBounds: function() {
 		}
-
 	};
 });
 
 var CompoundPath = this.CompoundPath = PathItem.extend({
+
 	initialize: function(paths) {
 		this.base();
 		this._children = [];
-		this._namedChildren = {};
 		var items = !paths || !Array.isArray(paths)
 				|| typeof paths[0] !== 'object' ? arguments : paths;
 		for (var i = 0, l = items.length; i < l; i++) {
 			var path = items[i];
 			if (path._clockwise === undefined)
 				path.setClockwise(i < l - 1);
-			this.addChild(path);
+			this.appendTop(path);
 		}
 	},
 
 	simplify: function() {
 		if (this._children.length == 1) {
 			var child = this._children[0];
-			child.insertAbove(this);
+			child.moveAbove(this);
 			this.remove();
 			return child;
 		}
@@ -4540,9 +4561,10 @@ var CompoundPath = this.CompoundPath = PathItem.extend({
 	}
 
 	var fields = {
+
 		moveTo: function(point) {
 			var path = new Path();
-			this.addChild(path);
+			this.appendTop(path);
 			path.moveTo.apply(path, arguments);
 		},
 
@@ -4808,7 +4830,7 @@ var PathFitter = Base.extend({
 		for (var i = 0, l = segments.length; i < l; i++) {
 			var point = segments[i].point.clone();
 			if (!prev || !prev.equals(point)) {
-				this.points.push(point);
+				this.points[i] = point;
 				prev = point;
 			}
 		}
@@ -4987,10 +5009,49 @@ var PathFitter = Base.extend({
 	}
 });
 
+var ParagraphStyle = this.ParagraphStyle = Base.extend({
+
+	initialize: function(style) {
+		Base.initialize(this, style, {
+			justification: 'left'
+		});
+	},
+
+	statics: {
+		create: function(item) {
+			var style = new ParagraphStyle(ParagraphStyle.dont);
+			style._item = item;
+			return style;
+		}
+	}
+});
+
+var CharacterStyle = this.CharacterStyle = PathStyle.extend({
+
+	initialize: function(style) {
+		Base.initialize(this, style, {
+			fontSize: 10,
+			font: 'sans-serif'
+		});
+		this.base(style);
+	},
+
+	statics: {
+		create: function(item) {
+			var style = new CharacterStyle(CharacterStyle.dont);
+			style._item = item;
+			return style;
+		}
+	}
+});
+
 var TextItem = this.TextItem = Item.extend({
+
+	beans: true,
+
 	initialize: function() {
 		this.base();
-		this._content = '';
+		this.content = null;
 		this._characterStyle = CharacterStyle.create(this);
 		this.setCharacterStyle(this._project.getCurrentStyle());
 		this._paragraphStyle = ParagraphStyle.create(this);
@@ -4998,21 +5059,11 @@ var TextItem = this.TextItem = Item.extend({
 	},
 
 	_clone: function(copy) {
-		copy._content = this._content;
 		copy.setCharacterStyle(this._characterStyle);
 		copy.setParagraphStyle(this._paragraphStyle);
 		return this.base(copy);
 	},
 
-	getContent: function() {
-		return this._content;
-	},
-
-	setContent: function(content) {
-		this._changed(Change.CONTENT);
-		this._content = '' + content;
-	},
-
 	getCharacterStyle: function() {
 		return this._characterStyle;
 	},
@@ -5031,15 +5082,20 @@ var TextItem = this.TextItem = Item.extend({
 });
 
 var PointText = this.PointText = TextItem.extend({
+
+	beans: true,
+
 	initialize: function(point) {
 		this.base();
 		var point = Point.read(arguments);
+		this.content = '';
 		this._point = LinkedPoint.create(this, 'setPoint', point.x, point.y);
 		this._matrix = new Matrix().translate(point);
 	},
 
 	clone: function() {
 		var copy = this._clone(new PointText(this._point));
+		copy.content = this.content;
 		copy._matrix.initialize(this._matrix);
 		return copy;
 	},
@@ -5063,147 +5119,29 @@ var PointText = this.PointText = TextItem.extend({
 		matrix._transformPoint(this._point, this._point, true);
 	},
 	draw: function(ctx) {
-		if (!this._content)
+		if (this.content == null)
 			return;
 		ctx.save();
-		ctx.font = this.getFontSize() + 'pt ' + this.getFont();
-		ctx.textAlign = this.getJustification();
+		ctx.font = this._characterStyle.fontSize + 'pt ' +
+				this._characterStyle.font;
+		ctx.textAlign = this._paragraphStyle.justification;
 		this._matrix.applyToContext(ctx);
 		var fillColor = this.getFillColor();
 		var strokeColor = this.getStrokeColor();
 		if (!fillColor || !strokeColor)
-			ctx.globalAlpha = this._opacity;
+			ctx.globalAlpha = this.opacity;
 		if (fillColor) {
 			ctx.fillStyle = fillColor.getCanvasStyle(ctx);
-			ctx.fillText(this._content, 0, 0);
+			ctx.fillText(this.content, 0, 0);
 		}
 		if (strokeColor) {
 			ctx.strokeStyle = strokeColor.getCanvasStyle(ctx);
-			ctx.strokeText(this._content, 0, 0);
+			ctx.strokeText(this.content, 0, 0);
 		}
 		ctx.restore();
 	}
 });
 
-var Style = Item.extend({
-	initialize: function(style) {
-		var clone = style instanceof Style;
-		return Base.each(this._defaults, function(value, key) {
-			value = style && style[key] || value;
-			this[key] = value && clone && value.clone
-					? value.clone() : value;
-		}, this);
-	},
-
-	statics: {
-		create: function(item) {
-			var style = new this(this.dont);
-			style._item = item;
-			return style;
-		},
-
-		extend: function(src) {
-			var styleKey = src._style,
-				flags = src._flags || {};
-			src._owner.inject(Base.each(src._defaults, function(value, key) {
-				var isColor = !!key.match(/Color$/),
-					part = Base.capitalize(key),
-					set = 'set' + part,
-					get = 'get' + part;
-				src[set] = function(value) {
-					var children = this._item && this._item._children;
-					value = isColor ? Color.read(arguments) : value;
-					if (children) {
-						for (var i = 0, l = children.length; i < l; i++)
-							children[i][styleKey][set](value);
-					} else {
-						var old = this['_' + key];
-						if (old != value && !(old && old.equals
-									&& old.equals(value))) {
-							this['_' + key] = value;
-							if (isColor) {
-								if (old)
-									old._removeOwner(this._item);
-								if (value)
-									value._addOwner(this._item);
-							}
-							if (this._item)
-								this._item._changed(flags[key] || Change.STYLE);
-						}
-					}
-					return this;
-				};
-				src[get] = function() {
-					var children = this._item && this._item._children,
-						style;
-					if (!children)
-						return this['_' + key];
-					for (var i = 0, l = children.length; i < l; i++) {
-						var childStyle = children[i][styleKey][get]();
-						if (!style) {
-							style = childStyle;
-						} else if (style != childStyle && !(style
-								&& style.equals && style.equals(childStyle))) {
-							return undefined;
-						}
-					}
-					return style;
-				};
-				this[set] = function(value) {
-					this[styleKey][set](value);
-					return this;
-				};
-				this[get] = function() {
-					return this[styleKey][get]();
-				};
-			}, {}));
-			return this.base(src);
-		}
-	}
-});
-
-var PathStyle = this.PathStyle = Style.extend({
-	_defaults: {
-		fillColor: undefined,
-		strokeColor: undefined,
-		strokeWidth: 1,
-		strokeCap: 'butt',
-		strokeJoin: 'miter',
-		miterLimit: 10,
-		dashOffset: 0,
-		dashArray: []
-	},
-	_flags: {
-		strokeWidth: Change.STROKE,
-		strokeCap: Change.STROKE,
-		strokeJoin: Change.STROKE,
-		miterLimit: Change.STROKE
-	},
-	_owner: Item,
-	_style: '_style'
-
-});
-
-var ParagraphStyle = this.ParagraphStyle = Style.extend({
-	_defaults: {
-		justification: 'left'
-	},
-	_owner: TextItem,
-	_style: '_paragraphStyle'
-
-});
-
-var CharacterStyle = this.CharacterStyle = PathStyle.extend({
-	_defaults: Base.merge(PathStyle.prototype._defaults, {
-		fillColor: 'black',
-		fontSize: 10,
-		font: 'sans-serif'
-	}),
-	_owner: TextItem,
-	_style: '_characterStyle'
-
-});
-
 var Color = this.Color = Base.extend(new function() {
 	var components = {
 		gray: ['gray'],
@@ -5313,6 +5251,8 @@ var Color = this.Color = Base.extend(new function() {
 	};
 
 	var fields = {
+
+		beans: true,
 		_readNull: true,
 
 		initialize: function(arg) {
@@ -5391,7 +5331,7 @@ var Color = this.Color = Base.extend(new function() {
 							this[name] = isHue
 								? ((value % 360) + 360) % 360
 								: Math.min(Math.max(value, 0), 1);
-							this._changed();
+							this._cssString = null;
 							return this;
 						};
 					}, src);
@@ -5422,26 +5362,7 @@ var Color = this.Color = Base.extend(new function() {
 	return fields;
 }, {
 
-	_changed: function() {
-		this._cssString = null;
-		for (var i = 0, l = this._owners && this._owners.length; i < l; i++)
-			this._owners[i]._changed(Change.STYLE);
-	},
-
-	_addOwner: function(item) {
-		if (!this._owners)
-			this._owners = [];
-		this._owners.push(item);
-	},
-
-	_removeOwner: function(item) {
-		var index = this._owners ? this._owners.indexOf(item) : -1;
-		if (index != -1) {
-			this._owners.splice(index, 1);
-			if (this._owners.length == 0)
-				delete this._owners;
-		}
-	},
+	beans: true,
 
 	getType: function() {
 		return this._colorType;
@@ -5461,7 +5382,7 @@ var Color = this.Color = Base.extend(new function() {
 
 	setAlpha: function(alpha) {
 		this._alpha = alpha == null ? null : Math.min(Math.max(alpha, 0), 1);
-		this._changed();
+		this._cssString = null;
 		return this;
 	},
 
@@ -5532,6 +5453,8 @@ var HSBColor = this.HSBColor = Color.extend({
 
 var GradientColor = this.GradientColor = Color.extend({
 
+	beans: true,
+
 	initialize: function(gradient, origin, destination, hilite) {
 		this.gradient = gradient || new Gradient();
 		this.setOrigin(origin);
@@ -5554,7 +5477,6 @@ var GradientColor = this.GradientColor = Color.extend({
 		this._origin = origin;
 		if (this._destination)
 			this._radius = this._destination.getDistance(this._origin);
-		this._changed();
 		return this;
 	},
 
@@ -5566,7 +5488,6 @@ var GradientColor = this.GradientColor = Color.extend({
 		destination = Point.read(arguments).clone();
 		this._destination = destination;
 		this._radius = this._destination.getDistance(this._origin);
-		this._changed();
 		return this;
 	},
 
@@ -5583,7 +5504,6 @@ var GradientColor = this.GradientColor = Color.extend({
 		} else {
 			this._hilite = hilite;
 		}
-		this._changed();
 		return this;
 	},
 
@@ -5621,6 +5541,9 @@ var GradientColor = this.GradientColor = Color.extend({
 });
 
 var Gradient = this.Gradient = Base.extend({
+
+	beans: true,
+
 	initialize: function(stops, type) {
 		this.setStops(stops || ['white', 'black']);
 		this.type = type || 'linear';
@@ -5664,6 +5587,9 @@ var Gradient = this.Gradient = Base.extend({
 });
 
 var GradientStop = this.GradientStop = Base.extend({
+
+	beans: true,
+
 	initialize: function(arg0, arg1) {
 		if (arg1 === undefined && Array.isArray(arg0)) {
 			this.setColor(arg0[0]);
@@ -5706,80 +5632,49 @@ var GradientStop = this.GradientStop = Base.extend({
 });
 
 var DomElement = new function() {
-	function cumulateOffset(el, name, parent, test) {
+	function cumulate(el, name, parent, positioned) {
 		var left = name + 'Left',
 			top = name + 'Top',
 			x = 0,
-			y = 0,
-			style;
-		while (el && el.style && (!test || !test.test(
-					style = DomElement.getComputedStyle(el, 'position')))) {
+			y = 0;
+			while (el && (!positioned
+					|| !/^(relative|absolute)$/.test(el.style.position))) {
 			x += el[left] || 0;
 			y += el[top] || 0;
 			el = el[parent];
 		}
-		return {
-			offset: Point.create(x, y),
-			element: el,
-			style: style
-		};
-	}
-
-	function getScrollOffset(el, test) {
-		return cumulateOffset(el, 'scroll', 'parentNode', test).offset;
+		return Point.create(x, y);
 	}
 
 	return {
-		getOffset: function(el, positioned, viewport) {
-			var res = cumulateOffset(el, 'offset', 'offsetParent',
-					positioned ? /^(relative|absolute|fixed)$/ : /^fixed$/);
-			if (res.style == 'fixed' && !viewport)
-				return res.offset.add(getScrollOffset(res.element));
-			return viewport
-					? res.offset.subtract(getScrollOffset(el, /^fixed$/))
-					: res.offset;
+		getOffset: function(el, positioned, scroll) {
+			var point = cumulate(el, 'offset', 'offsetParent', positioned);
+			return scroll
+				? point.subtract(cumulate(el, 'scroll', 'parentNode'))
+				: point;
 		},
 
 		getSize: function(el) {
 			return Size.create(el.offsetWidth, el.offsetHeight);
 		},
 
-		getBounds: function(el, positioned, viewport) {
-			return new Rectangle(this.getOffset(el, positioned, viewport),
-					this.getSize(el));
+		getBounds: function(el, positioned, scroll) {
+			return new Rectangle(DomElement.getOffset(el, positioned, scroll),
+					DomElement.getSize(el));
 		},
 
-		isInvisible: function(el) {
-			return this.getSize(el).equals([0, 0]);
-		},
-
-		isVisible: function(el) {
-			return !this.isInvisible(el)
-					&& new Rectangle([0, 0], this.getViewportSize(el))
-						.intersects(this.getBounds(el, false, true));
-		},
-
-		getViewport: function(doc) {
-			return doc.defaultView || doc.parentWindow;
-		},
-
-		getViewportSize: function(el) {
-			var doc = el.ownerDocument,
-				view = this.getViewport(doc),
-				body = doc.getElementsByTagName(
-					doc.compatMode === 'CSS1Compat' ? 'html' : 'body')[0];
+		getWindowSize: function() {
+			var doc = document.getElementsByTagName(
+					document.compatMode === 'CSS1Compat' ? 'html' : 'body')[0];
 			return Size.create(
-				view.innerWidth || body.clientWidth,
-				view.innerHeight || body.clientHeight
+				window.innerWidth || doc.clientWidth,
+				window.innerHeight || doc.clientHeight
 			);
 		},
 
-		getComputedStyle: function(el, name) {
-			if (el.currentStyle)
-				return el.currentStyle[Base.camelize(name)];
-			var style = this.getViewport(el.ownerDocument)
-					.getComputedStyle(el, null);
-			return style ? style.getPropertyValue(Base.hyphenate(name)) : null;
+		isVisible: function(el) {
+			return new Rectangle([0, 0], DomElement.getWindowSize())
+					.intersects(DomElement.getBounds(el, false, true));
 		}
 	};
 };
@@ -5821,13 +5716,13 @@ var DomEvent = {
 		);
 	},
 
-	getTarget: function(event) {
+	getElement: function(event) {
 		return event.target || event.srcElement;
 	},
 
-	getOffset: function(event, target) {
+	getOffset: function(event) {
 		return DomEvent.getPoint(event).subtract(
-				DomElement.getOffset(target || DomEvent.getTarget(event), true));
+				DomElement.getOffset(DomEvent.getElement(event), true));
 	},
 
 	preventDefault: function(event) {
@@ -5844,12 +5739,7 @@ var DomEvent = {
 		} else {
 			event.cancelBubble = true;
 		}
-	},
-
-	stop: function(event) {
-		DomEvent.stopPropagation(event);
-		DomEvent.preventDefault(event);
-	},
+	}
 };
 
 DomEvent.requestAnimationFrame = new function() {
@@ -5887,8 +5777,8 @@ DomEvent.requestAnimationFrame = new function() {
 					var entry = callbacks[i],
 						func = entry[0],
 						element = entry[1];
-					if (!element || (element.getAttribute('keepalive') == 'true'
-							|| focused) && DomElement.isVisible(element)) {
+					if (!element || element.getAttribute('keepalive') == 'true'
+							|| focused && DomElement.isVisible(element)) {
 						callbacks.splice(i, 1);
 						func(Date.now());
 					}
@@ -5899,42 +5789,41 @@ DomEvent.requestAnimationFrame = new function() {
 };
 
 var View = this.View = Base.extend({
+
+	beans: true,
+
 	initialize: function(canvas) {
 		this._scope = paper;
 		this._index = this._scope.views.push(this) - 1;
 		var size;
 		if (canvas && canvas instanceof HTMLCanvasElement) {
 			this._canvas = canvas;
+			var offset = DomElement.getOffset(canvas);
 			if (canvas.attributes.resize) {
-				var offset = DomElement.getOffset(canvas, false, true),
-					that = this;
-				size = DomElement.getViewportSize(canvas).subtract(offset);
+				size = DomElement.getWindowSize().subtract(offset);
 				canvas.width = size.width;
 				canvas.height = size.height;
+				var that = this;
 				DomEvent.add(window, {
 					resize: function(event) {
-						if (!DomElement.isInvisible(canvas))
-							offset = DomElement.getOffset(canvas, false, true);
-						that.setViewSize(DomElement.getViewportSize(canvas)
-								.subtract(offset));
+						if (!DomElement.getSize(canvas).equals([0, 0]))
+							offset = DomElement.getOffset(canvas);
+						that.setViewSize(
+								DomElement.getWindowSize().subtract(offset));
 						if (that._onFrameCallback) {
 							that._onFrameCallback(0, true);
 						} else {
-							that.draw(true);
+							that.draw();
 						}
 					}
 				});
 			} else {
-				size = DomElement.isInvisible(canvas)
-					? Size.create(parseInt(canvas.getAttribute('width')),
-							parseInt(canvas.getAttribute('height')))
-					: DomElement.getSize(canvas);
+				size = Size.create(canvas.offsetWidth, canvas.offsetHeight);
 			}
 			if (canvas.attributes.stats) {
 				this._stats = new Stats();
 				var element = this._stats.domElement,
-					style = element.style,
-					offset = DomElement.getOffset(canvas);
+					style = element.style;
 				style.position = 'absolute';
 				style.left = offset.x + 'px';
 				style.top = offset.y + 'px';
@@ -5946,33 +5835,29 @@ var View = this.View = Base.extend({
 				size = new Size(1024, 768);
 			this._canvas = CanvasProvider.getCanvas(size);
 		}
-		this._id = this._canvas.getAttribute('id');
-		if (this._id == null)
-			this._canvas.setAttribute('id', this._id = 'canvas-' + View._id++);
-		View._views[this._id] = this;
-		this._viewSize = LinkedSize.create(this, 'setViewSize',
-				size.width, size.height);
+		this._viewBounds = LinkedRectangle.create(this, 'setViewBounds',
+				0, 0, size.width, size.height);
 		this._context = this._canvas.getContext('2d');
 		this._matrix = new Matrix();
 		this._zoom = 1;
 		this._events = this._createEvents();
 		DomEvent.add(this._canvas, this._events);
-		if (!View._focused)
-			View._focused = this;
-		this._scope._redrawNotified = false;
+		if (!View.focused)
+			View.focused = this;
 	},
 
 	getCanvas: function() {
 		return this._canvas;
 	},
 
-	getViewSize: function() {
-		return this._viewSize;
+	getViewBounds: function() {
+		return this._viewBounds;
 	},
 
-	setViewSize: function(size) {
-		size = Size.read(arguments);
-		var delta = size.subtract(this._viewSize);
+	setViewBounds: function(bounds) {
+		bounds = Rectangle.read(arguments);
+		var size = bounds.getSize(),
+			delta = size.subtract(this._viewBounds.getSize());
 		this._canvas.width = size.width;
 		this._canvas.height = size.height;
 		if (this.onResize) {
@@ -5981,14 +5866,20 @@ var View = this.View = Base.extend({
 				delta: delta
 			});
 		}
-		this._viewSize.set(size.width, size.height, true);
 		this._bounds = null;
 	},
 
+	getViewSize: function() {
+		return this._viewBounds.getSize();
+	},
+
+	setViewSize: function(size) {
+		this._viewBounds.setSize.apply(this._viewBounds, arguments);
+	},
+
 	getBounds: function() {
 		if (!this._bounds)
-			this._bounds = this._matrix._transformBounds(
-					new Rectangle(new Point(), this._viewSize));
+			this._bounds = this._matrix._transformBounds(this._viewBounds);
 		return this._bounds;
 	},
 
@@ -6013,10 +5904,6 @@ var View = this.View = Base.extend({
 		this._zoom = zoom;
 	},
 
-	isVisible: function() {
-		return DomElement.isVisible(this._canvas);
-	},
-
 	scrollBy: function(point) {
 		this._transform(new Matrix().translate(Point.read(arguments).negate()));
 	},
@@ -6027,24 +5914,18 @@ var View = this.View = Base.extend({
 		this._inverse = null;
 	},
 
-	draw: function(checkRedraw) {
-		if (checkRedraw && !this._redrawNeeded)
-			return false;
+	draw: function() {
 		if (this._stats)
 			this._stats.update();
-		var ctx = this._context,
-			size = this._viewSize;
-		ctx.clearRect(0, 0, size._width + 1, size._height + 1);
+		var ctx =this._context,
+			bounds = this._viewBounds;
+		ctx.clearRect(bounds._x, bounds._y,
+				bounds._width + 1, bounds._height + 1);
 
 		ctx.save();
 		this._matrix.applyToContext(ctx);
 		this._scope.project.draw(ctx);
 		ctx.restore();
-		if (this._redrawNeeded) {
-			this._redrawNeeded = false;
-			this._scope._redrawNotified = false;
-		}
-		return true;
 	},
 
 	activate: function() {
@@ -6052,22 +5933,17 @@ var View = this.View = Base.extend({
 	},
 
 	remove: function() {
-		if (this._index == null)
-			return false;
-		if (View._focused == this)
-			View._focused = null;
-		delete View._views[this._id];
-		Base.splice(this._scope.views, null, this._index, 1);
+		var res = Base.splice(this._scope.views, null, this._index, 1);
 		DomEvent.remove(this._canvas, this._events);
 		this._scope = this._canvas = this._events = this._onFrame = null;
-		return true;
+		return !!res.length;
 	},
 
-	projectToView: function(point) {
+	artworkToView: function(point) {
 		return this._matrix._transformPoint(Point.read(arguments));
 	},
 
-	viewToProject: function(point) {
+	viewToArtwork: function(point) {
 		return this._getInverse()._transformPoint(Point.read(arguments));
 	},
 
@@ -6110,133 +5986,86 @@ var View = this.View = Base.extend({
 				count: count++
 			});
 			before = now;
-			that.draw(true);
+			that.draw();
 		};
 		if (!requested)
 			this._onFrameCallback();
 	},
 
-	onResize: null
-}, new function() { 
-	var tool,
-		timer,
-		curPoint,
-		tempFocus,
-		dragging = false;
+	onResize: null,
 
-	function viewToProject(view, event) {
-		return view.viewToProject(DomEvent.getOffset(event, view._canvas));
-	}
+	_createEvents: function() {
+		var that = this,
+			tool,
+			timer,
+			curPoint,
+			dragging = false;
 
-	function updateFocus() {
-		if (!View._focused || !View._focused.isVisible()) {
-			PaperScope.each(function(scope) {
-				for (var i = 0, l = scope.views.length; i < l; i++) {
-					var view = scope.views[i];
-					if (view.isVisible()) {
-						View._focused = tempFocus = view;
-						throw Base.stop;
-					}
-				}
-			});
+		function viewToArtwork(event) {
+			return that.viewToArtwork(DomEvent.getOffset(event));
 		}
-	}
 
-	function mousemove(event) {
-		var view;
-		if (!dragging) {
-		 	view = View._views[DomEvent.getTarget(event).getAttribute('id')];
-			if (view) {
-				View._focused = tempFocus = view;
-			} else if (tempFocus && tempFocus == View._focused) {
-				View._focused = null;
-				updateFocus();
+		function mousedown(event) {
+			View.focused = that;
+			if (!(tool = that._scope.tool))
+				return;
+			curPoint = viewToArtwork(event);
+			tool.onHandleEvent('mousedown', curPoint, event);
+			if (tool.onMouseDown)
+				that.draw();
+			if (tool.eventInterval != null)
+				timer = setInterval(mousemove, tool.eventInterval);
+			dragging = true;
+		}
+
+		function mousemove(event) {
+			if (!(tool = that._scope.tool))
+				return;
+			if (event && event.targetTouches)
+				DomEvent.preventDefault(event);
+			var point = event && viewToArtwork(event);
+			var onlyMove = !!(!tool.onMouseDrag && tool.onMouseMove);
+			if (dragging && !onlyMove) {
+				curPoint = point || curPoint;
+				if (curPoint)
+					tool.onHandleEvent('mousedrag', curPoint, event);
+				if (tool.onMouseDrag)
+					that.draw();
+			} else if (!dragging || onlyMove) {
+				tool.onHandleEvent('mousemove', point, event);
+				if (tool.onMouseMove)
+					that.draw();
 			}
 		}
-		if (!(view = view || View._focused) || !(tool = view._scope.tool))
-			return;
-		var point = event && viewToProject(view, event);
-		var onlyMove = !!(!tool.onMouseDrag && tool.onMouseMove);
-		if (dragging && !onlyMove) {
-			curPoint = point || curPoint;
-			if (curPoint && tool.onHandleEvent('mousedrag', curPoint, event)) {
-				view.draw(true);
-				DomEvent.stop(event);
-			}
-		} else if ((!dragging || onlyMove)
-				&& tool.onHandleEvent('mousemove', point, event)) {
-			view.draw(true);
-			DomEvent.stop(event);
-		}
-	}
 
-	function mouseup(event) {
-		var view = View._focused;
-		if (!view || !dragging)
-			return;
-		dragging = false;
-		curPoint = null;
-		if (tool) {
-			if (timer != null)
-				timer = clearInterval(timer);
-			if (tool.onHandleEvent('mouseup', viewToProject(view, event), event)) {
-				view.draw(true);
-				DomEvent.stop(event);
-			}
-		}
-	}
-
-	function selectstart(event) {
-		if (dragging)
-			DomEvent.stop(event);
-	}
-
-	DomEvent.add(document, {
-		mousemove: mousemove,
-		mouseup: mouseup,
-		touchmove: mousemove,
-		touchend: mouseup,
-		selectstart: selectstart,
-		scroll: updateFocus
-	});
-
-	DomEvent.add(window, {
-		load: updateFocus
-	});
-
-	return {
-		_createEvents: function() {
-			var view = this;
-
-			function mousedown(event) {
-				View._focused = view;
-				if (!(tool = view._scope.tool))
-					return;
-				curPoint = viewToProject(view, event);
-				if (tool.onHandleEvent('mousedown', curPoint, event))
-					view.draw(true);
+		function mouseup(event) {
+			if (!dragging)
+				return;
+			dragging = false;
+			curPoint = null;
+			if (tool) {
 				if (tool.eventInterval != null)
-					timer = setInterval(mousemove, tool.eventInterval);
-				dragging = true;
+					timer = clearInterval(timer);
+				tool.onHandleEvent('mouseup', viewToArtwork(event), event);
+				if (tool.onMouseUp)
+					that.draw();
 			}
-
-			return {
-				mousedown: mousedown,
-				touchstart: mousedown,
-				selectstart: selectstart
-			};
-		},
-
-		statics: {
-			_views: {},
-			_id: 0,
-
-			updateFocus: updateFocus
 		}
-	};
+
+		return {
+			mousedown: mousedown,
+			mousemove: mousemove,
+			mouseup: mouseup,
+			touchstart: mousedown,
+			touchmove: mousemove,
+			touchend: mouseup
+		};
+	}
 });
 
 var Event = this.Event = Base.extend({
+	beans: true,
+
 	initialize: function(event) {
 		this.event = event;
 	},
@@ -6250,7 +6079,8 @@ var Event = this.Event = Base.extend({
 	},
 
 	stop: function() {
-		DomEvent.stop(this.event);
+		this.stopPropagation();
+		this.preventDefault();
 	},
 
 	getModifiers: function() {
@@ -6260,6 +6090,9 @@ var Event = this.Event = Base.extend({
 
 var KeyEvent = this.KeyEvent = Event.extend(new function() {
 	return {
+
+		beans: true,
+
 		initialize: function(down, key, character, event) {
 			this.base(event);
 			this.type = down ? 'keydown' : 'keyup';
@@ -6319,16 +6152,13 @@ var Key = this.Key = new function() {
 		var character = String.fromCharCode(charCode),
 			key = keys[keyCode] || character.toLowerCase(),
 			handler = down ? 'onKeyDown' : 'onKeyUp',
-			view = View._focused,
-			scope = view && view.isVisible() && view._scope,
+			scope = View.focused && View.focused._scope,
 			tool = scope && scope.tool;
 		keyMap[key] = down;
 		if (tool && tool[handler]) {
 			var keyEvent = new KeyEvent(down, key, character, event);
 			if (tool[handler](keyEvent) === false)
 				keyEvent.preventDefault();
-			if (view)
-				view.draw(true);
 		}
 	}
 
@@ -6370,6 +6200,7 @@ var Key = this.Key = new function() {
 	});
 
 	return {
+
 		modifiers: modifiers,
 
 		isDown: function(key) {
@@ -6378,7 +6209,10 @@ var Key = this.Key = new function() {
 	};
 };
 
-var ToolEvent = this.ToolEvent = Event.extend({
+var ToolEvent = this.ToolEvent = Base.extend({
+
+	beans: true,
+
 	initialize: function(tool, type, event) {
 		this.tool = tool;
 		this.type = type;
@@ -6445,6 +6279,10 @@ var ToolEvent = this.ToolEvent = Event.extend({
 			= count;
 	},
 
+	getModifiers: function() {
+		return Key.modifiers;
+	},
+
 	toString: function() {
 		return '{ type: ' + this.type 
 				+ ', point: ' + this.getPoint()
@@ -6455,6 +6293,9 @@ var ToolEvent = this.ToolEvent = Event.extend({
 });
 
 var Tool = this.Tool = Base.extend({
+
+	beans: true,
+
 	initialize: function(handlers, scope) {
 		this._scope = scope;
 		this._firstMove = true;
@@ -6539,24 +6380,19 @@ var Tool = this.Tool = Base.extend({
 
 	onHandleEvent: function(type, pt, event) {
 		paper = this._scope;
-		var called = false;
 		switch (type) {
 		case 'mousedown':
 			this.updateEvent(type, pt, null, null, true, false, false);
-			if (this.onMouseDown) {
+			if (this.onMouseDown)
 				this.onMouseDown(new ToolEvent(this, type, event));
-				called = true;
-			}
 			break;
 		case 'mousedrag':
 			var needsChange = false,
 				matchMaxDistance = false;
 			while (this.updateEvent(type, pt, this.minDistance,
 					this.maxDistance, false, needsChange, matchMaxDistance)) {
-				if (this.onMouseDrag) {
+				if (this.onMouseDrag)
 					this.onMouseDrag(new ToolEvent(this, type, event));
-					called = true;
-				}
 				needsChange = true;
 				matchMaxDistance = true;
 			}
@@ -6565,32 +6401,25 @@ var Tool = this.Tool = Base.extend({
 			if ((this._point.x != pt.x || this._point.y != pt.y)
 					&& this.updateEvent('mousedrag', pt, this.minDistance,
 							this.maxDistance, false, false, false)) {
-				if (this.onMouseDrag) {
+				if (this.onMouseDrag)
 					this.onMouseDrag(new ToolEvent(this, type, event));
-					called = true;
-				}
 			}
 			this.updateEvent(type, pt, null, this.maxDistance, false,
 					false, false);
-			if (this.onMouseUp) {
+			if (this.onMouseUp)
 				this.onMouseUp(new ToolEvent(this, type, event));
-				called = true;
-			}
 			this.updateEvent(type, pt, null, null, true, false, false);
 			this._firstMove = true;
 			break;
 		case 'mousemove':
 			while (this.updateEvent(type, pt, this.minDistance,
 					this.maxDistance, this._firstMove, true, false)) {
-				if (this.onMouseMove) {
+				if (this.onMouseMove)
 					this.onMouseMove(new ToolEvent(this, type, event));
-					called = true;
-				}
 				this._firstMove = false;
 			}
 			break;
 		}
-		return called;
 	}
 });
 
@@ -6906,7 +6735,7 @@ var BlendMode = {
 };
 
 var PaperScript = this.PaperScript = new function() {
-var parse_js=new function(){function S(a,b,c){var d=[];for(var e=0;e<a.length;++e)d.push(b.call(c,a[e],e));return d}function R(a,b){return Object.prototype.hasOwnProperty.call(a,b)}function Q(c){return/^[a-z_$][a-z0-9_$]*$/i.test(c)&&c!="this"&&!R(d,c)&&!R(b,c)&&!R(a,c)}function P(a,b){var c={};a===!0&&(a={});for(var d in b)R(b,d)&&(c[d]=a&&R(a,d)?a[d]:b[d]);return c}function O(a,b){for(var c=b.length;--c>=0;)if(b[c]===a)return!0;return!1}function N(a){return a.split("")}function M(a,b){return Array.prototype.slice.call(a,b||0)}function L(a){var b={};for(var c=0;c<a.length;++c)b[a[c]]=!0;return b}function K(a){a instanceof Function&&(a=a());for(var b=1,c=arguments.length;--c>0;++b)arguments[b]();return a}function J(a){var b=M(arguments,1);return function(){return a.apply(this,b.concat(M(arguments)))}}function I(a,b){function y(a){var b=a[0],c=p[b];if(!c)throw new Error("Can't find generator for \""+b+'"');x.push(a);var d=c.apply(b,a.slice(1));x.pop();return d}function w(a){var b=a[0],c=a[1];c!=null&&(b=h([b,"=",y(c)]));return b}function v(a){if(!a)return";";if(a.length==0)return"{}";return"{"+d+g(function(){return t(a).join(d)})+d+f("}")}function u(a){var c=a.length;if(c==0)return"{}";return"{"+d+S(a,function(a,e){var i=a[1].length>0,j=g(function(){return f(a[0]?h(["case",y(a[0])+":"]):"default:")},.5)+(i?d+g(function(){return t(a[1]).join(d)}):"");!b&&i&&e<c-1&&(j+=";");return j}).join(d)+d+f("}")}function t(a){for(var c=[],d=a.length-1,e=0;e<=d;++e){var g=a[e],h=y(g);h!=";"&&(!b&&e==d&&(g[0]=="while"&&F(g[2])||O(g[0],["for","for-in"])&&F(g[4])||g[0]=="if"&&F(g[2])&&!g[3]||g[0]=="if"&&g[3]&&F(g[3])?h=h.replace(/;*\s*$/,";"):h=h.replace(/;+\s*$/,"")),c.push(h))}return S(c,f)}function s(a){return a.toString()}function r(a,b,c,d){var e=d||"function";a&&(e+=" "+s(a)),e+="("+j(S(b,s))+")";return h([e,v(c)])}function q(a){if(a[0]=="do")return y(["block",[a]]);var b=a;for(;;){var c=b[0];if(c=="if"){if(!b[3])return y(["block",[a]]);b=b[3]}else if(c=="while"||c=="do")b=b[2];else if(c=="for"||c=="for-in")b=b[4];else break}return y(a)}function o(a){var b=a.toString(10),c=[b.replace(/^0\./,".")],d;Math.floor(a)===a?(c.push("0x"+a.toString(16).toLowerCase(),"0"+a.toString(8)),(d=/^(.*?)(0+)$/.exec(a))&&c.push(d[1]+"e"+d[2].length)):(d=/^0?\.(0+)(.*)$/.exec(a))&&c.push(d[2]+"e-"+(d[1].length+d[2].length),b.substr(b.indexOf(".")));return l(c)}function m(a){if(a[0]=="function"){var b=M(x),c=b.pop(),d=b.pop();while(d){if(d[0]=="stat")return!0;if(d[0]=="seq"&&d[1]===c||d[0]=="call"&&d[1]===c||d[0]=="binary"&&d[2]===c)c=d,d=b.pop();else return!1}}return!R(G,a[0])}function l(a){if(a.length==1)return a[0];if(a.length==2){var b=a[1];a=a[0];return a.length<=b.length?a:b}return l([a[0],l(a.slice(1))])}function k(a){var b=y(a);for(var c=1;c<arguments.length;++c){var d=arguments[c];if(d instanceof Function&&d(a)||a[0]==d)return"("+b+")"}return b}function j(a){return a.join(","+e)}function h(a){if(b)return a.join(" ");var c=[];for(var d=0;d<a.length;++d){var e=a[d+1];c.push(a[d]),e&&(/[a-z0-9_\x24]$/i.test(a[d].toString())&&/^[a-z0-9_\x24]/i.test(e.toString())||/[\+\-]$/.test(a[d].toString())&&/^[\+\-]/.test(e.toString()))&&c.push(" ")}return c.join("")}function g(a,b){b==null&&(b=1),c+=b;try{return a.apply(null,M(arguments,1))}finally{c-=b}}function f(a){a==null&&(a=""),b&&(a=Array(b.indent_start+c*b.indent_level).join(" ")+a);return a}b&&(b=P(b,{indent_start:0,indent_level:4,quote_keys:!1,space_colon:!1}));var c=0,d=b?"\n":"",e=b?" ":"",p={string:H,num:o,name:s,toplevel:function(a){return t(a).join(d+d)},block:v,"var":function(a){return"var "+j(S(a,w))+";"},"const":function(a){return"const "+j(S(a,w))+";"},"try":function(a,b,c){var d=["try",v(a)];b&&d.push("catch","("+b[0]+")",v(b[1])),c&&d.push("finally",v(c));return h(d)},"throw":function(a){return h(["throw",y(a)])+";"},"new":function(a,b){b=b.length>0?"("+j(S(b,y))+")":"";return h(["new",k(a,"seq","binary","conditional","assign",function(a){var b=E(),c={};try{b.with_walkers({call:function(){throw c},"function":function(){return this}},function(){b.walk(a)})}catch(d){if(d===c)return!0;throw d}})+b])},"switch":function(a,b){return h(["switch","("+y(a)+")",u(b)])},"break":function(a){var b="break";a!=null&&(b+=" "+s(a));return b+";"},"continue":function(a){var b="continue";a!=null&&(b+=" "+s(a));return b+";"},conditional:function(a,b,c){return h([k(a,"assign","seq","conditional"),"?",k(b,"seq"),":",k(c,"seq")])},assign:function(a,b,c){a&&a!==!0?a+="=":a="=";return h([y(b),a,k(c,"seq")])},dot:function(a){var b=y(a),c=1;a[0]=="num"?b+=".":m(a)&&(b="("+b+")");while(c<arguments.length)b+="."+s(arguments[c++]);return b},call:function(a,b){var c=y(a);m(a)&&(c="("+c+")");return c+"("+j(S(b,function(a){return k(a,"seq")}))+")"},"function":r,defun:r,"if":function(a,b,c){var d=["if","("+y(a)+")",c?q(b):y(b)];c&&d.push("else",y(c));return h(d)},"for":function(a,b,c,d){var f=["for"];a=(a!=null?y(a):"").replace(/;*\s*$/,";"+e),b=(b!=null?y(b):"").replace(/;*\s*$/,";"+e),c=(c!=null?y(c):"").replace(/;*\s*$/,"");var g=a+b+c;g=="; ; "&&(g=";;"),f.push("("+g+")",y(d));return h(f)},"for-in":function(a,b,c,d){var e=h(["for","("]);a&&(e+="var "),e+=h([s(b)+" in "+y(c)+")",y(d)]);return e},"while":function(a,b){return h(["while","("+y(a)+")",y(b)])},"do":function(a,b){return h(["do",y(b),"while","("+y(a)+")"])+";"},"return":function(a){var b=["return"];a!=null&&b.push(y(a));return h(b)+";"},binary:function(a,b,c){var d=y(b),e=y(c);if(O(b[0],["assign","conditional","seq"])||b[0]=="binary"&&z[a]>z[b[1]])d="("+d+")";if(O(c[0],["assign","conditional","seq"])||c[0]=="binary"&&z[a]>=z[c[1]]&&(c[1]!=a||!O(a,["&&","||","*"])))e="("+e+")";return h([d,a,e])},"unary-prefix":function(a,b){var c=y(b);b[0]=="num"||b[0]=="unary-prefix"&&!R(i,a+b[1])||!m(b)||(c="("+c+")");return a+(n(a.charAt(0))?" ":"")+c},"unary-postfix":function(a,b){var c=y(b);b[0]=="num"||b[0]=="unary-postfix"&&!R(i,a+b[1])||!m(b)||(c="("+c+")");return c+a},sub:function(a,b){var c=y(a);m(a)&&(c="("+c+")");return c+"["+y(b)+"]"},object:function(a){if(a.length==0)return"{}";return"{"+d+g(function(){return S(a,function(a){if(a.length==3)return f(r(a[0],a[1][2],a[1][3],a[2]));var c=a[0],d=y(a[1]);b&&b.quote_keys?c=H(c):(typeof c=="number"||!b&&+c+""==c)&&parseFloat(c)>=0?c=o(+c):Q(c)||(c=H(c));return f(h(b&&b.space_colon?[c,":",d]:[c+":",d]))}).join(","+d)})+d+f("}")},regexp:function(a,b){return"/"+a+"/"+b},array:function(a){if(a.length==0)return"[]";return h(["[",j(S(a,function(a){if(!b&&a[0]=="atom"&&a[1]=="undefined")return"";return k(a,"seq")})),"]"])},stat:function(a){return y(a).replace(/;*\s*$/,";")},seq:function(){return j(S(M(arguments),y))},label:function(a,b){return h([s(a),":",y(b)])},"with":function(a,b){return h(["with","("+y(a)+")",y(b)])},atom:function(a){return s(a)}},x=[];return y(a)}function H(a){var b=0,c=0;a=a.replace(/[\\\b\f\n\r\t\x22\x27]/g,function(a){switch(a){case"\\":return"\\\\";case"\b":return"\\b";case"\f":return"\\f";case"\n":return"\\n";case"\r":return"\\r";case"\t":return"\\t";case'"':++b;return'"';case"'":++c;return"'"}return a});return b>c?"'"+a.replace(/\x27/g,"\\'")+"'":'"'+a.replace(/\x22/g,'\\"')+'"'}function F(a){return!a||a[0]=="block"&&(!a[1]||a[1].length==0)}function E(){function f(a,b){var d={},e;for(e in a)R(a,e)&&(d[e]=c[e],c[e]=a[e]);var f=b();for(e in d)R(d,e)&&(d[e]?c[e]=d[e]:delete c[e]);return f}function e(a){if(a==null)return null;try{d.push(a);var e=a[0],f=c[e];if(f){var g=f.apply(a,a.slice(1));if(g!=null)return g}f=b[e];return f.apply(a,a.slice(1))}finally{d.pop()}}function a(a){return[this[0],S(a,function(a){var b=[a[0]];a.length>1&&(b[1]=e(a[1]));return b})]}var b={string:function(a){return[this[0],a]},num:function(a){return[this[0],a]},name:function(a){return[this[0],a]},toplevel:function(a){return[this[0],S(a,e)]},block:function(a){var b=[this[0]];a!=null&&b.push(S(a,e));return b},"var":a,"const":a,"try":function(a,b,c){return[this[0],S(a,e),b!=null?[b[0],S(b[1],e)]:null,c!=null?S(c,e):null]},"throw":function(a){return[this[0],e(a)]},"new":function(a,b){return[this[0],e(a),S(b,e)]},"switch":function(a,b){return[this[0],e(a),S(b,function(a){return[a[0]?e(a[0]):null,S(a[1],e)]})]},"break":function(a){return[this[0],a]},"continue":function(a){return[this[0],a]},conditional:function(a,b,c){return[this[0],e(a),e(b),e(c)]},assign:function(a,b,c){return[this[0],a,e(b),e(c)]},dot:function(a){return[this[0],e(a)].concat(M(arguments,1))},call:function(a,b){return[this[0],e(a),S(b,e)]},"function":function(a,b,c){return[this[0],a,b.slice(),S(c,e)]},defun:function(a,b,c){return[this[0],a,b.slice(),S(c,e)]},"if":function(a,b,c){return[this[0],e(a),e(b),e(c)]},"for":function(a,b,c,d){return[this[0],e(a),e(b),e(c),e(d)]},"for-in":function(a,b,c,d){return[this[0],a,b,e(c),e(d)]},"while":function(a,b){return[this[0],e(a),e(b)]},"do":function(a,b){return[this[0],e(a),e(b)]},"return":function(a){return[this[0],e(a)]},binary:function(a,b,c){return[this[0],a,e(b),e(c)]},"unary-prefix":function(a,b){return[this[0],a,e(b)]},"unary-postfix":function(a,b){return[this[0],a,e(b)]},sub:function(a,b){return[this[0],e(a),e(b)]},object:function(a){return[this[0],S(a,function(a){return a.length==2?[a[0],e(a[1])]:[a[0],e(a[1]),a[2]]})]},regexp:function(a,b){return[this[0],a,b]},array:function(a){return[this[0],S(a,e)]},stat:function(a){return[this[0],e(a)]},seq:function(){return[this[0]].concat(S(M(arguments),e))},label:function(a,b){return[this[0],a,e(b)]},"with":function(a,b){return[this[0],e(a),e(b)]},atom:function(a){return[this[0],a]}},c={},d=[];return{walk:e,with_walkers:f,parent:function(){return d[d.length-2]},stack:function(){return d}}}function D(a,b,c){function bj(a){try{++d.in_loop;return a()}finally{--d.in_loop}}function bi(a){arguments.length==0&&(a=!0);var b=bh();if(a&&e("punc",",")){g();return p("seq",b,bi())}return b}function bh(){var a=bf(),b=d.token.value;if(e("operator")&&R(y,b)){if(bg(a)){g();return p("assign",y[b],a,bh())}i("Invalid assignment")}return a}function bg(a){switch(a[0]){case"dot":case"sub":return!0;case"name":return a[1]!="this"}}function bf(){var a=be();if(e("operator","?")){g();var b=bi(!1);m(":");return p("conditional",a,b,bi(!1))}return a}function be(){return bd(X(!0),0)}function bd(a,b){var c=e("operator")?d.token.value:null,f=c!=null?z[c]:null;if(f!=null&&f>b){g();var h=bd(X(!0),f);return bd(p("binary",c,a,h),b)}return a}function bc(a,b,c){(b=="++"||b=="--")&&!bg(c)&&i("Invalid use of "+b+" operator");return p(a,b,c)}function bb(a,b){if(e("punc",".")){g();return bb(p("dot",a,ba()),b)}if(e("punc","[")){g();return bb(p("sub",a,K(bi,J(m,"]"))),b)}if(b&&e("punc","(")){g();return bb(p("call",a,Y(")")),!0)}if(b&&e("operator")&&R(x,d.token.value))return K(J(bc,"unary-postfix",d.token.value,a),g);return a}function ba(){switch(d.token.type){case"name":case"operator":case"keyword":case"atom":return K(d.token.value,g);default:k()}}function _(){switch(d.token.type){case"num":case"string":return K(d.token.value,g)}return ba()}function $(){var a=!0,c=[];while(!e("punc","}")){a?a=!1:m(",");if(!b&&e("punc","}"))break;var f=d.token.type,h=_();f!="name"||h!="get"&&h!="set"||!!e("punc",":")?(m(":"),c.push([h,bi(!1)])):c.push([ba(),I(!1),h])}g();return p("object",c)}function Z(){return p("array",Y("]",!b,!0))}function Y(a,b,c){var d=!0,f=[];while(!e("punc",a)){d?d=!1:m(",");if(b&&e("punc",a))break;e("punc",",")&&c?f.push(["atom","undefined"]):f.push(bi(!1))}g();return f}function X(a){if(e("operator","new")){g();return W()}if(e("operator")&&R(w,d.token.value))return bc("unary-prefix",K(d.token.value,g),X(a));if(e("punc")){switch(d.token.value){case"(":g();return bb(K(bi,J(m,")")),a);case"[":g();return bb(Z(),a);case"{":g();return bb($(),a)}k()}if(e("keyword","function")){g();return bb(I(!1),a)}if(R(B,d.token.type)){var b=d.token.type=="regexp"?p("regexp",d.token.value[0],d.token.value[1]):p(d.token.type,d.token.value);return bb(K(b,g),a)}k()}function W(){var a=X(!1),b;e("punc","(")?(g(),b=Y(")")):b=[];return bb(p("new",a,b),!0)}function V(){return p("const",T())}function U(){return p("var",T())}function T(){var a=[];for(;;){e("name")||k();var b=d.token.value;g(),e("operator","=")?(g(),a.push([b,bi(!1)])):a.push([b]);if(!e("punc",","))break;g()}return a}function S(){var a=P(),b,c;if(e("keyword","catch")){g(),m("("),e("name")||i("Name expected");var f=d.token.value;g(),m(")"),b=[f,P()]}e("keyword","finally")&&(g(),c=P()),!b&&!c&&i("Missing catch/finally blocks");return p("try",a,b,c)}function P(){m("{");var a=[];while(!e("punc","}"))e("eof")&&k(),a.push(u());g();return a}function N(){var a=q(),b=u(),c;e("keyword","else")&&(g(),c=u());return p("if",a,b,c)}function L(a){var b=e("name")?K(d.token.value,g):null;a&&!b&&k(),m("(");return p(a?"defun":"function",b,function(a,b){while(!e("punc",")"))a?a=!1:m(","),e("name")||k(),b.push(d.token.value),g();g();return b}(!0,[]),function(){++d.in_function;var a=d.in_loop;d.in_loop=0;var b=P();--d.in_function,d.in_loop=a;return b}())}function H(){m("(");var a=e("keyword","var");a&&g();if(e("name")&&t(f(),"operator","in")){var b=d.token.value;g(),g();var c=bi();m(")");return p("for-in",a,b,c,bj(u))}var h=e("punc",";")?null:a?U():bi();m(";");var i=e("punc",";")?null:bi();m(";");var j=e("punc",")")?null:bi();m(")");return p("for",h,i,j,bj(u))}function G(a){var b=e("name")?d.token.value:null;b!=null?(g(),O(b,d.labels)||i("Label "+b+" without matching loop or statement")):d.in_loop==0&&i(a+" not inside a loop or switch"),o();return p(a,b)}function F(){return p("stat",K(bi,o))}function E(a){d.labels.push(a);var c=d.token,e=u();b&&!R(A,e[0])&&k(c),d.labels.pop();return p("label",a,e)}function D(){e("operator","/")&&(d.peeked=null,d.token=d.input(!0));switch(d.token.type){case"num":case"string":case"regexp":case"operator":case"atom":return F();case"name":return t(f(),"punc",":")?E(K(d.token.value,g,g)):F();case"punc":switch(d.token.value){case"{":return p("block",P());case"[":case"(":return F();case";":g();return p("block");default:k()};case"keyword":switch(K(d.token.value,g)){case"break":return G("break");case"continue":return G("continue");case"debugger":o();return p("debugger");case"do":return function(a){l("keyword","while");return p("do",K(q,o),a)}(bj(u));case"for":return H();case"function":return I(!0);case"if":return N();case"return":d.in_function==0&&i("'return' outside of function");return p("return",e("punc",";")?(g(),null):n()?null:K(bi,o));case"switch":return p("switch",q(),Q());case"throw":return p("throw",K(bi,o));case"try":return S();case"var":return K(U,o);case"const":return K(V,o);case"while":return p("while",q(),bj(u));case"with":return p("with",q(),u());default:k()}}}function r(a,b,c){return a instanceof C?a:new C(a,b,c)}function q(){m("(");var a=bi();m(")");return a}function p(){return M(arguments)}function o(){e("punc",";")?g():n()||k()}function n(){return!b&&(d.token.nlb||e("eof")||e("punc","}"))}function m(a){return l("punc",a)}function l(a,b){if(e(a,b))return g();j(d.token,"Unexpected token "+d.token.type+", expected "+a)}function k(a){a==null&&(a=d.token),j(a,"Unexpected token: "+a.type+" ("+a.value+")")}function j(a,b){i(b,a.line,a.col)}function i(a,b,c,e){var f=d.input.context();s(a,b!=null?b:f.tokline,c!=null?c:f.tokcol,e!=null?e:f.tokpos)}function h(){return d.prev}function g(){d.prev=d.token,d.peeked?(d.token=d.peeked,d.peeked=null):d.token=d.input();return d.token}function f(){return d.peeked||(d.peeked=d.input())}function e(a,b){return t(d.token,a,b)}var d={input:typeof a=="string"?v(a,!0):a,token:null,prev:null,peeked:null,in_function:0,in_loop:0,labels:[]};d.token=g();var u=c?function(){var a=d.token,b=D.apply(this,arguments);b[0]=r(b[0],a,h());return b}:D,I=c?function(){var a=h(),b=L.apply(this,arguments);b[0]=r(b[0],a,h());return b}:L,Q=J(bj,function(){m("{");var a=[],b=null;while(!e("punc","}"))e("eof")&&k(),e("keyword","case")?(g(),b=[],a.push([bi(),b]),m(":")):e("keyword","default")?(g(),m(":"),b=[],a.push([null,b])):(b||k(),b.push(u()));g();return a});return p("toplevel",function(a){while(!e("eof"))a.push(u());return a}([]))}function C(a,b,c){this.name=a,this.start=b,this.end=c}function v(b){function N(a){if(a)return H();y(),v();var b=g();if(!b)return w("eof");if(p(b))return B();if(b=='"'||b=="'")return E();if(R(l,b))return w("punc",h());if(b==".")return K();if(b=="/")return J();if(R(e,b))return I();if(o(b))return L();A("Unexpected character '"+b+"'")}function M(a,b){try{return b()}catch(c){if(c===u)A(a);else throw c}}function L(){var b=z(o);return R(a,b)?R(i,b)?w("operator",b):R(d,b)?w("atom",b):w("keyword",b):w("name",b)}function K(){h();return p(g())?B("."):w("punc",".")}function J(){h();var a=f.regex_allowed;switch(g()){case"/":f.comments_before.push(F()),f.regex_allowed=a;return N();case"*":f.comments_before.push(G()),f.regex_allowed=a;return N()}return f.regex_allowed?H():I("/")}function I(a){function b(a){if(!g())return a;var c=a+g();if(R(i,c)){h();return b(c)}return a}return w("operator",b(a||h()))}function H(){return M("Unterminated regular expression",function(){var a=!1,b="",c,d=!1;while(c=h(!0))if(a)b+="\\"+c,a=!1;else if(c=="[")d=!0,b+=c;else if(c=="]"&&d)d=!1,b+=c;else{if(c=="/"&&!d)break;c=="\\"?a=!0:b+=c}var e=z(function(a){return R(m,a)});return w("regexp",[b,e])})}function G(){h();return M("Unterminated multiline comment",function(){var a=t("*/",!0),b=f.text.substring(f.pos,a),c=w("comment2",b,!0);f.pos=a+2,f.line+=b.split("\n").length-1,f.newline_before=b.indexOf("\n")>=0;return c})}function F(){h();var a=t("\n"),b;a==-1?(b=f.text.substr(f.pos),f.pos=f.text.length):(b=f.text.substring(f.pos,a),f.pos=a);return w("comment1",b,!0)}function E(){return M("Unterminated string constant",function(){var a=h(),b="";for(;;){var c=h(!0);if(c=="\\")c=C();else if(c==a)break;b+=c}return w("string",b)})}function D(a){var b=0;for(;a>0;--a){var c=parseInt(h(!0),16);isNaN(c)&&A("Invalid hex-character pattern in string"),b=b<<4|c}return b}function C(){var a=h(!0);switch(a){case"n":return"\n";case"r":return"\r";case"t":return"\t";case"b":return"\b";case"v":return"";case"f":return"\f";case"0":return"";case"x":return String.fromCharCode(D(2));case"u":return String.fromCharCode(D(4));default:return a}}function B(a){var b=!1,c=!1,d=!1,e=a==".",f=z(function(f,g){if(f=="x"||f=="X"){if(d)return!1;return d=!0}if(!d&&(f=="E"||f=="e")){if(b)return!1;return b=c=!0}if(f=="-"){if(c||g==0&&!a)return!0;return!1}if(f=="+")return c;c=!1;if(f=="."){if(!e)return e=!0;return!1}return n(f)});a&&(f=a+f);var g=q(f);if(!isNaN(g))return w("num",g);A("Invalid syntax: "+f)}function A(a){s(a,f.tokline,f.tokcol,f.tokpos)}function z(a){var b="",c=g(),d=0;while(c&&a(c,d++))b+=h(),c=g();return b}function y(){while(R(j,g()))h()}function w(a,b,d){f.regex_allowed=a=="operator"&&!R(x,b)||a=="keyword"&&R(c,b)||a=="punc"&&R(k,b);var e={type:a,value:b,line:f.tokline,col:f.tokcol,pos:f.tokpos,nlb:f.newline_before};d||(e.comments_before=f.comments_before,f.comments_before=[]),f.newline_before=!1;return e}function v(){f.tokline=f.line,f.tokcol=f.col,f.tokpos=f.pos}function t(a,b){var c=f.text.indexOf(a,f.pos);if(b&&c==-1)throw u;return c}function r(){return!f.peek()}function h(a){var b=f.text.charAt(f.pos++);if(a&&!b)throw u;b=="\n"?(f.newline_before=!0,++f.line,f.col=0):++f.col;return b}function g(){return f.text.charAt(f.pos)}var f={text:b.replace(/\r\n?|[\n\u2028\u2029]/g,"\n").replace(/^\uFEFF/,""),pos:0,tokpos:0,line:0,tokline:0,col:0,tokcol:0,newline_before:!1,regex_allowed:!1,comments_before:[]};N.context=function(a){a&&(f=a);return f};return N}function t(a,b,c){return a.type==b&&(c==null||a.value==c)}function s(a,b,c,d){throw new r(a,b,c,d)}function r(a,b,c,d){this.message=a,this.line=b,this.col=c,this.pos=d}function q(a){if(f.test(a))return parseInt(a.substr(2),16);if(g.test(a))return parseInt(a.substr(1),8);if(h.test(a))return parseFloat(a)}function p(a){a=a.charCodeAt(0);return a>=48&&a<=57}function o(a){return n(a)||a=="$"||a=="_"}function n(a){a=a.charCodeAt(0);return a>=48&&a<=57||a>=65&&a<=90||a>=97&&a<=122}var a=L(["break","case","catch","const","continue","default","delete","do","else","finally","for","function","if","in","instanceof","new","return","switch","throw","try","typeof","var","void","while","with"]),b=L(["abstract","boolean","byte","char","class","debugger","double","enum","export","extends","final","float","goto","implements","import","int","interface","long","native","package","private","protected","public","short","static","super","synchronized","throws","transient","volatile"]),c=L(["return","new","delete","throw","else","case"]),d=L(["false","null","true","undefined"]),e=L(N("+-*&%=<>!?|~^")),f=/^0x[0-9a-f]+$/i,g=/^0[0-7]+$/,h=/^\d*\.?\d*(?:e[+-]?\d*(?:\d\.?|\.?\d)\d*)?$/i,i=L(["in","instanceof","typeof","new","void","delete","++","--","+","-","!","~","&","|","^","*","/","%",">>","<<",">>>","<",">","<=",">=","==","===","!=","!==","?","=","+=","-=","/=","*=","%=",">>=","<<=",">>>=","%=","|=","^=","&=","&&","||"]),j=L(N(" \n\r\t")),k=L(N("[{}(,.;:")),l=L(N("[]{}(),;:")),m=L(N("gmsiy"));r.prototype.toString=function(){return this.message+" (line: "+this.line+", col: "+this.col+", pos: "+this.pos+")"};var u={},w=L(["typeof","void","delete","--","++","!","~","-","+"]),x=L(["--","++"]),y=function(a,b,c){while(c<a.length)b[a[c]]=a[c].substr(0,a[c].length-1),c++;return b}(["+=","-=","/=","*=","%=",">>=","<<=",">>>=","|=","^=","&="],{"=":!0},0),z=function(a,b){for(var c=0,d=1;c<a.length;++c,++d){var e=a[c];for(var f=0;f<e.length;++f)b[e[f]]=d}return b}([["||"],["&&"],["|"],["^"],["&"],["==","===","!=","!=="],["<",">","<=",">=","in","instanceof"],[">>","<<",">>>"],["+","-"],["*","/","%"]],{}),A=L(["for","do","while","switch"]),B=L(["atom","num","string","regexp","name"]);C.prototype.toString=function(){return this.name};var G=L(["name","array","string","dot","sub","call","regexp"]);return{parse:D,gen_code:I,tokenizer:v,ast_walker:E}}
+var parse_js=new function(){function S(a,b,c){var d=[];for(var e=0;e<a.length;++e)d.push(b.call(c,a[e],e));return d}function R(a,b){return Object.prototype.hasOwnProperty.call(a,b)}function Q(c){return/^[a-z_$][a-z0-9_$]*$/i.test(c)&&c!="this"&&!R(d,c)&&!R(b,c)&&!R(a,c)}function P(a,b){var c={};a===!0&&(a={});for(var d in b)R(b,d)&&(c[d]=a&&R(a,d)?a[d]:b[d]);return c}function O(a,b){for(var c=b.length;--c>=0;)if(b[c]===a)return!0;return!1}function N(a){return a.split("")}function M(a,b){return Array.prototype.slice.call(a,b==null?0:b)}function L(a){var b={};for(var c=0;c<a.length;++c)b[a[c]]=!0;return b}function K(a){a instanceof Function&&(a=a());for(var b=1,c=arguments.length;--c>0;++b)arguments[b]();return a}function J(a){var b=M(arguments,1);return function(){return a.apply(this,b.concat(M(arguments)))}}function I(a,b){function y(a){var b=a[0],c=p[b];if(!c)throw new Error("Can't find generator for \""+b+'"');x.push(a);var d=c.apply(b,a.slice(1));x.pop();return d}function w(a){var b=a[0],c=a[1];c!=null&&(b=h([b,"=",y(c)]));return b}function v(a){if(!a)return";";if(a.length==0)return"{}";return"{"+d+g(function(){return t(a).join(d)})+d+f("}")}function u(a){var c=a.length;if(c==0)return"{}";return"{"+d+S(a,function(a,e){var i=a[1].length>0,j=g(function(){return f(a[0]?h(["case",y(a[0])+":"]):"default:")},.5)+(i?d+g(function(){return t(a[1]).join(d)}):"");!b&&i&&e<c-1&&(j+=";");return j}).join(d)+d+f("}")}function t(a){for(var c=[],d=a.length-1,e=0;e<=d;++e){var g=a[e],h=y(g);h!=";"&&(!b&&e==d&&(g[0]=="while"&&F(g[2])||O(g[0],["for","for-in"])&&F(g[4])||g[0]=="if"&&F(g[2])&&!g[3]||g[0]=="if"&&g[3]&&F(g[3])?h=h.replace(/;*\s*$/,";"):h=h.replace(/;+\s*$/,"")),c.push(h))}return S(c,f)}function s(a){return a.toString()}function r(a,b,c,d){var e=d||"function";a&&(e+=" "+s(a)),e+="("+j(S(b,s))+")";return h([e,v(c)])}function q(a){if(a[0]=="do")return y(["block",[a]]);var b=a;for(;;){var c=b[0];if(c=="if"){if(!b[3])return y(["block",[a]]);b=b[3]}else if(c=="while"||c=="do")b=b[2];else if(c=="for"||c=="for-in")b=b[4];else break}return y(a)}function o(a){var b=a.toString(10),c=[b.replace(/^0\./,".")],d;Math.floor(a)===a?(c.push("0x"+a.toString(16).toLowerCase(),"0"+a.toString(8)),(d=/^(.*?)(0+)$/.exec(a))&&c.push(d[1]+"e"+d[2].length)):(d=/^0?\.(0+)(.*)$/.exec(a))&&c.push(d[2]+"e-"+(d[1].length+d[2].length),b.substr(b.indexOf(".")));return l(c)}function m(a){if(a[0]=="function"){var b=M(x),c=b.pop(),d=b.pop();while(d){if(d[0]=="stat")return!0;if(d[0]=="seq"&&d[1]===c||d[0]=="call"&&d[1]===c||d[0]=="binary"&&d[2]===c)c=d,d=b.pop();else return!1}}return!R(G,a[0])}function l(a){if(a.length==1)return a[0];if(a.length==2){var b=a[1];a=a[0];return a.length<=b.length?a:b}return l([a[0],l(a.slice(1))])}function k(a){var b=y(a);for(var c=1;c<arguments.length;++c){var d=arguments[c];if(d instanceof Function&&d(a)||a[0]==d)return"("+b+")"}return b}function j(a){return a.join(","+e)}function h(a){if(b)return a.join(" ");var c=[];for(var d=0;d<a.length;++d){var e=a[d+1];c.push(a[d]),e&&(/[a-z0-9_\x24]$/i.test(a[d].toString())&&/^[a-z0-9_\x24]/i.test(e.toString())||/[\+\-]$/.test(a[d].toString())&&/^[\+\-]/.test(e.toString()))&&c.push(" ")}return c.join("")}function g(a,b){b==null&&(b=1),c+=b;try{return a.apply(null,M(arguments,1))}finally{c-=b}}function f(a){a==null&&(a=""),b&&(a=Array(b.indent_start+c*b.indent_level).join(" ")+a);return a}b&&(b=P(b,{indent_start:0,indent_level:4,quote_keys:!1,space_colon:!1}));var c=0,d=b?"\n":"",e=b?" ":"",p={string:H,num:o,name:s,toplevel:function(a){return t(a).join(d+d)},block:v,"var":function(a){return"var "+j(S(a,w))+";"},"const":function(a){return"const "+j(S(a,w))+";"},"try":function(a,b,c){var d=["try",v(a)];b&&d.push("catch","("+b[0]+")",v(b[1])),c&&d.push("finally",v(c));return h(d)},"throw":function(a){return h(["throw",y(a)])+";"},"new":function(a,b){b=b.length>0?"("+j(S(b,y))+")":"";return h(["new",k(a,"seq","binary","conditional","assign",function(a){var b=E(),c={};try{b.with_walkers({call:function(){throw c},"function":function(){return this}},function(){b.walk(a)})}catch(d){if(d===c)return!0;throw d}})+b])},"switch":function(a,b){return h(["switch","("+y(a)+")",u(b)])},"break":function(a){var b="break";a!=null&&(b+=" "+s(a));return b+";"},"continue":function(a){var b="continue";a!=null&&(b+=" "+s(a));return b+";"},conditional:function(a,b,c){return h([k(a,"assign","seq","conditional"),"?",k(b,"seq"),":",k(c,"seq")])},assign:function(a,b,c){a&&a!==!0?a+="=":a="=";return h([y(b),a,k(c,"seq")])},dot:function(a){var b=y(a),c=1;a[0]=="num"?b+=".":m(a)&&(b="("+b+")");while(c<arguments.length)b+="."+s(arguments[c++]);return b},call:function(a,b){var c=y(a);m(a)&&(c="("+c+")");return c+"("+j(S(b,function(a){return k(a,"seq")}))+")"},"function":r,defun:r,"if":function(a,b,c){var d=["if","("+y(a)+")",c?q(b):y(b)];c&&d.push("else",y(c));return h(d)},"for":function(a,b,c,d){var f=["for"];a=(a!=null?y(a):"").replace(/;*\s*$/,";"+e),b=(b!=null?y(b):"").replace(/;*\s*$/,";"+e),c=(c!=null?y(c):"").replace(/;*\s*$/,"");var g=a+b+c;g=="; ; "&&(g=";;"),f.push("("+g+")",y(d));return h(f)},"for-in":function(a,b,c,d){var e=h(["for","("]);a&&(e+="var "),e+=h([s(b)+" in "+y(c)+")",y(d)]);return e},"while":function(a,b){return h(["while","("+y(a)+")",y(b)])},"do":function(a,b){return h(["do",y(b),"while","("+y(a)+")"])+";"},"return":function(a){var b=["return"];a!=null&&b.push(y(a));return h(b)+";"},binary:function(a,b,c){var d=y(b),e=y(c);if(O(b[0],["assign","conditional","seq"])||b[0]=="binary"&&z[a]>z[b[1]])d="("+d+")";if(O(c[0],["assign","conditional","seq"])||c[0]=="binary"&&z[a]>=z[c[1]]&&(c[1]!=a||!O(a,["&&","||","*"])))e="("+e+")";return h([d,a,e])},"unary-prefix":function(a,b){var c=y(b);b[0]=="num"||b[0]=="unary-prefix"&&!R(i,a+b[1])||!m(b)||(c="("+c+")");return a+(n(a.charAt(0))?" ":"")+c},"unary-postfix":function(a,b){var c=y(b);b[0]=="num"||b[0]=="unary-postfix"&&!R(i,a+b[1])||!m(b)||(c="("+c+")");return c+a},sub:function(a,b){var c=y(a);m(a)&&(c="("+c+")");return c+"["+y(b)+"]"},object:function(a){if(a.length==0)return"{}";return"{"+d+g(function(){return S(a,function(a){if(a.length==3)return f(r(a[0],a[1][2],a[1][3],a[2]));var c=a[0],d=y(a[1]);b&&b.quote_keys?c=H(c):(typeof c=="number"||!b&&+c+""==c)&&parseFloat(c)>=0?c=o(+c):Q(c)||(c=H(c));return f(h(b&&b.space_colon?[c,":",d]:[c+":",d]))}).join(","+d)})+d+f("}")},regexp:function(a,b){return"/"+a+"/"+b},array:function(a){if(a.length==0)return"[]";return h(["[",j(S(a,function(a){if(!b&&a[0]=="atom"&&a[1]=="undefined")return"";return k(a,"seq")})),"]"])},stat:function(a){return y(a).replace(/;*\s*$/,";")},seq:function(){return j(S(M(arguments),y))},label:function(a,b){return h([s(a),":",y(b)])},"with":function(a,b){return h(["with","("+y(a)+")",y(b)])},atom:function(a){return s(a)}},x=[];return y(a)}function H(a){var b=0,c=0;a=a.replace(/[\\\b\f\n\r\t\x22\x27]/g,function(a){switch(a){case"\\":return"\\\\";case"\b":return"\\b";case"\f":return"\\f";case"\n":return"\\n";case"\r":return"\\r";case"\t":return"\\t";case'"':++b;return'"';case"'":++c;return"'"}return a});return b>c?"'"+a.replace(/\x27/g,"\\'")+"'":'"'+a.replace(/\x22/g,'\\"')+'"'}function F(a){return!a||a[0]=="block"&&(!a[1]||a[1].length==0)}function E(){function f(a,b){var d={},e;for(e in a)R(a,e)&&(d[e]=c[e],c[e]=a[e]);var f=b();for(e in d)R(d,e)&&(d[e]?c[e]=d[e]:delete c[e]);return f}function e(a){if(a==null)return null;try{d.push(a);var e=a[0],f=c[e];if(f){var g=f.apply(a,a.slice(1));if(g!=null)return g}f=b[e];return f.apply(a,a.slice(1))}finally{d.pop()}}function a(a){return[this[0],S(a,function(a){var b=[a[0]];a.length>1&&(b[1]=e(a[1]));return b})]}var b={string:function(a){return[this[0],a]},num:function(a){return[this[0],a]},name:function(a){return[this[0],a]},toplevel:function(a){return[this[0],S(a,e)]},block:function(a){var b=[this[0]];a!=null&&b.push(S(a,e));return b},"var":a,"const":a,"try":function(a,b,c){return[this[0],S(a,e),b!=null?[b[0],S(b[1],e)]:null,c!=null?S(c,e):null]},"throw":function(a){return[this[0],e(a)]},"new":function(a,b){return[this[0],e(a),S(b,e)]},"switch":function(a,b){return[this[0],e(a),S(b,function(a){return[a[0]?e(a[0]):null,S(a[1],e)]})]},"break":function(a){return[this[0],a]},"continue":function(a){return[this[0],a]},conditional:function(a,b,c){return[this[0],e(a),e(b),e(c)]},assign:function(a,b,c){return[this[0],a,e(b),e(c)]},dot:function(a){return[this[0],e(a)].concat(M(arguments,1))},call:function(a,b){return[this[0],e(a),S(b,e)]},"function":function(a,b,c){return[this[0],a,b.slice(),S(c,e)]},defun:function(a,b,c){return[this[0],a,b.slice(),S(c,e)]},"if":function(a,b,c){return[this[0],e(a),e(b),e(c)]},"for":function(a,b,c,d){return[this[0],e(a),e(b),e(c),e(d)]},"for-in":function(a,b,c,d){return[this[0],a,b,e(c),e(d)]},"while":function(a,b){return[this[0],e(a),e(b)]},"do":function(a,b){return[this[0],e(a),e(b)]},"return":function(a){return[this[0],e(a)]},binary:function(a,b,c){return[this[0],a,e(b),e(c)]},"unary-prefix":function(a,b){return[this[0],a,e(b)]},"unary-postfix":function(a,b){return[this[0],a,e(b)]},sub:function(a,b){return[this[0],e(a),e(b)]},object:function(a){return[this[0],S(a,function(a){return a.length==2?[a[0],e(a[1])]:[a[0],e(a[1]),a[2]]})]},regexp:function(a,b){return[this[0],a,b]},array:function(a){return[this[0],S(a,e)]},stat:function(a){return[this[0],e(a)]},seq:function(){return[this[0]].concat(S(M(arguments),e))},label:function(a,b){return[this[0],a,e(b)]},"with":function(a,b){return[this[0],e(a),e(b)]},atom:function(a){return[this[0],a]}},c={},d=[];return{walk:e,with_walkers:f,parent:function(){return d[d.length-2]},stack:function(){return d}}}function D(a,b,c){function bj(a){try{++d.in_loop;return a()}finally{--d.in_loop}}function bi(a){arguments.length==0&&(a=!0);var b=bh();if(a&&e("punc",",")){g();return p("seq",b,bi())}return b}function bh(){var a=bf(),b=d.token.value;if(e("operator")&&R(y,b)){if(bg(a)){g();return p("assign",y[b],a,bh())}i("Invalid assignment")}return a}function bg(a){switch(a[0]){case"dot":case"sub":return!0;case"name":return a[1]!="this"}}function bf(){var a=be();if(e("operator","?")){g();var b=bi(!1);m(":");return p("conditional",a,b,bi(!1))}return a}function be(){return bd(X(!0),0)}function bd(a,b){var c=e("operator")?d.token.value:null,f=c!=null?z[c]:null;if(f!=null&&f>b){g();var h=bd(X(!0),f);return bd(p("binary",c,a,h),b)}return a}function bc(a,b,c){(b=="++"||b=="--")&&!bg(c)&&i("Invalid use of "+b+" operator");return p(a,b,c)}function bb(a,b){if(e("punc",".")){g();return bb(p("dot",a,ba()),b)}if(e("punc","[")){g();return bb(p("sub",a,K(bi,J(m,"]"))),b)}if(b&&e("punc","(")){g();return bb(p("call",a,Y(")")),!0)}if(b&&e("operator")&&R(x,d.token.value))return K(J(bc,"unary-postfix",d.token.value,a),g);return a}function ba(){switch(d.token.type){case"name":case"operator":case"keyword":case"atom":return K(d.token.value,g);default:k()}}function _(){switch(d.token.type){case"num":case"string":return K(d.token.value,g)}return ba()}function $(){var a=!0,c=[];while(!e("punc","}")){a?a=!1:m(",");if(!b&&e("punc","}"))break;var f=d.token.type,h=_();f!="name"||h!="get"&&h!="set"||!!e("punc",":")?(m(":"),c.push([h,bi(!1)])):c.push([ba(),I(!1),h])}g();return p("object",c)}function Z(){return p("array",Y("]",!b,!0))}function Y(a,b,c){var d=!0,f=[];while(!e("punc",a)){d?d=!1:m(",");if(b&&e("punc",a))break;e("punc",",")&&c?f.push(["atom","undefined"]):f.push(bi(!1))}g();return f}function X(a){if(e("operator","new")){g();return W()}if(e("operator")&&R(w,d.token.value))return bc("unary-prefix",K(d.token.value,g),X(a));if(e("punc")){switch(d.token.value){case"(":g();return bb(K(bi,J(m,")")),a);case"[":g();return bb(Z(),a);case"{":g();return bb($(),a)}k()}if(e("keyword","function")){g();return bb(I(!1),a)}if(R(B,d.token.type)){var b=d.token.type=="regexp"?p("regexp",d.token.value[0],d.token.value[1]):p(d.token.type,d.token.value);return bb(K(b,g),a)}k()}function W(){var a=X(!1),b;e("punc","(")?(g(),b=Y(")")):b=[];return bb(p("new",a,b),!0)}function V(){return p("const",T())}function U(){return p("var",T())}function T(){var a=[];for(;;){e("name")||k();var b=d.token.value;g(),e("operator","=")?(g(),a.push([b,bi(!1)])):a.push([b]);if(!e("punc",","))break;g()}return a}function S(){var a=P(),b,c;if(e("keyword","catch")){g(),m("("),e("name")||i("Name expected");var f=d.token.value;g(),m(")"),b=[f,P()]}e("keyword","finally")&&(g(),c=P()),!b&&!c&&i("Missing catch/finally blocks");return p("try",a,b,c)}function P(){m("{");var a=[];while(!e("punc","}"))e("eof")&&k(),a.push(u());g();return a}function N(){var a=q(),b=u(),c;e("keyword","else")&&(g(),c=u());return p("if",a,b,c)}function L(a){var b=e("name")?K(d.token.value,g):null;a&&!b&&k(),m("(");return p(a?"defun":"function",b,function(a,b){while(!e("punc",")"))a?a=!1:m(","),e("name")||k(),b.push(d.token.value),g();g();return b}(!0,[]),function(){++d.in_function;var a=d.in_loop;d.in_loop=0;var b=P();--d.in_function,d.in_loop=a;return b}())}function H(){m("(");var a=e("keyword","var");a&&g();if(e("name")&&t(f(),"operator","in")){var b=d.token.value;g(),g();var c=bi();m(")");return p("for-in",a,b,c,bj(u))}var h=e("punc",";")?null:a?U():bi();m(";");var i=e("punc",";")?null:bi();m(";");var j=e("punc",")")?null:bi();m(")");return p("for",h,i,j,bj(u))}function G(a){var b=e("name")?d.token.value:null;b!=null?(g(),O(b,d.labels)||i("Label "+b+" without matching loop or statement")):d.in_loop==0&&i(a+" not inside a loop or switch"),o();return p(a,b)}function F(){return p("stat",K(bi,o))}function E(a){d.labels.push(a);var c=d.token,e=u();b&&!R(A,e[0])&&k(c),d.labels.pop();return p("label",a,e)}function D(){e("operator","/")&&(d.peeked=null,d.token=d.input(!0));switch(d.token.type){case"num":case"string":case"regexp":case"operator":case"atom":return F();case"name":return t(f(),"punc",":")?E(K(d.token.value,g,g)):F();case"punc":switch(d.token.value){case"{":return p("block",P());case"[":case"(":return F();case";":g();return p("block");default:k()};case"keyword":switch(K(d.token.value,g)){case"break":return G("break");case"continue":return G("continue");case"debugger":o();return p("debugger");case"do":return function(a){l("keyword","while");return p("do",K(q,o),a)}(bj(u));case"for":return H();case"function":return I(!0);case"if":return N();case"return":d.in_function==0&&i("'return' outside of function");return p("return",e("punc",";")?(g(),null):n()?null:K(bi,o));case"switch":return p("switch",q(),Q());case"throw":return p("throw",K(bi,o));case"try":return S();case"var":return K(U,o);case"const":return K(V,o);case"while":return p("while",q(),bj(u));case"with":return p("with",q(),u());default:k()}}}function r(a,b,c){return a instanceof C?a:new C(a,b,c)}function q(){m("(");var a=bi();m(")");return a}function p(){return M(arguments)}function o(){e("punc",";")?g():n()||k()}function n(){return!b&&(d.token.nlb||e("eof")||e("punc","}"))}function m(a){return l("punc",a)}function l(a,b){if(e(a,b))return g();j(d.token,"Unexpected token "+d.token.type+", expected "+a)}function k(a){a==null&&(a=d.token),j(a,"Unexpected token: "+a.type+" ("+a.value+")")}function j(a,b){i(b,a.line,a.col)}function i(a,b,c,e){var f=d.input.context();s(a,b!=null?b:f.tokline,c!=null?c:f.tokcol,e!=null?e:f.tokpos)}function h(){return d.prev}function g(){d.prev=d.token,d.peeked?(d.token=d.peeked,d.peeked=null):d.token=d.input();return d.token}function f(){return d.peeked||(d.peeked=d.input())}function e(a,b){return t(d.token,a,b)}var d={input:typeof a=="string"?v(a,!0):a,token:null,prev:null,peeked:null,in_function:0,in_loop:0,labels:[]};d.token=g();var u=c?function(){var a=d.token,b=D.apply(this,arguments);b[0]=r(b[0],a,h());return b}:D,I=c?function(){var a=h(),b=L.apply(this,arguments);b[0]=r(b[0],a,h());return b}:L,Q=J(bj,function(){m("{");var a=[],b=null;while(!e("punc","}"))e("eof")&&k(),e("keyword","case")?(g(),b=[],a.push([bi(),b]),m(":")):e("keyword","default")?(g(),m(":"),b=[],a.push([null,b])):(b||k(),b.push(u()));g();return a});return p("toplevel",function(a){while(!e("eof"))a.push(u());return a}([]))}function C(a,b,c){this.name=a,this.start=b,this.end=c}function v(b){function N(a){if(a)return H();y(),v();var b=g();if(!b)return w("eof");if(p(b))return B();if(b=='"'||b=="'")return E();if(R(l,b))return w("punc",h());if(b==".")return K();if(b=="/")return J();if(R(e,b))return I();if(o(b))return L();A("Unexpected character '"+b+"'")}function M(a,b){try{return b()}catch(c){if(c===u)A(a);else throw c}}function L(){var b=z(o);return R(a,b)?R(i,b)?w("operator",b):R(d,b)?w("atom",b):w("keyword",b):w("name",b)}function K(){h();return p(g())?B("."):w("punc",".")}function J(){h();var a=f.regex_allowed;switch(g()){case"/":f.comments_before.push(F()),f.regex_allowed=a;return N();case"*":f.comments_before.push(G()),f.regex_allowed=a;return N()}return f.regex_allowed?H():I("/")}function I(a){function b(a){if(!g())return a;var c=a+g();if(R(i,c)){h();return b(c)}return a}return w("operator",b(a||h()))}function H(){return M("Unterminated regular expression",function(){var a=!1,b="",c,d=!1;while(c=h(!0))if(a)b+="\\"+c,a=!1;else if(c=="[")d=!0,b+=c;else if(c=="]"&&d)d=!1,b+=c;else{if(c=="/"&&!d)break;c=="\\"?a=!0:b+=c}var e=z(function(a){return R(m,a)});return w("regexp",[b,e])})}function G(){h();return M("Unterminated multiline comment",function(){var a=t("*/",!0),b=f.text.substring(f.pos,a),c=w("comment2",b,!0);f.pos=a+2,f.line+=b.split("\n").length-1,f.newline_before=b.indexOf("\n")>=0;return c})}function F(){h();var a=t("\n"),b;a==-1?(b=f.text.substr(f.pos),f.pos=f.text.length):(b=f.text.substring(f.pos,a),f.pos=a);return w("comment1",b,!0)}function E(){return M("Unterminated string constant",function(){var a=h(),b="";for(;;){var c=h(!0);if(c=="\\")c=C();else if(c==a)break;b+=c}return w("string",b)})}function D(a){var b=0;for(;a>0;--a){var c=parseInt(h(!0),16);isNaN(c)&&A("Invalid hex-character pattern in string"),b=b<<4|c}return b}function C(){var a=h(!0);switch(a){case"n":return"\n";case"r":return"\r";case"t":return"\t";case"b":return"\b";case"v":return"";case"f":return"\f";case"0":return"";case"x":return String.fromCharCode(D(2));case"u":return String.fromCharCode(D(4));default:return a}}function B(a){var b=!1,c=!1,d=!1,e=a==".",f=z(function(f,g){if(f=="x"||f=="X"){if(d)return!1;return d=!0}if(!d&&(f=="E"||f=="e")){if(b)return!1;return b=c=!0}if(f=="-"){if(c||g==0&&!a)return!0;return!1}if(f=="+")return c;c=!1;if(f=="."){if(!e)return e=!0;return!1}return n(f)});a&&(f=a+f);var g=q(f);if(!isNaN(g))return w("num",g);A("Invalid syntax: "+f)}function A(a){s(a,f.tokline,f.tokcol,f.tokpos)}function z(a){var b="",c=g(),d=0;while(c&&a(c,d++))b+=h(),c=g();return b}function y(){while(R(j,g()))h()}function w(a,b,d){f.regex_allowed=a=="operator"&&!R(x,b)||a=="keyword"&&R(c,b)||a=="punc"&&R(k,b);var e={type:a,value:b,line:f.tokline,col:f.tokcol,pos:f.tokpos,nlb:f.newline_before};d||(e.comments_before=f.comments_before,f.comments_before=[]),f.newline_before=!1;return e}function v(){f.tokline=f.line,f.tokcol=f.col,f.tokpos=f.pos}function t(a,b){var c=f.text.indexOf(a,f.pos);if(b&&c==-1)throw u;return c}function r(){return!f.peek()}function h(a){var b=f.text.charAt(f.pos++);if(a&&!b)throw u;b=="\n"?(f.newline_before=!0,++f.line,f.col=0):++f.col;return b}function g(){return f.text.charAt(f.pos)}var f={text:b.replace(/\r\n?|[\n\u2028\u2029]/g,"\n").replace(/^\uFEFF/,""),pos:0,tokpos:0,line:0,tokline:0,col:0,tokcol:0,newline_before:!1,regex_allowed:!1,comments_before:[]};N.context=function(a){a&&(f=a);return f};return N}function t(a,b,c){return a.type==b&&(c==null||a.value==c)}function s(a,b,c,d){throw new r(a,b,c,d)}function r(a,b,c,d){this.message=a,this.line=b,this.col=c,this.pos=d;try{({})()}catch(e){this.stack=e.stack}}function q(a){if(f.test(a))return parseInt(a.substr(2),16);if(g.test(a))return parseInt(a.substr(1),8);if(h.test(a))return parseFloat(a)}function p(a){a=a.charCodeAt(0);return a>=48&&a<=57}function o(a){return n(a)||a=="$"||a=="_"}function n(a){a=a.charCodeAt(0);return a>=48&&a<=57||a>=65&&a<=90||a>=97&&a<=122}var a=L(["break","case","catch","const","continue","default","delete","do","else","finally","for","function","if","in","instanceof","new","return","switch","throw","try","typeof","var","void","while","with"]),b=L(["abstract","boolean","byte","char","class","debugger","double","enum","export","extends","final","float","goto","implements","import","int","interface","long","native","package","private","protected","public","short","static","super","synchronized","throws","transient","volatile"]),c=L(["return","new","delete","throw","else","case"]),d=L(["false","null","true","undefined"]),e=L(N("+-*&%=<>!?|~^")),f=/^0x[0-9a-f]+$/i,g=/^0[0-7]+$/,h=/^\d*\.?\d*(?:e[+-]?\d*(?:\d\.?|\.?\d)\d*)?$/i,i=L(["in","instanceof","typeof","new","void","delete","++","--","+","-","!","~","&","|","^","*","/","%",">>","<<",">>>","<",">","<=",">=","==","===","!=","!==","?","=","+=","-=","/=","*=","%=",">>=","<<=",">>>=","%=","|=","^=","&=","&&","||"]),j=L(N(" \n\r\t")),k=L(N("[{}(,.;:")),l=L(N("[]{}(),;:")),m=L(N("gmsiy"));r.prototype.toString=function(){return this.message+" (line: "+this.line+", col: "+this.col+", pos: "+this.pos+")"+"\n\n"+this.stack};var u={},w=L(["typeof","void","delete","--","++","!","~","-","+"]),x=L(["--","++"]),y=function(a,b,c){while(c<a.length)b[a[c]]=a[c].substr(0,a[c].length-1),c++;return b}(["+=","-=","/=","*=","%=",">>=","<<=",">>>=","|=","^=","&="],{"=":!0},0),z=function(a,b){for(var c=0,d=1;c<a.length;++c,++d){var e=a[c];for(var f=0;f<e.length;++f)b[e[f]]=d}return b}([["||"],["&&"],["|"],["^"],["&"],["==","===","!=","!=="],["<",">","<=",">=","in","instanceof"],[">>","<<",">>>"],["+","-"],["*","/","%"]],{}),A=L(["for","do","while","switch"]),B=L(["atom","num","string","regexp","name"]);C.prototype.toString=function(){return this.name};var G=L(["name","array","string","dot","sub","call","regexp"]);return{parse:D,stringify:I,tokenizer:v,walker:E}}
 
 	var operators = {
 		'+': 'add',
@@ -6967,8 +6796,8 @@ var parse_js=new function(){function S(a,b,c){var d=[];for(var e=0;e<a.length;++
 	}
 
 	function compile(code) {
-		var ast = parse_js.parse(code, true),
-			walker = parse_js.ast_walker(),
+		var ast = parse_js.parse(code),
+			walker = parse_js.walker(),
 			walk = walker.walk;
 
 		ast = walker.with_walkers({
@@ -6996,7 +6825,7 @@ var parse_js=new function(){function S(a,b,c){var d=[];for(var e=0;e<a.length;++
 			return walk(ast);
 		});
 
-		return parse_js.gen_code(ast, true);
+		return parse_js.stringify(ast, true);
 	}
 
 	function evaluate(code, scope) {
diff --git a/dist/paper.js b/dist/paper.js
index 05832a72..5b92cd88 100644
--- a/dist/paper.js
+++ b/dist/paper.js
@@ -1,9 +1,8 @@
-/***
+/*!
+ * Paper.js v0.2
  *
- * Paper.js
- *
- * A JavaScript Vector Graphics Library, based on Scriptographer.org and
- * designed to be largely API compatible.
+ * This file is part of Paper.js, a JavaScript Vector Graphics Library,
+ * based on Scriptographer.org and designed to be largely API compatible.
  * http://paperjs.org/
  * http://scriptographer.org/
  *
@@ -14,6 +13,8 @@
  *
  * All rights reserved.
  *
+ * Date: Wed Jul 13 13:27:26 2011 +0100
+ *
  ***
  *
  * Bootstrap.js JavaScript Framework.
@@ -40,8 +41,7 @@
  * http://lehni.org/
  *
  * Distributed under the BSD license.
- *
- ***/
+ */
 
 var paper = new function() {
 
@@ -295,10 +295,20 @@ var Base = new function() {
 }
 
 this.Base = Base.inject({
+	generics: true,
+
 	clone: function() {
 		return new this.constructor(this);
 	},
 
+	toString: function() {
+		return '{ ' + Base.each(this, function(value, key) {
+			var type = typeof value;
+			this.push(key + ': ' + (type === 'number' ? Base.formatNumber(value)
+					: type === 'string' ? "'" + value + "'" : value));
+		}, []).join(', ') + ' }';
+	},
+
 	statics: {
 		read: function(list, start, length) {
 			var start = start || 0,
@@ -350,7 +360,7 @@ this.Base = Base.inject({
 				Base.each(hash, function(value, key) {
 					this[key] = value;
 				}, this);
-			}, {}, true); 
+			}, new Base(), true); 
 		},
 
 		capitalize: function(str) {
@@ -370,23 +380,17 @@ this.Base = Base.inject({
 				function(match) {
 					return match.charAt(0) + '-' + match.substring(1);
 				}
-			);
+			).toLowerCase();
 		},
 
 		formatNumber: function(num) {
 			return (Math.round(num * 100000) / 100000).toString();
-		},
-
-		formatObject: function(obj) {
-			return '{ ' + Base.each(obj, function(value, key) {
-				this.push(key + ': ' + value);
-			}, []).join(', ') + ' }';
 		}
 	}
 });
 
 var PaperScope = this.PaperScope = Base.extend({
-	version: 0.1,
+	version: 0.2,
 
 	initialize: function(id) {
 
@@ -530,7 +534,7 @@ var Point = this.Point = Base.extend({
 	},
 
 	transform: function(matrix) {
-		return matrix._transformPoint(this);
+		return matrix ? matrix._transformPoint(this) : this;
 	},
 
 	getDistance: function(point) {
@@ -1072,17 +1076,27 @@ var Rectangle = this.Rectangle = Base.extend({
 				+ ' }';
 	},
 
-	contains: function(rect) {
-		if (rect.width !== undefined) {
-			return rect.x >= this.x && rect.y >= this.y
-					&& rect.x + rect.width <= this.x + this.width
-					&& rect.y + rect.height <= this.y + this.height;
-		} else {
-			var point = Point.read(arguments);
-			return point.x >= this.x && point.y >= this.y
-					&& point.x <= this.x + this.width
-					&& point.y <= this.y + this.height;
-		}
+	contains: function(arg) {
+		return arg && arg.width !== undefined
+				|| (Array.isArray(arg) ? arg : arguments).length == 4
+				? this._containsRectangle(Rectangle.read(arguments))
+				: this._containsPoint(Point.read(arguments));
+	},
+
+	_containsPoint: function(point) {
+		var x = point.x,
+			y = point.y;
+		return x >= this.x && y >= this.y
+				&& x <= this.x + this.width
+				&& y <= this.y + this.height;
+	},
+
+	_containsRectangle: function(rect) {
+		var x = rect.x,
+			y = rect.y;
+		return x >= this.x && y >= this.y
+				&& x + rect.width <= this.x + this.width
+				&& y + rect.height <= this.y + this.height;
 	},
 
 	intersects: function(rect) {
@@ -1667,6 +1681,16 @@ var Project = this.Project = Base.extend({
 			this._selectedItems[i].setSelected(false);
 	},
 
+	hitTest: function(point, options) {
+		options = HitResult.getOptions(point, options);
+		point = options.point;
+		for (var i = this.layers.length - 1; i >= 0; i--) {
+			var res = this.layers[i].hitTest(point, options);
+			if (res) return res;
+		}
+		return null;
+	},
+
 	draw: function(ctx) {
 		ctx.save();
 		var param = { offset: new Point(0, 0) };
@@ -1814,7 +1838,7 @@ var Item = this.Item = Base.extend({
 		_id: 0
 	}
 }, new function() { 
-	return Base.each(['locked', 'visible', 'blendMode', 'opacity'],
+	return Base.each(['locked', 'visible', 'blendMode', 'opacity', 'guide'],
 		function(name) {
 			var part = Base.capitalize(name),
 				name = '_' + name;
@@ -1839,6 +1863,8 @@ var Item = this.Item = Base.extend({
 
 	_opacity: 1,
 
+	_guide: false,
+
 	isSelected: function() {
 		if (this._children) {
 			for (var i = 0, l = this._children.length; i < l; i++)
@@ -1862,6 +1888,25 @@ var Item = this.Item = Base.extend({
 
 	_selected: false,
 
+	isFullySelected: function() {
+		if (this._children && this._selected) {
+			for (var i = 0, l = this._children.length; i < l; i++)
+				if (!this._children[i].isFullySelected())
+					return false;
+			return true;
+		}
+		return this._selected;
+	},
+
+	setFullySelected: function(selected) {
+		if (this._children) {
+			for (var i = 0, l = this._children.length; i < l; i++) {
+				this._children[i].setFullySelected(selected);
+			}
+		}
+		this.setSelected(selected);
+	},
+
 	isClipMask: function() {
 		return this._clipMask;
 	},
@@ -1940,8 +1985,8 @@ var Item = this.Item = Base.extend({
 			for (var i = 0, l = this._children.length; i < l; i++)
 				copy.addChild(this._children[i].clone());
 		}
-		var keys = ['_locked', '_visible', '_opacity', '_blendMode',
-				'_clipMask'];
+		var keys = ['_locked', '_visible', '_blendMode', '_opacity',
+				'_clipMask', '_guide'];
 		for (var i = 0, l = keys.length; i < l; i++) {
 			var key = keys[i];
 			if (this.hasOwnProperty(key))
@@ -1977,6 +2022,47 @@ var Item = this.Item = Base.extend({
 		return raster;
 	},
 
+	hitTest: function(point, options, matrix) {
+		options = HitResult.getOptions(point, options);
+		point = options.point;
+		if (!this._children && !this.getRoughBounds(matrix)
+				.expand(options.tolerance)._containsPoint(point))
+			return null;
+		if (options.center || options.bounds) {
+			var bounds = this.getBounds(),
+				that = this,
+				points = ['TopLeft', 'TopRight', 'BottomLeft', 'BottomRight',
+				'LeftCenter', 'TopCenter', 'RightCenter', 'BottomCenter'],
+				res;
+			function checkBounds(type, part) {
+				var pt = bounds['get' + part]().transform(matrix);
+				if (point.getDistance(pt) < options.tolerance)
+					return new HitResult(type, that,
+							{ name: Base.hyphenate(part), point: pt });
+			}
+			if (options.center && (res = checkBounds('center', 'Center')))
+				return res;
+			if (options.bounds) {
+				for (var i = 0; i < 8; i++)
+					if (res = checkBounds('bounds', points[i]))
+						return res;
+			}
+		}
+
+		return this._children || !(options.guides && !this._guide
+				|| options.selected && !this._selected)
+					? this._hitTest(point, options, matrix) : null;
+	},
+
+	_hitTest: function(point, options, matrix) {
+		if (this._children) {
+			for (var i = this._children.length - 1; i >= 0; i--) {
+				var res = this._children[i].hitTest(point, options, matrix);
+				if (res) return res;
+			}
+		}
+	},
+
 	addChild: function(item) {
 		return this.insertChild(undefined, item);
 	},
@@ -2287,6 +2373,12 @@ var Item = this.Item = Base.extend({
 		this.setBounds(newBounds);
 	},
 
+	toString: function() {
+		return (this.constructor._name || 'Item') + (this._name
+				? " '" + this._name + "'"
+				: ' @' + this._id);
+	},
+
 	statics: {
 		drawSelectedBounds: function(bounds, ctx, matrix) {
 			var coords = matrix._transformCorners(bounds);
@@ -2837,6 +2929,38 @@ var PlacedSymbol = this.PlacedSymbol = PlacedItem.extend({
 
 });
 
+HitResult = Base.extend({
+	initialize: function(type, item, values) {
+		this.type = type;
+		this.item = item;
+		if (values) {
+			Base.each(values, function(value, key) {
+				this[key] = value;
+			}, this);
+		}
+	},
+
+	statics: {
+		getOptions: function(point, options) {
+			return options && options._merged ? options : Base.merge({
+				point: Point.read(arguments, 0, 1),
+				type: null,
+				tolerance: 2,
+				fill: true,
+				stroke: true,
+				segments: true,
+				handles: false,
+				ends: false,
+				center: false,
+				bounds: false,
+				guides: false,
+				selected: false,
+				_merged: true
+			}, options);
+		}
+	}
+});
+
 var Segment = this.Segment = Base.extend({
 	initialize: function(arg0, arg1, arg2, arg3, arg4, arg5) {
 		var count = arguments.length,
@@ -3099,13 +3223,15 @@ var SegmentPoint = Point.extend({
 				x, y, selected;
 			if (!pt) {
 				x = y = 0;
-			} else if (pt.x !== undefined) {
-				x = pt.x;
+			} else if ((x = pt[0]) !== undefined) { 
+				y = pt[1];
+			} else {
+				if ((x = pt.x) === undefined) {
+					pt = Point.read(arguments, 2, 1);
+					x = pt.x;
+				}
 				y = pt.y;
 				selected = pt.selected;
-			} else {
-				x = pt[0];
-				y = pt[1];
 			}
 			point._x = x;
 			point._y = y;
@@ -3226,8 +3352,16 @@ var Curve = this.Curve = Base.extend({
 		this.getHandle2().setSelected(selected);
 	},
 
-	getValues: function() {
-		return Curve.getValues(this._segment1, this._segment2);
+	getValues: function(matrix) {
+		return Curve.getValues(this._segment1, this._segment2, matrix);
+	},
+
+	getPoints: function(matrix) {
+		var coords = this.getValues(matrix),
+			points = [];
+		for (var i = 0; i < 8; i += 2)
+			points.push(Point.create(coords[i], coords[i + 1]));
+		return points;
 	},
 
 	getLength: function() {
@@ -3236,19 +3370,14 @@ var Curve = this.Curve = Base.extend({
 			fullLength = arguments.length == 0 || from == 0 && to == 1;
 		if (fullLength && this._length != null)
 			return this._length;
-		var args = this.getValues();
-		if (!fullLength)
-			args.push(from, to);
-		var length = Curve.getLength.apply(Curve, args);
+		var length = Curve.getLength(this.getValues(), from, to);
 		if (fullLength)
 			this._length = length;
 		return length;
 	},
 
 	getPart: function(from, to) {
-		var args = this.getValues();
-		args.push(from, to);
-		return new Curve(Curve.getPart.apply(Curve, args));
+		return new Curve(Curve.getPart(this.getValues(), from, to));
 	},
 
 	isLinear: function() {
@@ -3256,39 +3385,38 @@ var Curve = this.Curve = Base.extend({
 				&& this._segment2._handleIn.isZero();
 	},
 
-	getParameter: function(length, start) {
-		var args = this.getValues();
-		args.push(length, start !== undefined ? start : length < 0 ? 1 : 0);
-		return Curve.getParameter.apply(Curve, args);
-	},
-
-	_evaluate: function(parameter, type) {
-		var args = this.getValues();
-		args.push(parameter, type);
-		return Curve.evaluate.apply(Curve, args);
+	getParameterAt: function(offset, start) {
+		return Curve.getParameterAt(this.getValues(), offset,
+				start !== undefined ? start : offset < 0 ? 1 : 0);
 	},
 
 	getPoint: function(parameter) {
-		return this._evaluate(parameter, 0);
+		return Curve.evaluate(this.getValues(), parameter, 0);
 	},
 
 	getTangent: function(parameter) {
-		return this._evaluate(parameter, 1);
+		return Curve.evaluate(this.getValues(), parameter, 1);
 	},
 
 	getNormal: function(parameter) {
-		return this._evaluate(parameter, 2);
+		return Curve.evaluate(this.getValues(), parameter, 2);
 	},
 
-	getCrossingsFor: function(point, prevSlope) {
-		var vals = this.getValues(),
-			roots = Curve.solve(vals[1], vals[3], vals[5], vals[7], point.y),
+	getParameter: function(point) {
+		point = Point.read(point);
+		return Curve.getParameter(this.getValues(), point.x, point.y);
+	},
+
+	getCrossings: function(point, matrix, roots) {
+		var vals = this.getValues(matrix),
+			num = Curve.solveCubic(vals, 1, point.y, roots),
 			crossings = 0;
-		for (var i = 0, l = roots != Infinity && roots.length; i < l; i++) {
+		for (var i = 0; i < num; i++) {
 			var t = roots[i];
-			if (t >= 0 && t < 1 && this.getPoint(t).x > point.x) {
-				if (t < Numerical.TOLERANCE
-							&& prevSlope * this.getTangent(t).y >= 0)
+			if (t >= 0 && t < 1 && Curve.evaluate(vals, t, 0).x > point.x) {
+				if (t < Numerical.TOLERANCE && Curve.evaluate(
+							this.getPrevious().getValues(matrix), 1, 1).y
+						* Curve.evaluate(vals, t, 1).y >= 0)
 					continue;
 				crossings++;
 			}
@@ -3323,60 +3451,38 @@ var Curve = this.Curve = Base.extend({
 			return curve;
 		},
 
-		getValues: function(segment1, segment2) {
+		getValues: function(segment1, segment2, matrix) {
 			var p1 = segment1._point,
 				h1 = segment1._handleOut,
 				h2 = segment2._handleIn,
-				p2 = segment2._point;
-			return [
-				p1._x, p1._y,
-				p1._x + h1._x, p1._y + h1._y,
-				p2._x + h2._x, p2._y + h2._y,
-				p2._x, p2._y
-			];
+				p2 = segment2._point,
+				coords = [
+					p1._x, p1._y,
+					p1._x + h1._x, p1._y + h1._y,
+					p2._x + h2._x, p2._y + h2._y,
+					p2._x, p2._y
+				];
+			return matrix
+					? matrix._transformCoordinates(coords, 0, coords, 0, 4)
+					: coords;
 		},
 
-		evaluate: function(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t, type) {
-			var x, y;
+		evaluate: function(v, t, type) {
+			var p1x = v[0], p1y = v[1],
+				c1x = v[2], c1y = v[3],
+				c2x = v[4], c2y = v[5],
+				p2x = v[6], p2y = v[7],
+				x, y;
 
-			if (t == 0 || t == 1) {
-				var point;
-				switch (type) {
-				case 0: 
-					x = t == 0 ? p1x : p2x;
-					y = t == 0 ? p1y : p2y;
-					break;
-				case 1: 
-				case 2: 
-					var px, py;
-					if (t == 0) {
-						if (c1x == p1x && c1y == p1y) { 
-							if (c2x == p2x && c2y == p2y) { 
-								px = p2x; py = p2y; 
-							} else {
-								px = c2x; py = c2y; 
-							}
-						} else {
-							px = c1x; py = c1y; 
-						}
-						x = px - p1x;
-						y = py - p1y;
-					} else {
-						if (c2x == p2x && c2y == p2y) { 
-							if (c1x == p1x && c1y == p1y) { 
-								px = p1x; py = p1y; 
-							} else {
-								px = c1x; py = c1y; 
-							}
-						} else { 
-							px = c2x; py = c2y;
-						}
-						x = p2x - px;
-						y = p2y - py;
-					}
-					break;
-				}
+			if (type == 0 && (t == 0 || t == 1)) {
+				x = t == 0 ? p1x : p2x;
+				y = t == 0 ? p1y : p2y;
 			} else {
+				var tMin = Numerical.TOLERANCE;
+				if (t < tMin && c1x == p1x && c1y == p1y)
+					t = tMin;
+				else if (t > 1 - tMin && c2x == p2x && c2y == p2y)
+					t = 1 - tMin;
 				var cx = 3 * (c1x - p1x),
 					bx = 3 * (c2x - c1x) - cx,
 					ax = p2x - p1x - cx - bx,
@@ -3400,66 +3506,92 @@ var Curve = this.Curve = Base.extend({
 			return type == 2 ? new Point(y, -x) : new Point(x, y);
 		},
 
-		subdivide: function(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, t) {
+		subdivide: function(v, t) {
+			var p1x = v[0], p1y = v[1],
+				c1x = v[2], c1y = v[3],
+				c2x = v[4], c2y = v[5],
+				p2x = v[6], p2y = v[7];
 			if (t === undefined)
 				t = 0.5;
 			var u = 1 - t,
-				p3x = u * p1x + t * c1x,
-				p3y = u * p1y + t * c1y,
-				p4x = u * c1x + t * c2x,
-				p4y = u * c1y + t * c2y,
-				p5x = u * c2x + t * p2x,
-				p5y = u * c2y + t * p2y,
-				p6x = u * p3x + t * p4x,
-				p6y = u * p3y + t * p4y,
-				p7x = u * p4x + t * p5x,
-				p7y = u * p4y + t * p5y,
-				p8x = u * p6x + t * p7x,
-				p8y = u * p6y + t * p7y;
+				p3x = u * p1x + t * c1x, p3y = u * p1y + t * c1y,
+				p4x = u * c1x + t * c2x, p4y = u * c1y + t * c2y,
+				p5x = u * c2x + t * p2x, p5y = u * c2y + t * p2y,
+				p6x = u * p3x + t * p4x, p6y = u * p3y + t * p4y,
+				p7x = u * p4x + t * p5x, p7y = u * p4y + t * p5y,
+				p8x = u * p6x + t * p7x, p8y = u * p6y + t * p7y;
 			return [
 				[p1x, p1y, p3x, p3y, p6x, p6y, p8x, p8y], 
 				[p8x, p8y, p7x, p7y, p5x, p5y, p2x, p2y] 
 			];
 		},
 
-		solve: function (p1, c1, c2, p2, val) {
-			return Numerical.solveCubic(
-					p2 - p1 + 3 * (c1 - c2), 
-					3 * (c2 + p1) - 6 * c1, 
-					3 * (c1 - p1), 
-					p1 - val, 
+		solveCubic: function (v, coord, val, roots) {
+			var p1 = v[coord],
+				c1 = v[coord + 2],
+				c2 = v[coord + 4],
+				p2 = v[coord + 6],
+				c = 3 * (c1 - p1),
+				b = 3 * (c2 - c1) - c,
+				a = p2 - p1 - c - b;
+			return Numerical.solveCubic(a, b, c, p1 - val, roots,
 					Numerical.TOLERANCE);
 		},
 
-		getPart: function(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, from, to) {
-			var curve = [p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y];
-			if (from > 0) {
-				curve[8] = from;
-				curve = Curve.subdivide.apply(Curve, curve)[1]; 
+		getParameter: function(v, x, y) {
+			var txs = [],
+				tys = [],
+				sx = Curve.solveCubic(v, 0, x, txs),
+				sy = Curve.solveCubic(v, 1, y, tys),
+				tx, ty;
+			for (var cx = 0;  sx == -1 || cx < sx;) {
+				if (sx == -1 || (tx = txs[cx++]) >= 0 && tx <= 1) {
+					for (var cy = 0; sy == -1 || cy < sy;) {
+						if (sy == -1 || (ty = tys[cy++]) >= 0 && ty <= 1) {
+							if (sx == -1) tx = ty;
+							else if (sy == -1) ty = tx;
+							if (Math.abs(tx - ty) < Numerical.TOLERANCE)
+								return (tx + ty) * 0.5;
+						}
+					}
+					if (sx == -1)
+						break;
+				}
 			}
-			if (to < 1) {
-				curve[8] = (to - from) / (1 - from);
-				curve = Curve.subdivide.apply(Curve, curve)[0]; 
-			}
-			return curve;
+			return null;
 		},
 
-		isFlatEnough: function(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y) {
-			var vx = (p2x - p1x) / 3,
-				vy = (p2y - p1y) / 3,
-				m1x = p1x + vx,
-				m1y = p1y + vy,
-				m2x = p2x - vx,
-				m2y = p2y - vy;
-			return Math.max(
-					Math.abs(m1x - c1x), Math.abs(m1y - c1y),
-					Math.abs(m2x - c1x), Math.abs(m1y - c1y)) < 1 / 2;
+		getPart: function(v, from, to) {
+			if (from > 0)
+				v = Curve.subdivide(v, from)[1]; 
+			if (to < 1)
+				v = Curve.subdivide(v, (to - from) / (1 - from))[0]; 
+			return v;
+		},
+
+		isFlatEnough: function(v) {
+			var p1x = v[0], p1y = v[1],
+				c1x = v[2], c1y = v[3],
+				c2x = v[4], c2y = v[5],
+				p2x = v[6], p2y = v[7],
+
+				a = p1y - p2y,
+				b = p2x - p1x,
+				c = p1x * p2y - p2x * p1y,
+				v1 = a * c1x + b * c1y + c,
+				v2 = a * c2x + b * c2y + c;
+			return Math.abs((v1 * v1 + v2 * v2) / (a * (a * a + b * b))) < 0.005;
 		}
 	}
 }, new function() { 
 
-	function getLengthIntegrand(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y) {
-		var ax = 9 * (c1x - c2x) + 3 * (p2x - p1x),
+	function getLengthIntegrand(v) {
+		var p1x = v[0], p1y = v[1],
+			c1x = v[2], c1y = v[3],
+			c2x = v[4], c2y = v[5],
+			p2x = v[6], p2y = v[7],
+
+			ax = 9 * (c1x - c2x) + 3 * (p2x - p1x),
 			bx = 6 * (p1x + c2x) - 12 * c1x,
 			cx = 3 * (c1x - p1x),
 
@@ -3481,46 +3613,41 @@ var Curve = this.Curve = Base.extend({
 	return {
 		statics: true,
 
-		getLength: function(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y, a, b) {
+		getLength: function(v, a, b) {
 			if (a === undefined)
 				a = 0;
 			if (b === undefined)
 				b = 1;
-			if (p1x == c1x && p1y == c1y && p2x == c2x && p2y == c2y) {
-				var dx = p2x - p1x,
-					dy = p2y - p1y;
+			if (v[0] == v[2] && v[1] == v[3] && v[6] == v[4] && v[7] == v[5]) {
+				var dx = v[6] - v[0], 
+					dy = v[7] - v[1]; 
 				return (b - a) * Math.sqrt(dx * dx + dy * dy);
 			}
-			var ds = getLengthIntegrand(
-					p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y);
+			var ds = getLengthIntegrand(v);
 			return Numerical.integrate(ds, a, b, getIterations(a, b));
 		},
 
-		getParameter: function(p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y,
-				length, start) {
-			if (length == 0)
+		getParameterAt: function(v, offset, start) {
+			if (offset == 0)
 				return start;
-			var forward = length > 0,
+			var forward = offset > 0,
 				a = forward ? start : 0,
 				b = forward ? 1 : start,
-				length = Math.abs(length),
-				ds = getLengthIntegrand(
-						p1x, p1y, c1x, c1y, c2x, c2y, p2x, p2y),
+				offset = Math.abs(offset),
+				ds = getLengthIntegrand(v),
 				rangeLength = Numerical.integrate(ds, a, b,
 						getIterations(a, b));
-			if (length >= rangeLength)
+			if (offset >= rangeLength)
 				return forward ? b : a;
-			var guess = length / rangeLength,
-				len = 0;
+			var guess = offset / rangeLength,
+				length = 0;
 			function f(t) {
 				var count = getIterations(start, t);
-				if (start < t) {
-					len += Numerical.integrate(ds, start, t, count);
-				} else {
-					len -= Numerical.integrate(ds, t, start, count);
-				}
+				length += start < t
+						? Numerical.integrate(ds, start, t, count)
+						: -Numerical.integrate(ds, t, start, count);
 				start = t;
-				return len - length;
+				return length - offset;
 			}
 			return Numerical.findRoot(f, ds,
 					forward ? a + guess : b - guess, 
@@ -3532,7 +3659,7 @@ var Curve = this.Curve = Base.extend({
 	var maxDepth = 32,
 		epsilon = Math.pow(2, -maxDepth - 1);
 
-	var zCubic = [  
+	var zCubic = [
 		[1.0, 0.6, 0.3, 0.1],
 		[0.4, 0.6, 0.6, 0.4],
 		[0.1, 0.3, 0.6, 1.0]
@@ -3555,7 +3682,7 @@ var Curve = this.Curve = Base.extend({
 
 		for (var row = 0; row < n; row++) {
 			cd[row] = [];
-			for (var column = 0; column <= n; column++) 
+			for (var column = 0; column <= n; column++)
 				cd[row][column] = d[row].dot(c[column]);
 		}
 
@@ -3622,58 +3749,58 @@ var Curve = this.Curve = Base.extend({
 			a = v[0].y - v[n].y,
 			b = v[n].x - v[0].x,
 			c = v[0].x * v[n].y - v[n].x * v[0].y,
-			abSquared = a * a + b * b,
 			maxAbove = 0,
 			maxBelow = 0;
 		for (var i = 1; i < n; i++) {
 			var val = a * v[i].x + b * v[i].y + c,
-				dist = val * val / abSquared;
+				dist = val * val;
 			if (val < 0 && dist > maxBelow) {
 				maxBelow = dist;
 			} else if (dist > maxAbove) {
 				maxAbove = dist;
 			}
 		}
-		return Math.abs((maxAbove + maxBelow) / a) * 0.5 < epsilon;
+		return Math.abs((maxAbove + maxBelow) / (2 * a * (a * a + b * b)))
+				< epsilon;
 	}
 
 	return {
-		getNearestParameterFor: function(point) {
-			var p1 = this._segment1._point,
-				h1 = this._segment1._handleOut,
-				h2 = this._segment2._handleIn,
-				p2 = this._segment2._point;
-
-			var w = toBezierForm([p1, p1.add(h1), p2.add(h2), p2], point);
+		getNearestLocation: function(point, matrix) {
+			var w = toBezierForm(this.getPoints(matrix), point);
 			var roots = findRoots(w, 0).concat([0, 1]);
-			var min = Infinity,
-				best;
+			var minDist = Infinity,
+				minPoint,
+				minRoot;
 			for (var i = 0; i < roots.length; i++) {
-				var dist = point.getDistance(this.getPoint(roots[i]));
-				if (dist < min) {
-					min = dist;
-					best = roots[i];
+				var pt = this.getPoint(roots[i]),
+					dist = point.getDistance(pt);
+				if (dist < minDist) {
+					minDist = dist;
+					minRoot = roots[i];
+					minPoint = pt;
 				}
 			}
-			return best;
+			return new CurveLocation(this, minRoot, minPoint, minDist);
 		},
 
-		getNearestPointFor: function(point) {
-			return this.getPoint(this.getNearestParameterFor(point));
+		getNearestPoint: function(point, matrix) {
+			return this.getNearestLocation(point, matrix).getPoint();
 		}
-	}
+	};
 });
 
 CurveLocation = Base.extend({
-	initialize: function(curve, parameter, point) {
+	initialize: function(curve, parameter, point, distance) {
 		this._curve = curve;
 		this._parameter = parameter;
 		this._point = point;
+		this._distance = distance;
 	},
 
 	getSegment: function() {
 		if (!this._segment) {
-			var parameter = this.getParameter();
+			var curve = this._curve,
+				parameter = this.getParameter();
 			if (parameter == 0) {
 				this._segment = curve._segment1;
 			} else if (parameter == 1) {
@@ -3694,7 +3821,7 @@ CurveLocation = Base.extend({
 		return this._curve;
 	},
 
-	getItem: function() {
+	getPath: function() {
 		return this._curve && this._curve._path;
 	},
 
@@ -3708,22 +3835,20 @@ CurveLocation = Base.extend({
 	},
 
 	getCurveOffset: function() {
-		var parameter = this._curve && this.getParameter();
-		return parameter != null ? this._curve.getLength(0, parameter) : null;
+		var parameter = this.getParameter();
+		return parameter != null && this._curve
+				&& this._curve.getLength(0, parameter);
 	},
 
 	getParameter: function() {
-		if (this._parameter == null && this._point)
-			this._parameter = this._curve.getParameter(this._point);
+		if (this._parameter == null && this._curve && this._point)
+			this._parameter = this._curve.getParameterAt(this._point);
 		return this._parameter;
 	},
 
 	getPoint: function() {
-		if (!this._point && this._curve) {
-			var parameter = this.getParameter();
-			if (parameter != null)
-				this._point = this._curve.getPoint(parameter);
-		}
+		if (!this._point && this._curve && this._parameter != null)
+			this._point = this._curve.getPoint(this._parameter);
 		return this._point;
 	},
 
@@ -3739,6 +3864,10 @@ CurveLocation = Base.extend({
 				&& this._curve.getNormal(parameter);
 	},
 
+	getDistance: function() {
+		return this._distance;
+	},
+
 	toString: function() {
 		var parts = [],
 			point = this.getPoint();
@@ -3750,6 +3879,8 @@ CurveLocation = Base.extend({
 		var parameter = this.getParameter();
 		if (parameter != null)
 			parts.push('parameter: ' + Base.formatNumber(parameter));
+		if (this._distance != null)
+			parts.push('distance: ' + Base.formatNumber(this._distance));
 		return '{ ' + parts.join(', ') + ' }';
 	}
 });
@@ -4001,7 +4132,7 @@ var Path = this.Path = PathItem.extend({
 		var flattener = new PathFlattener(this),
 			pos = 0,
 			step = flattener.length / Math.ceil(flattener.length / maxDistance),
-			end = flattener.length + step / 2;
+			end = flattener.length + (this._closed ? -step : step) / 2;
 		var segments = [];
 		while (pos <= end) {
 			segments.push(new Segment(flattener.evaluate(pos, 0)));
@@ -4122,6 +4253,17 @@ var Path = this.Path = PathItem.extend({
 		return null;
 	},
 
+	getLocation: function(point) {
+		var curves = this.getCurves();
+		for (var i = 0, l = curves.length; i < l; i++) {
+			var curve = curves[i];
+			var t = curve.getParameter(point);
+			if (t != null)
+				return new CurveLocation(curve, t);
+		}
+		return null;
+	},
+
 	getLocationAt: function(offset, isParameter) {
 		var curves = this.getCurves(),
 			length = 0;
@@ -4135,7 +4277,7 @@ var Path = this.Path = PathItem.extend({
 			length += curve.getLength();
 			if (length >= offset) {
 				return new CurveLocation(curve,
-						curve.getParameter(offset - start));
+						curve.getParameterAt(offset - start));
 			}
 		}
 		if (offset <= this.getLength())
@@ -4158,20 +4300,74 @@ var Path = this.Path = PathItem.extend({
 		return loc && loc.getNormal();
 	},
 
-	contains: function(point) {
+	getNearestLocation: function(point, matrix) {
+		var curves = this.getCurves(),
+			minDist = Infinity,
+			minLoc = null;
+		for (var i = 0, l = curves.length; i < l; i++) {
+			var loc = curves[i].getNearestLocation(point, matrix);
+			if (loc._distance < minDist) {
+				minDist = loc._distance;
+				minLoc = loc;
+			}
+		}
+		return minLoc;
+	},
+
+	getNearestPoint: function(point, matrix) {
+		return this.getNearestLocation(point, matrix).getPoint();
+	},
+
+	contains: function(point, matrix) {
 		point = Point.read(arguments);
-		if (!this._closed || !this.getBounds().contains(point))
+		if (!this._closed || !this.getRoughBounds(matrix)._containsPoint(point))
 			return false;
 		var curves = this.getCurves(),
-			prevCurve = this.getLastCurve(),
-			crossings = 0;
-		for (var i = 0, l = curves.length; i < l; i++) {
-			var curve = curves[i];
-			crossings += curve.getCrossingsFor(point,
-					prevCurve.getTangent(1).y);
-			prevCurve = curve;
-		}
+			crossings = 0,
+			roots = [];
+		for (var i = 0, l = curves.length; i < l; i++)
+			crossings += curves[i].getCrossings(point, matrix, roots);
 		return (crossings & 1) == 1;
+	},
+
+	_hitTest: function(point, options, matrix) {
+		var tolerance = options.tolerance || 0,
+			radius = (options.stroke ? this.getStrokeWidth() / 2 : 0) + tolerance,
+			loc,
+			res;
+		var coords = [],
+			that = this;
+		function checkSegment(segment, ends) {
+			segment._transformCoordinates(matrix, coords);
+			for (var j = ends || options.segments ? 0 : 2,
+					m = !ends && options.handles ? 6 : 2; j < m; j += 2) {
+				if (point.getDistance(coords[j], coords[j + 1]) < tolerance)
+					return new HitResult(j == 0 ? 'segment'
+							: 'handle-' + (j == 2 ? 'in' : 'out'),
+							that, { segment: segment });
+			}
+		}
+		if (options.ends && !options.segments && !this._closed) {
+			if (res = checkSegment(this.getFirstSegment(), true)
+					|| checkSegment(this.getLastSegment(), true))
+				return res;
+		} else if (options.segments || options.handles) {
+			for (var i = 0, l = this._segments.length; i < l; i++) {
+				if (res = checkSegment(this._segments[i]))
+					return res;
+			}
+		}
+		if (options.stroke && radius > 0)
+			loc = this.getNearestLocation(point, matrix);
+		if (!(loc && loc._distance <= radius) && options.fill
+				&& this.getFillColor() && this.contains(point, matrix))
+			return new HitResult('fill', this);
+		if (!loc && radius > 0)
+			loc = this.getNearestLocation(point, matrix);
+		if (loc && loc._distance <= radius)
+			return options.stroke
+					? new HitResult('stroke', this, { location: loc })
+					: new HitResult('fill', this);
 	}
 
 }, new function() { 
@@ -4605,11 +4801,11 @@ var Path = this.Path = PathItem.extend({
 					continue;
 				}
 
-				var b2ac = b * b - 4 * a * c;
-				if (b2ac < 0)
+				var q = b * b - 4 * a * c;
+				if (q < 0)
 					continue;
-				var sqrt = Math.sqrt(b2ac),
-					f = 1 / (a * -2),
+				var sqrt = Math.sqrt(q),
+					f = -0.5 / a,
 				 	t1 = (b - sqrt) * f,
 					t2 = (b + sqrt) * f;
 				if (tMin < t1 && t1 < tMax)
@@ -4803,90 +4999,6 @@ var Path = this.Path = PathItem.extend({
 	};
 });
 
-var CompoundPath = this.CompoundPath = PathItem.extend({
-	initialize: function(paths) {
-		this.base();
-		this._children = [];
-		this._namedChildren = {};
-		var items = !paths || !Array.isArray(paths)
-				|| typeof paths[0] !== 'object' ? arguments : paths;
-		for (var i = 0, l = items.length; i < l; i++) {
-			var path = items[i];
-			if (path._clockwise === undefined)
-				path.setClockwise(i < l - 1);
-			this.addChild(path);
-		}
-	},
-
-	simplify: function() {
-		if (this._children.length == 1) {
-			var child = this._children[0];
-			child.insertAbove(this);
-			this.remove();
-			return child;
-		}
-		return this;
-	},
-
-	smooth: function() {
-		for (var i = 0, l = this._children.length; i < l; i++)
-			this._children[i].smooth();
-	},
-
-	draw: function(ctx, param) {
-		var firstChild = this._children[0];
-		ctx.beginPath();
-		param.compound = true;
-		for (var i = 0, l = this._children.length; i < l; i++)
-			Item.draw(this._children[i], ctx, param);
-		firstChild._setStyles(ctx);
-		var fillColor = firstChild.getFillColor(),
-			strokeColor = firstChild.getStrokeColor();
-		if (fillColor) {
-			ctx.fillStyle = fillColor.getCanvasStyle(ctx);
-			ctx.fill();
-		}
-		if (strokeColor) {
-			ctx.strokeStyle = strokeColor.getCanvasStyle(ctx);
-			ctx.stroke();
-		}
-		param.compound = false;
-	}
-}, new function() { 
-	function getCurrentPath(that) {
-		if (!that._children.length)
-			throw new Error('Use a moveTo() command first');
-		return that._children[that._children.length - 1];
-	}
-
-	var fields = {
-		moveTo: function(point) {
-			var path = new Path();
-			this.addChild(path);
-			path.moveTo.apply(path, arguments);
-		},
-
-		moveBy: function(point) {
-			this.moveTo(getCurrentPath(this).getLastSegment()._point.add(
-					Point.read(arguments)));
-		},
-
-		closePath: function() {
-			getCurrentPath(this).setClosed(true);
-		}
-	};
-
-	Base.each(['lineTo', 'cubicCurveTo', 'quadraticCurveTo', 'curveTo',
-			'arcTo', 'lineBy', 'curveBy', 'arcBy'], function(key) {
-		fields[key] = function() {
-			var path = getCurrentPath(this);
-			path[key].apply(path, arguments);
-		};
-	});
-
-	return fields;
-});
-
 Path.inject({ statics: new function() {
 	var kappa = 2 / 3 * (Math.sqrt(2) - 1);
 
@@ -5023,6 +5135,90 @@ Path.inject({ statics: new function() {
 	};
 }});
 
+var CompoundPath = this.CompoundPath = PathItem.extend({
+	initialize: function(paths) {
+		this.base();
+		this._children = [];
+		this._namedChildren = {};
+		var items = !paths || !Array.isArray(paths)
+				|| typeof paths[0] !== 'object' ? arguments : paths;
+		for (var i = 0, l = items.length; i < l; i++) {
+			var path = items[i];
+			if (path._clockwise === undefined)
+				path.setClockwise(i < l - 1);
+			this.addChild(path);
+		}
+	},
+
+	simplify: function() {
+		if (this._children.length == 1) {
+			var child = this._children[0];
+			child.insertAbove(this);
+			this.remove();
+			return child;
+		}
+		return this;
+	},
+
+	smooth: function() {
+		for (var i = 0, l = this._children.length; i < l; i++)
+			this._children[i].smooth();
+	},
+
+	draw: function(ctx, param) {
+		var firstChild = this._children[0];
+		ctx.beginPath();
+		param.compound = true;
+		for (var i = 0, l = this._children.length; i < l; i++)
+			Item.draw(this._children[i], ctx, param);
+		firstChild._setStyles(ctx);
+		var fillColor = firstChild.getFillColor(),
+			strokeColor = firstChild.getStrokeColor();
+		if (fillColor) {
+			ctx.fillStyle = fillColor.getCanvasStyle(ctx);
+			ctx.fill();
+		}
+		if (strokeColor) {
+			ctx.strokeStyle = strokeColor.getCanvasStyle(ctx);
+			ctx.stroke();
+		}
+		param.compound = false;
+	}
+}, new function() { 
+	function getCurrentPath(that) {
+		if (!that._children.length)
+			throw new Error('Use a moveTo() command first');
+		return that._children[that._children.length - 1];
+	}
+
+	var fields = {
+		moveTo: function(point) {
+			var path = new Path();
+			this.addChild(path);
+			path.moveTo.apply(path, arguments);
+		},
+
+		moveBy: function(point) {
+			this.moveTo(getCurrentPath(this).getLastSegment()._point.add(
+					Point.read(arguments)));
+		},
+
+		closePath: function() {
+			getCurrentPath(this).setClosed(true);
+		}
+	};
+
+	Base.each(['lineTo', 'cubicCurveTo', 'quadraticCurveTo', 'curveTo',
+			'arcTo', 'lineBy', 'curveBy', 'arcBy'], function(key) {
+		fields[key] = function() {
+			var path = getCurrentPath(this);
+			path[key].apply(path, arguments);
+		};
+	});
+
+	return fields;
+});
+
 var PathFlattener = Base.extend({
 	initialize: function(path) {
 		this.curves = []; 
@@ -5051,8 +5247,8 @@ var PathFlattener = Base.extend({
 	},
 
 	_computeParts: function(curve, index, minT, maxT) {
-		if ((maxT - minT) > 1 / 32 && !Curve.isFlatEnough.apply(Curve, curve)) {
-			var curves = Curve.subdivide.apply(Curve, curve);
+		if ((maxT - minT) > 1 / 32 && !Curve.isFlatEnough(curve)) {
+			var curves = Curve.subdivide(curve);
 			var halfT = (minT + maxT) / 2;
 			this._computeParts(curves[0], index, minT, halfT);
 			this._computeParts(curves[1], index, halfT, maxT);
@@ -5071,7 +5267,7 @@ var PathFlattener = Base.extend({
 		}
 	},
 
-	getParameter: function(offset) {
+	getParameterAt: function(offset) {
 		var i, j = this.index;
 		for (;;) {
 			i = j;
@@ -5100,18 +5296,17 @@ var PathFlattener = Base.extend({
 	},
 
 	evaluate: function(offset, type) {
-		var param = this.getParameter(offset);
-		return Curve.evaluate.apply(Curve,
-				this.curves[param.index].concat([param.value, type]));
+		var param = this.getParameterAt(offset);
+		return Curve.evaluate(this.curves[param.index], param.value, type);
 	},
 
 	drawPart: function(ctx, from, to) {
-		from = this.getParameter(from);
-		to = this.getParameter(to);
+		from = this.getParameterAt(from);
+		to = this.getParameterAt(to);
 		for (var i = from.index; i <= to.index; i++) {
-			var curve = Curve.getPart.apply(Curve, this.curves[i].concat(
+			var curve = Curve.getPart(this.curves[i],
 					i == from.index ? from.value : 0,
-					i == to.index ? to.value : 1));
+					i == to.index ? to.value : 1);
 			if (i == from.index)
 				ctx.moveTo(curve[0], curve[1]);
 			ctx.bezierCurveTo.apply(ctx, curve.slice(2));
@@ -5587,20 +5782,13 @@ var Color = this.Color = Base.extend(new function() {
 				max = Math.max(r, g, b),
 				min = Math.min(r, g, b),
 				delta = max - min,
-				h,
+				h = delta == 0 ? 0
+					:   ( max == r ? (g - b) / delta + (g < b ? 6 : 0)
+						: max == g ? (b - r) / delta + 2
+						:            (r - g) / delta + 4) * 60, 
 				s = max == 0 ? 0 : delta / max,
 				v = max; 
-			if (delta == 0) {
-				h = 0; 
-			} else {
-				switch (max) {
-				case r: h = (g - b) / delta + (g < b ? 6 : 0); break;
-				case g: h = (b - r) / delta + 2; break;
-				case b: h = (r - g) / delta + 4; break;
-				}
-				h /= 6;
-			}
-			return new HSBColor(h * 360, s, v, color._alpha);
+			return new HSBColor(h, s, v, color._alpha);
 		},
 
 		'hsb-rgb': function(color) {
@@ -5611,7 +5799,7 @@ var Color = this.Color = Base.extend(new function() {
 				f = h - i,
 				i = hsbIndices[i],
 				v = [
-					b, 						
+					b,						
 					b * (1 - s),			
 					b * (1 - s * f),		
 					b * (1 - s * (1 - f))	
@@ -5619,6 +5807,50 @@ var Color = this.Color = Base.extend(new function() {
 			return new RGBColor(v[i[0]], v[i[1]], v[i[2]], color._alpha);
 		},
 
+		'rgb-hsl': function(color) {
+			var r = color._red,
+				g = color._green,
+				b = color._blue,
+				max = Math.max(r, g, b),
+				min = Math.min(r, g, b),
+				delta = max - min,
+				h = delta == 0 ? 0
+					:   ( max == r ? (g - b) / delta + (g < b ? 6 : 0)
+						: max == g ? (b - r) / delta + 2
+						:            (r - g) / delta + 4) * 60, 
+				l = (max + min) / 2,
+				s = l < 0.5
+					? delta / (max + min)
+					: delta / (2 - max - min);
+			return new HSLColor(h, s, l, color._alpha);
+		},
+
+		'hsl-rgb': function(color) {
+			var s = color._saturation,
+				h = color._hue / 360,
+				l = color._lightness,
+				t1, t2, c;
+			if (s == 0)
+				return new RGBColor(l, l, l, color._alpha);
+			var t3s = [ h + 1 / 3, h, h - 1 / 3 ],
+				t2 = l < 0.5 ? l * (1 + s) : l + s - l * s,
+				t1 = 2 * l - t2,
+				c = [];
+			for (var i = 0; i < 3; i++) {
+				var t3 = t3s[i];
+				if (t3 < 0) t3 += 1;
+				if (t3 > 1) t3 -= 1;
+				c[i] = 6 * t3 < 1
+					? t1 + (t2 - t1) * 6 * t3
+					: 2 * t3 < 1
+						? t2
+						: 3 * t3 < 2
+							? t1 + (t2 - t1) * ((2 / 3) - t3) * 6
+							: t1;
+			}
+			return new RGBColor(c[0], c[1], c[2], color._alpha);
+		},
+
 		'rgb-gray': function(color) {
 			return new GrayColor(1 - (color._red * 0.2989 + color._green * 0.587
 					+ color._blue * 0.114), color._alpha);
@@ -5629,85 +5861,12 @@ var Color = this.Color = Base.extend(new function() {
 			return new RGBColor(comp, comp, comp, color._alpha);
 		},
 
-		'hsb-gray': function(color) {
-			return converters['rgb-gray'](converters['hsb-rgb'](color));
-		},
-
 		'gray-hsb': function(color) {
 			return new HSBColor(0, 0, 1 - color._gray, color._alpha);
 		},
-		'rgb-hsl': function(color) {
-			var r = color._red,
-				g = color._green,
-				b = color._blue,
-				max = Math.max(r, g, b),
-				min = Math.min(r, g, b),
-				l = (max + min) / 2,
-				s, h;
-			if (max == min) {
-				s = 0;
-				h = Number.NaN
-			} else {
-				if (l < 0.5) {
-					s = (max - min) / (max + min);
-				} else {
-					s = (max - min) / (2 - max - min);
-				}
-			}
-			if (r == max) {
-				h = (g - b) / (max - min);
-			} else if (g == max) {
-				h = 2 + (b - r) / (max - min);
-			} else {
-				h = 4 + (r - g) / (max - min);
-			}
-			h *= 60;
-			if (h < 0) h += 360;
-			return new HSLColor(h, s, l, color._alpha);
-		},
-		'hsl-rgb': function(color) {
-			var s = color._saturation,
-				h = color._hue,
-				l = color._lightness,
-				t1, t2, t3, c, r, g, b, i;
-			if (s == 0) {
-				return new RGBColor(l, l, l, color._alpha);
-			} else {
-				t3 = [0,0,0];
-				c = [0,0,0];
-				if (l < 0.5) {
-					t2 = t2 = l * (1 + s);
-				} else {
-					t2 = l + s - l * s;
-				}
-				t1 = 2 * l - t2;	
-				h = h / 360;
-				t3[0] = h + 1 / 3;
-				t3[1] = h;
-				t3[2] = h - 1 / 3;
-				for (i = 0; i<3; i++) {
-					if (t3[i] < 0) t3[i] += 1;
-					if (t3[i] > 1) t3[i] -= 1;
-					if (6 * t3[i] < 1) c[i] = t1 + (t2 - t1) * 6 * t3[i];
-					else if (2 * t3[i] < 1) c[i] = t2;
-					else if (3 * t3[i] < 2) c[i] = t1 + (t2 - t1) * ((2 / 3) - t3[i]) * 6;
-					else c[i] = t1;
-				}
-				return new RGBColor(c[0], c[1], c[2], color._alpha);
-			}
-		},
-		'hsl-gray': function(color) {
-			return converters['rgb-gray'](converters['hsl-rgb'](color));
-		},
 
 		'gray-hsl': function(color) {
 			return new HSLColor(0, 0, 1 - color._gray, color._alpha);
-		},
-		'hsl-hsb': function(color) {
-			return converters['rgb-hsb'](converters['hsl-rgb'](color));
-		},
-		'hsb-hsl': function(color) {
-			return converters['rgb-hsl'](converters['hsb-rgb'](color));
 		}
 	};
 
@@ -5771,9 +5930,13 @@ var Color = this.Color = Base.extend(new function() {
 		},
 
 		convert: function(type) {
+			var converter;
 			return this._colorType == type
-				? this.clone()
-				: converters[this._colorType + '-' + type](this);
+					? this.clone()
+					: (converter = converters[this._colorType + '-' + type])
+						? converter(this)
+						: converters['rgb-' + type](
+								converters[this._colorType + '-rgb'](this));
 		},
 
 		statics: {
@@ -6288,20 +6451,20 @@ DomEvent.requestAnimationFrame = new function() {
 		if (request)
 			return request(callback, element);
 		callbacks.push([callback, element]);
-		if (!timer) {
-			timer = window.setInterval(function() {
-				for (var i = callbacks.length - 1; i >= 0; i--) {
-					var entry = callbacks[i],
-						func = entry[0],
-						element = entry[1];
-					if (!element || (element.getAttribute('keepalive') == 'true'
-							|| focused) && DomElement.isVisible(element)) {
-						callbacks.splice(i, 1);
-						func(Date.now());
-					}
+		if (timer)
+			return;
+		timer = window.setInterval(function() {
+			for (var i = callbacks.length - 1; i >= 0; i--) {
+				var entry = callbacks[i],
+					func = entry[0],
+					el = entry[1];
+				if (!el || (PaperScript.getAttribute(el, 'keepalive') == 'true'
+						|| focused) && DomElement.isVisible(el)) {
+					callbacks.splice(i, 1);
+					func(Date.now());
 				}
-			}, 1000 / 60);
-		}
+			}
+		}, 1000 / 60);
 	};
 };
 
@@ -6312,7 +6475,7 @@ var View = this.View = Base.extend({
 		var size;
 		if (canvas && canvas instanceof HTMLCanvasElement) {
 			this._canvas = canvas;
-			if (canvas.attributes.resize) {
+			if (PaperScript.hasAttribute(canvas, 'resize')) {
 				var offset = DomElement.getOffset(canvas, false, true),
 					that = this;
 				size = DomElement.getViewportSize(canvas).subtract(offset);
@@ -6332,7 +6495,7 @@ var View = this.View = Base.extend({
 							parseInt(canvas.getAttribute('height')))
 					: DomElement.getSize(canvas);
 			}
-			if (canvas.attributes.stats) {
+			if (PaperScript.hasAttribute(canvas, 'stats')) {
 				this._stats = new Stats();
 				var element = this._stats.domElement,
 					style = element.style,
@@ -6379,15 +6542,15 @@ var View = this.View = Base.extend({
 			return;
 		this._canvas.width = size.width;
 		this._canvas.height = size.height;
+		this._viewSize.set(size.width, size.height, true);
+		this._bounds = null;
+		this._redrawNeeded = true;
 		if (this.onResize) {
 			this.onResize({
 				size: size,
 				delta: delta
 			});
 		}
-		this._viewSize.set(size.width, size.height, true);
-		this._bounds = null;
-		this._redrawNeeded = true;
 		if (this._onFrameCallback) {
 			this._onFrameCallback(0, true);
 		} else {
@@ -6514,11 +6677,11 @@ var View = this.View = Base.extend({
 			}
 			var now = Date.now() / 1000,
 			 	delta = before ? now - before : 0;
-			that._onFrame({
+			that._onFrame(Base.merge({
 				delta: delta, 
 				time: time += delta, 
 				count: count++
-			});
+			}));
 			before = now;
 			that.draw(true);
 		};
@@ -6709,17 +6872,13 @@ var Key = this.Key = new function() {
 		91: 'command'
 	},
 
-	modifiers = {
+	modifiers = Base.merge({
 		shift: false,
 		control: false,
 		option: false,
 		command: false,
-		capsLock: false,
-
-		toString: function() {
-			return Base.formatObject(this);
-		}
-	},
+		capsLock: false
+	}),
 
 	charCodeMap = {}, 
 	keyMap = {}, 
@@ -7109,32 +7268,34 @@ var Numerical = new function() {
 			}
 		},
 
-		solveQuadratic: function(a, b, c, tolerance) {
+		solveQuadratic: function(a, b, c, roots, tolerance) {
 			if (abs(a) < tolerance) {
-				if (abs(b) >= tolerance)
-					return [ -c / b ];
+				if (abs(b) >= tolerance) {
+					roots[0] = -c / b;
+					return 1;
+				}
 				if (abs(c) < tolerance)
-					return Infinity; 
-				return []; 
+					return -1; 
+				return 0; 
 			}
 			var q = b * b - 4 * a * c;
 			if (q < 0)
-				return []; 
+				return 0; 
 			q = sqrt(q);
 			if (b < 0)
 				q = -q;
 			q = (b + q) * -0.5;
-			var roots = [];
+			var n = 0;
 			if (abs(q) >= tolerance)
-				roots.push(c / q);
+				roots[n++] = c / q;
 			if (abs(a) >= tolerance)
-				roots.push(q / a);
-			return roots; 
+				roots[n++] = q / a;
+			return n; 
 		},
 
-	    solveCubic: function(a, b, c, d, tolerance) {
-			if (d == 0)
-			    return Numerical.solveQuadratic(b, c, d, tolerance);
+	    solveCubic: function(a, b, c, d, roots, tolerance) {
+			if (abs(a) < tolerance)
+			    return Numerical.solveQuadratic(b, c, d, roots, tolerance);
 			b /= a;
 			c /= a;
 			d /= a;
@@ -7142,22 +7303,22 @@ var Numerical = new function() {
 				R = (2 * b * b * b - 9 * b * c + 27 * d) / 54,
 				Q3 = Q * Q * Q,
 				R2 = R * R;
-			if (R2 <= Q3) { 
+			b /= 3; 
+			if (R2 < Q3) { 
 				var theta = Math.acos(R / sqrt(Q3)),
-					v1 = -2 * sqrt(Q);
-					v2 = b / 3;
-				return [
-					v1 * cos(theta / 3) - v2,
-					v1 * cos((theta + 2 * PI) / 3) - v2,
-					v1 * cos((theta - 2 * PI) / 3) - v2
-				];
+					q = -2 * sqrt(Q);
+				roots[0] = q * cos(theta / 3) - b;
+				roots[1] = q * cos((theta + 2 * PI) / 3) - b;
+				roots[2] = q * cos((theta - 2 * PI) / 3) - b;
+				return 3;
 			} else { 
 				var A = -Math.pow(abs(R) + sqrt(R2 - Q3), 1 / 3);
 				if (R < 0) A = -A;
-			    var B = (abs(A) < tolerance) ? 0 : Q / A;
-				return [ (A + B) - a ];
+				var B = (abs(A) < tolerance) ? 0 : Q / A;
+				roots[0] = (A + B) - b;
+				return 1;
 			}
-			return [];
+			return 0;
 		}
 	};
 };
@@ -7462,12 +7623,14 @@ var parse_js=new function(){function W(a,b,c){var d=[];for(var e=0;e<a.length;++
 			return walk(ast);
 		});
 
-		return parse_js.gen_code(ast, true);
+		return parse_js.gen_code(ast, {
+			beautify: true
+		});
 	}
 
 	function evaluate(code, scope) {
 		if (typeof code !== 'string') {
-			var canvas = code.getAttribute('canvas');
+			var canvas = PaperScript.getAttribute(code, 'canvas');
 			if (canvas = canvas && document.getElementById(canvas)) {
 				paper = scope;
 				new Project();
@@ -7531,28 +7694,42 @@ var parse_js=new function(){function W(a,b,c){var d=[];for(var e=0;e<a.length;++
 			count = 0;
 		for (var i = 0, l = scripts.length; i < l; i++) {
 			var script = scripts[i];
-			if (script.type === 'text/paperscript'
-					&& !script.getAttribute('loaded')) {
+			if (/^text\/(?:x-|)paperscript$/.test(script.type)
+					&& !script.getAttribute('data-paper-loaded')) {
 				var scope = new PaperScope(script.getAttribute('id')
 						|| script.src || ('paperscript-' + (count++)));
 				script.setAttribute('id', scope.id);
 				evaluate(script, scope);
-				script.setAttribute('loaded', true);
+				script.setAttribute('data-paper-loaded', true);
 			}
 		}
 	}
 
 	DomEvent.add(window, { load: load });
 
+	function handleAttribute(name) {
+		name += 'Attribute';
+		return function(el, attr) {
+			return el[name](attr) || el[name]('data-paper-' + attr);
+		};
+	}
+
 	return {
 		compile: compile,
 		evaluate: evaluate,
-		load: load
+		load: load,
+		getAttribute: handleAttribute('get'),
+		hasAttribute: handleAttribute('has')
 	};
 
 };
 
 this.load = PaperScript.load;
 
+Base.each(this, function(val, key) {
+	if (val && val.prototype instanceof Base)
+		val._name = key;
+});
+
 return new (PaperScope.inject(this));
 };