diff --git a/Application.cpp b/Application.cpp
index 43d04d7..b30b1a7 100644
--- a/Application.cpp
+++ b/Application.cpp
@@ -139,6 +139,7 @@ Application::Application(HWND parentWindow) : _propWindow(NULL) { //: GApp(setti
 	SetWindowLongPtr(_hwndToolbox,GWL_USERDATA+1,(LONG)webBrowser);
 	//webBrowser->navigateSyncURL(L"http://androdome.com/res/ClientToolbox.php");
 	navigateToolbox(GetFileInPath("/content/page/controller.html"));
+	//navigateToolbox(GetFileInPath("/content/page/surface.html"));
 
 }
 
diff --git a/IEBrowser.cpp b/IEBrowser.cpp
index e1dec47..b560aea 100644
--- a/IEBrowser.cpp
+++ b/IEBrowser.cpp
@@ -26,7 +26,7 @@ HRESULT IEBrowser::doExternal(std::wstring funcName,
 		MessageBoxW(NULL, pDispParams->rgvarg->bstrVal,L"Add insert here...",MB_OK);
 		return S_OK;
 	}
-	else if (funcName==L"Boop")
+	else if (funcName==L"ToggleHopperBin")
 	{
 		MessageBox(NULL, "BOOP", "Boopity boop",MB_OK);
 	}
diff --git a/content/images/Clone.png b/content/images/Clone.png
new file mode 100644
index 0000000..31915a9
Binary files /dev/null and b/content/images/Clone.png differ
diff --git a/content/images/GameTool.png b/content/images/GameTool.png
new file mode 100644
index 0000000..6c6fce2
Binary files /dev/null and b/content/images/GameTool.png differ
diff --git a/content/images/GlueTool.png b/content/images/GlueTool.png
new file mode 100644
index 0000000..abc10a9
Binary files /dev/null and b/content/images/GlueTool.png differ
diff --git a/content/images/GlueTool_dn.png b/content/images/GlueTool_dn.png
new file mode 100644
index 0000000..76ff83a
Binary files /dev/null and b/content/images/GlueTool_dn.png differ
diff --git a/content/images/Grab.png b/content/images/Grab.png
new file mode 100644
index 0000000..adea8d6
Binary files /dev/null and b/content/images/Grab.png differ
diff --git a/content/images/Hammer.png b/content/images/Hammer.png
new file mode 100644
index 0000000..c07b5af
Binary files /dev/null and b/content/images/Hammer.png differ
diff --git a/content/images/Laser.png b/content/images/Laser.png
new file mode 100644
index 0000000..24e41d9
Binary files /dev/null and b/content/images/Laser.png differ
diff --git a/content/images/RightMotorFastTool.png b/content/images/RightMotorFastTool.png
new file mode 100644
index 0000000..3e4a779
Binary files /dev/null and b/content/images/RightMotorFastTool.png differ
diff --git a/content/images/RightMotorFastTool_dn.png b/content/images/RightMotorFastTool_dn.png
new file mode 100644
index 0000000..6dd9302
Binary files /dev/null and b/content/images/RightMotorFastTool_dn.png differ
diff --git a/content/images/RightMotorTool.png b/content/images/RightMotorTool.png
new file mode 100644
index 0000000..a61a195
Binary files /dev/null and b/content/images/RightMotorTool.png differ
diff --git a/content/images/RightMotorTool_dn.png b/content/images/RightMotorTool_dn.png
new file mode 100644
index 0000000..916158e
Binary files /dev/null and b/content/images/RightMotorTool_dn.png differ
diff --git a/content/images/Rocket.png b/content/images/Rocket.png
new file mode 100644
index 0000000..32a3191
Binary files /dev/null and b/content/images/Rocket.png differ
diff --git a/content/images/Slingshot.png b/content/images/Slingshot.png
new file mode 100644
index 0000000..6ecb734
Binary files /dev/null and b/content/images/Slingshot.png differ
diff --git a/content/images/SmoothTool.png b/content/images/SmoothTool.png
new file mode 100644
index 0000000..114a6e7
Binary files /dev/null and b/content/images/SmoothTool.png differ
diff --git a/content/images/SmoothTool_dn.png b/content/images/SmoothTool_dn.png
new file mode 100644
index 0000000..17806de
Binary files /dev/null and b/content/images/SmoothTool_dn.png differ
diff --git a/content/page/controller.html b/content/page/controller.html
index bed95b0..3feb4d6 100644
--- a/content/page/controller.html
+++ b/content/page/controller.html
@@ -15,7 +15,7 @@
 	<img src="../images/Controller1Tool.png" onclick="window.external.SetController(1)" onmousedown="toolOvr(this)" onmouseup="toolOut(this)"/>
 	<img src="../images/Controller2Tool.png" onclick="window.external.SetController(2)" onmousedown="toolOvr(this)" onmouseup="toolOut(this)"/>
 	<img src="../images/ControllerAI1Tool.png" onclick="window.external.SetController(5)" onmousedown="toolOvr(this)" onmouseup="toolOut(this)"/>
