diff --git a/webroot/index.php b/webroot/index.php
index 9ad4cdfd5a043c8ace0414c3c474c738a58244b9..95c8be6c64585b1cb83cc9fd014aa9cc25d8f496 100644
--- a/webroot/index.php
+++ b/webroot/index.php
@@ -1,7 +1,7 @@
 <head>
 	<link rel="stylesheet" type="text/css" href="css/widget.css" />
-	<script src="/js/jquery-1.4.4.js" type="text/javascript"></script>
 	<title>Warpzone's Marvin</title>
+	<script src="js/jquery-1.4.4.js" type="text/javascript"></script>
 </head>
 <body>
 	<img src="img/warpzone.png">
diff --git a/webroot/widgets/ZoneOffen/ZoneOffen.js b/webroot/widgets/ZoneOffen/ZoneOffen.js
index e69de29bb2d1d6434b8b29ae775ad8c2e48c5391..a513f56ca1b77099f33b76fa8675429e5b71c959 100644
--- a/webroot/widgets/ZoneOffen/ZoneOffen.js
+++ b/webroot/widgets/ZoneOffen/ZoneOffen.js
@@ -0,0 +1,26 @@
+function fillContent(response) {
+  if (response["TuerOffen"] == false){
+    $("#ZoneOffen_open").html(" <font color='red'>geschlossen!</font>");
+  } else {
+    $("#ZoneOffen_open").html(" <font color='green'>geöffnet!</font>");
+  }  
+  $("#ZoneOffen_templounge").html(response["tempLounge"]);
+  $("#ZoneOffen_tempwerkstatt").html(response["tempWerkstatt"]);
+}
+
+function updateZoneOffen () {
+  $.getJson("widgets/ZoneOffen/ajax.php", function (response) 
+    {
+      fillContent(response);
+    }, "json");
+}
+
+
+$(document).ready(function()
+  {
+    //Zuerst einmal nur einmal laden
+    updateZoneOffen();
+  }
+);
+
+
diff --git a/webroot/widgets/ZoneOffen/ZoneOffen.php b/webroot/widgets/ZoneOffen/ZoneOffen.php
index 04b8b33722479013d5098d64ccb0921ddd30fa6c..2778ee63e3c6510f2bf529e09e8cb57ff8efdde8 100644
--- a/webroot/widgets/ZoneOffen/ZoneOffen.php
+++ b/webroot/widgets/ZoneOffen/ZoneOffen.php
@@ -12,8 +12,10 @@ class ZoneOffen implements iWidget
 
   public function giveOutput() 
   {
-    $widgetOutput = "Test\n";
-    $widgetOutput .= '<script src="/widgets/ZoneOffen/ZoneOffen.js" type="text/javascript"></script>'."\n";
+    $widgetOutput = '<script src="widgets/ZoneOffen/ZoneOffen.js" type="text/javascript"></script>'."\n";
+    $widgetOutput .= '<div>Die Zone ist <span id="ZoneOffen_open"></span></div>'."\n";
+    $widgetOutput .= '<div>Lounge <span id="ZoneOffen_templounge"></span></div>'."\n";
+    $widgetOutput .= '<div>Werkstatt <span id="ZoneOffen_tempwerkstatt"></span></div>'."\n";
 
     return $widgetOutput;
   }