diff --git a/examples/Animated/RoundedRectangles.html b/examples/Animated/RoundedRectangles.html
index 14046bbd..cffc8dee 100644
--- a/examples/Animated/RoundedRectangles.html
+++ b/examples/Animated/RoundedRectangles.html
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 	<script>
 		var doc, mousePoint, amount = 25;
 		var count = 0, paths = [];
diff --git a/examples/Animated/animatedStar.html b/examples/Animated/animatedStar.html
index 9a1aab1d..74c0594e 100644
--- a/examples/Animated/animatedStar.html
+++ b/examples/Animated/animatedStar.html
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 	<script>
 		var canvas, doc;
 		var count = 0;
diff --git a/examples/Scripts/BouncingBalls.html b/examples/Scripts/BouncingBalls.html
index 01f553d9..2f6ceced 100644
--- a/examples/Scripts/BouncingBalls.html
+++ b/examples/Scripts/BouncingBalls.html
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 	<script>
 		var count = 0, balls = [];
 		var ball;
diff --git a/examples/Scripts/arcTo.html b/examples/Scripts/arcTo.html
index 8e6c2448..1756c508 100644
--- a/examples/Scripts/arcTo.html
+++ b/examples/Scripts/arcTo.html
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 	<script>
 		window.onload = function() {
 			var canvas = document.getElementById('canvas');
diff --git a/examples/Scripts/circle.html b/examples/Scripts/circle.html
index ad4dfc3d..34476c04 100644
--- a/examples/Scripts/circle.html
+++ b/examples/Scripts/circle.html
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 	<script>
 		var count = 0;
 		var doc;
diff --git a/examples/Scripts/letter.html b/examples/Scripts/letter.html
index 03e0bc17..f2f5bb96 100644
--- a/examples/Scripts/letter.html
+++ b/examples/Scripts/letter.html
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 	<script>
 		window.onload = function() {
 			var canvas = document.getElementById('canvas');
diff --git a/examples/Scripts/lines.html b/examples/Scripts/lines.html
index b515b610..d9068f90 100644
--- a/examples/Scripts/lines.html
+++ b/examples/Scripts/lines.html
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 	<script>
 		var count = 0;
 		var doc;
diff --git a/examples/Scripts/rectangle.html b/examples/Scripts/rectangle.html
index e2d1b7c3..f6f256c5 100644
--- a/examples/Scripts/rectangle.html
+++ b/examples/Scripts/rectangle.html
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 	<script>
 		var count = 0;
 		var doc;
diff --git a/examples/Scripts/roundRectangle.html b/examples/Scripts/roundRectangle.html
index cafbaaf9..ae74452a 100644
--- a/examples/Scripts/roundRectangle.html
+++ b/examples/Scripts/roundRectangle.html
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 	<script>
 		var count = 0;
 		var doc;
diff --git a/examples/Scripts/star.html b/examples/Scripts/star.html
index 433c3a35..d3831f76 100644
--- a/examples/Scripts/star.html
+++ b/examples/Scripts/star.html
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 	<script>
 		window.onload = function() {
 			var canvas = document.getElementById('canvas');
diff --git a/examples/Scripts/strokeJoin.html b/examples/Scripts/strokeJoin.html
index 5cf733d1..0b6950f0 100644
--- a/examples/Scripts/strokeJoin.html
+++ b/examples/Scripts/strokeJoin.html
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 	<script>
 		window.onload = function() {
 			var canvas = document.getElementById('canvas');
diff --git a/examples/Tools/Circles.html b/examples/Tools/Circles.html
index 20ffa7e9..90e70af1 100644
--- a/examples/Tools/Circles.html
+++ b/examples/Tools/Circles.html
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 
 	<script>
 		window.onload = function() {
diff --git a/examples/Tools/Clouds.html b/examples/Tools/Clouds.html
index badc4b81..b46f420d 100644
--- a/examples/Tools/Clouds.html
+++ b/examples/Tools/Clouds.html
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 	<script>
 		window.onload = function() {
 			var canvas = document.getElementById('canvas');
diff --git a/examples/Tools/Dripping Brush.html b/examples/Tools/Dripping Brush.html
index 351d60b6..da4ade7f 100644
--- a/examples/Tools/Dripping Brush.html	
+++ b/examples/Tools/Dripping Brush.html	
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 	<script>
 		window.onload = function() {
 			var canvas = document.getElementById('canvas');
diff --git a/examples/Tools/Fancy Brush.html b/examples/Tools/Fancy Brush.html
index e5e5bed4..92940782 100644
--- a/examples/Tools/Fancy Brush.html	
+++ b/examples/Tools/Fancy Brush.html	
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 	<script>
 		window.onload = function() {
 			var canvas = document.getElementById('canvas');
diff --git a/examples/Tools/Grid.html b/examples/Tools/Grid.html
index ffe5f027..a708a06d 100644
--- a/examples/Tools/Grid.html
+++ b/examples/Tools/Grid.html
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 	<script>
 		window.onload = function() {
 			
diff --git a/examples/Tools/MultiLines.html b/examples/Tools/MultiLines.html
index 29f8eec3..ec1277a6 100644
--- a/examples/Tools/MultiLines.html
+++ b/examples/Tools/MultiLines.html
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 	<script>
 		window.onload = function() {
 			var canvas = document.getElementById('canvas');
diff --git a/examples/Tools/Wave.html b/examples/Tools/Wave.html
index f96ffb6b..9d5b9d1e 100644
--- a/examples/Tools/Wave.html
+++ b/examples/Tools/Wave.html
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 	<script>
 		window.onload = function() {
 			var canvas = document.getElementById('canvas');
diff --git a/examples/Tools/Worm Farm.html b/examples/Tools/Worm Farm.html
index b25e4c1b..b7848317 100644
--- a/examples/Tools/Worm Farm.html	
+++ b/examples/Tools/Worm Farm.html	
@@ -22,9 +22,9 @@
 	<script type="text/javascript" src="../../src/path/PathItem.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.js"></script>
 	<script type="text/javascript" src="../../src/path/Path.Constructors.js"></script>
-	<script type="text/javascript" src="../src/color/Color.js"></script>
-	<script type="text/javascript" src="../src/color/RGBColor.js"></script>
-	<script type="text/javascript" src="../src/color/GrayColor.js"></script>
+	<script type="text/javascript" src="../../src/color/Color.js"></script>
+	<script type="text/javascript" src="../../src/color/RGBColor.js"></script>
+	<script type="text/javascript" src="../../src/color/GrayColor.js"></script>
 	<script>
 		window.onload = function() {
 			var canvas = document.getElementById('canvas');