-	<img src="../images/ControllerAI2Tool.png" onclick="window.external.SetController(623423434234)" onmousedown="toolOvr(this)" onmouseup="toolOut(this)"/>
+	<img src="../images/ControllerAI2Tool.png" onclick="window.external.SetController(6)" onmousedown="toolOvr(this)" onmouseup="toolOut(this)"/>
 	<img src="../images/ControllerNoneTool.png" onclick="window.external.SetController(0)" onmousedown="toolOvr(this)" onmouseup="toolOut(this)"/>
 </body>
 </html>
\ No newline at end of file
diff --git a/content/page/hopper.html b/content/page/hopper.html
index bed95b0..d1e1ea2 100644
--- a/content/page/hopper.html
+++ b/content/page/hopper.html
@@ -2,20 +2,46 @@
 <script>
 	function toolOvr(image)
 	{
-		if(image.src.indexOf("_dn.png") == -1)
-			image.src = image.src.replace(".png", "_dn.png");
+		image.style.backgroundColor = "#cccccc";
 	}
 	function toolOut(image)
 	{
-		if(image.src.indexOf("_dn.png") != -1)
-			image.src = image.src.replace("_dn.png",".png");
+		
+		image.style.backgroundColor = "transparent";
 	}
 </script>
+<style>
+	img{
+		height: 100%;
+	}
+	.container
+	{
+		height: 47px;
+		width: 50px;
+		margin-right: 10px;
+	}
+</style>
 <body style="background-color: ButtonFace; margin: 0; padding: 5px; overflow: hidden; border:0;">
-	<img src="../images/Controller1Tool.png" onclick="window.external.SetController(1)" onmousedown="toolOvr(this)" onmouseup="toolOut(this)"/>
-	<img src="../images/Controller2Tool.png" onclick="window.external.SetController(2)" onmousedown="toolOvr(this)" onmouseup="toolOut(this)"/>
-	<img src="../images/ControllerAI1Tool.png" onclick="window.external.SetController(5)" onmousedown="toolOvr(this)" onmouseup="toolOut(this)"/>
-	<img src="../images/ControllerAI2Tool.png" onclick="window.external.SetController(623423434234)" onmousedown="toolOvr(this)" onmouseup="toolOut(this)"/>
-	<img src="../images/ControllerNoneTool.png" onclick="window.external.SetController(0)" onmousedown="toolOvr(this)" onmouseup="toolOut(this)"/>
+	<span class="container" onmousedown="toolOvr(this)" onmouseup="toolOut(this)" onclick="window.external.ToggleHopperBin(0)">
+		<img src="../images/GameTool.png" />
+	</span>
+	<span class="container" onmousedown="toolOvr(this)" onmouseup="toolOut(this)" onclick="window.external.ToggleHopperBin(1)">
+		<img src="../images/Grab.png" />
+	</span>
+	<span class="container" onmousedown="toolOvr(this)" onmouseup="toolOut(this)" onclick="window.external.ToggleHopperBin(2)">
+		<img src="../images/Clone.png" />
+	</span>
+	<span class="container" onmousedown="toolOvr(this)" onmouseup="toolOut(this)" onclick="window.external.ToggleHopperBin(3)">
+		<img src="../images/Hammer.png" />
+	</span>
+	<span class="container" onmousedown="toolOvr(this)" onmouseup="toolOut(this)" onclick="window.external.ToggleHopperBin(4)">
+		<img src="../images/Slingshot.png" />
+	</span>
+	<span class="container" onmousedown="toolOvr(this)" onmouseup="toolOut(this)" onclick="window.external.ToggleHopperBin(5)">
+		<img src="../images/Rocket.png" />
+	</span>
+	<span class="container" onmousedown="toolOvr(this)" onmouseup="toolOut(this)" onclick="window.external.ToggleHopperBin(6)">
+		<img src="../images/Laser.png" />
+	</span>
 </body>
 </html>
\ No newline at end of file
diff --git a/content/page/surface.html b/content/page/surface.html
index 8858292..39515f1 100644
Binary files a/content/page/surface.html and b/content/page/surface.html differ