diff --git a/contrib/blotter/script.js b/contrib/blotter/script.js
new file mode 100644
index 00000000..9527de26
--- /dev/null
+++ b/contrib/blotter/script.js
@@ -0,0 +1,16 @@
+
+$(document).ready(function() {
+	$("#blotter2-toggle").click(function() {
+		$("#blotter2").slideToggle("slow", function() {
+			if($("#blotter2").is(":hidden")) {
+				$.cookie("blotter2-hidden", 'true', {path: '/'});
+			}
+			else {
+				$.cookie("blotter2-hidden", 'false', {path: '/'});
+			}
+		});
+	});
+	if($.cookie("blotter2-hidden") == 'true') {
+		$("#blotter2").hide();
+	}
+});
diff --git a/contrib/blotter/style.css b/contrib/blotter/style.css
new file mode 100644
index 00000000..6485ec03
--- /dev/null
+++ b/contrib/blotter/style.css
@@ -0,0 +1,2 @@
+#blotter1 {font-size: 80%; position: relative;}
+#blotter2 {font-size: 80%;}
diff --git a/contrib/blotter/theme.php b/contrib/blotter/theme.php
index 9242c93a..b7baa478 100644
--- a/contrib/blotter/theme.php
+++ b/contrib/blotter/theme.php
@@ -130,31 +130,9 @@ class BlotterTheme extends Themelet {
 		global $config;
 		$i_color = $config->get_string("blotter_color","#FF0000");
 		$position = $config->get_string("blotter_position", "subheading");
-		$html = "<style type='text/css'>
-#blotter1 {font-size: 80%; position: relative;}
-#blotter2 {font-size: 80%;}
-</style>";
-		$html .= "<script type='text/javascript'><!--
-$(document).ready(function() {
-	$(\"#blotter2-toggle\").click(function() {
-		$(\"#blotter2\").slideToggle(\"slow\", function() {
-			if($(\"#blotter2\").is(\":hidden\")) {
-				$.cookie(\"blotter2-hidden\", 'true', {path: '/'});
-			}
-			else {
-				$.cookie(\"blotter2-hidden\", 'false', {path: '/'});
-			}
-		});
-	});
-	if($.cookie(\"blotter2-hidden\") == 'true') {
-		$(\"#blotter2\").hide();
-	}
-});
-//--></script>";
 		$entries_list = "";
 		$num_entries = count($entries);
-		for ($i = 0 ; $i < $num_entries ; $i++)
-		{
+		for ($i = 0 ; $i < $num_entries ; $i++) {
 			/**
 			 * Blotter entries
 			 */