diff --git a/css/example.css b/css/example.css
index 0bb3d03..3ef4131 100644
--- a/css/example.css
+++ b/css/example.css
@@ -107,6 +107,20 @@ a:hover { text-decoration: underline; }
 	clear: both;
 }
 
+#logHSV {
+	border-top: 1px solid #6D7985;
+	clear: both;
+	float: left;
+	margin-top: 10px;
+	width: 578px;
+	padding-top: 15px;
+}
+#logHSV li {
+	float: left;
+	width: 70px;
+}
+
+
 #log_colors { padding-left: 4px; }
 
 .color_box {
diff --git a/index.html b/index.html
index fb968b2..b76563f 100644
--- a/index.html
+++ b/index.html
@@ -37,7 +37,7 @@
 			$("#sort_val").click(function(event){
 				franz.displayVal();
 				return false;
-			}); 
+			});
         });
     </script>
 </head>
@@ -60,6 +60,13 @@
 	    <p id="try_these"><strong>Try out:</strong> <a href="#">lol.png</a>, <a href="#">testjubs.jpg</a>, <a href="#">stars.jpg</a>, <a href="#">1600.jpg</a>, <a href="#">fallout.jpg</a></p>
 		
     </div>
+	
+	<!-- might log colors later on
+	<ul id="logHSV">
+		<li><p id="logHue">Hue: </p></li>
+		<li><p id="logSat">Sat: </p></li>
+		<li><p id="logVal">Val: </p></li>
+	</ul> -->
 </div>
 
 <div id="container_bottom">
diff --git a/js/franz.js b/js/franz.js
index ac5dea3..ba781a6 100644
--- a/js/franz.js
+++ b/js/franz.js
@@ -156,7 +156,7 @@ var franz = {
 			franz.origIndex[i] = i;
 		}
 		
-		franz.qsort(franz.hue, 0, franz.hue.length);
+		franz.qsort(franz.clone(franz.hue), 0, franz.alpha.length);
 		
 		for(var i = 0; i < franz.alpha.length; i++) {
 			docString += '<div class="color_box" style="background-color: rgb(' + franz.red[franz.origIndex[i]] + ', ' +  franz.green[franz.origIndex[i]] + ',' + franz.blue[franz.origIndex[i]] + ');"></div>';
@@ -177,7 +177,7 @@ var franz = {
 			franz.origIndex[i] = i;
 		}
 		
-		franz.qsort(franz.sat, 0, franz.sat.length);
+		franz.qsort(franz.clone(franz.sat), 0, franz.alpha.length);
 		
 		for(var i = 0; i < franz.alpha.length; i++) {
 			docString += '<div class="color_box" style="background-color: rgb(' + franz.red[franz.origIndex[i]] + ', ' +  franz.green[franz.origIndex[i]] + ',' + franz.blue[franz.origIndex[i]] + ');"></div>';
@@ -198,7 +198,7 @@ var franz = {
 			franz.origIndex[i] = i;
 		}
 		
-		franz.qsort(franz.val, 0, franz.val.length);
+		franz.qsort(franz.clone(franz.val), 0, franz.alpha.length);
 		
 		for(var i = 0; i < franz.alpha.length; i++) {
 			docString += '<div class="color_box" style="background-color: rgb(' + franz.red[franz.origIndex[i]] + ', ' +  franz.green[franz.origIndex[i]] + ',' + franz.blue[franz.origIndex[i]] + ');"></div>';