From 300477cc3f437c1acdc466a305c1f2dfd8d93f01 Mon Sep 17 00:00:00 2001
From: Manuel Friedli <manuel@fritteli.ch>
Date: Wed, 27 Nov 2013 16:20:47 +0100
Subject: [PATCH] uhr erzeugt html-elemente selber

---
 index.html | 10 +---------
 uhr.js     |  7 +++++++
 2 files changed, 8 insertions(+), 9 deletions(-)
diff --git a/index.html b/index.html
index a804417..3f67831 100644
--- a/index.html
+++ b/index.html
@@ -24,15 +24,7 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 	<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
 </head>
 <body>
-	<div id="uhr" class="uhr">
-		<span class="item dot dot1"></span>
-		<span class="item dot dot2"></span>
-		<span class="item dot dot3"></span>
-		<span class="item dot dot4"></span>
-		<div class="letterarea"></div>
-		<!-- glossy reflection -->
-		<span class="reflection"></span>
-	</div>
+	<div id="uhr" class="uhr"></div>
 	<select id="themeswitcher">
 		<option value="black">Schwarz</option>
 		<option value="red">Rot</option>
diff --git a/uhr.js b/uhr.js
index dcb9feb..ea8da43 100644
--- a/uhr.js
+++ b/uhr.js
@@ -19,6 +19,13 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 function Uhr(clockarea, themeElement) {
 	this.clockarea = clockarea;
+	this.clockarea.empty();
+	this.clockarea.append('<span class="item dot dot1"></span>');
+	this.clockarea.append('<span class="item dot dot2"></span>');
+	this.clockarea.append('<span class="item dot dot3"></span>');
+	this.clockarea.append('<span class="item dot dot4"></span>');
+	this.clockarea.append('<div class="letterarea"></div>');
+	this.clockarea.append('<div class="reflection"></div>');
 	this.letterarea = clockarea.find('.letterarea');
 	this.themeElement = themeElement;
 	this.timer = null;
