diff --git a/index.html b/index.html
index 9769de9..b4cb091 100644
--- a/index.html
+++ b/index.html
@@ -38,6 +38,9 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 		<option value="en">English</option>
 	</select>
 	<p id="disclaimer">Created by fritteli, inspired by <a href="http://www.qlocktwo.com/">QLOCKTWO</a>.
+	<script type="text/javascript" src="uhr-de_CH.js"></script>
+	<script type="text/javascript" src="uhr-de.js"></script>
+	<script type="text/javascript" src="uhr-en.js"></script>
 	<script type="text/javascript">
 		var uhr = new Uhr($('#uhr'), $('#theme'));
 		$(document).ready(function() {
@@ -74,8 +77,5 @@ along with this program.  If not, see <http://www.gnu.org/licenses/>.
 			}
 		});
 	</script>
-	<script type="text/javascript" src="uhr-de_CH.js"></script>
-	<script type="text/javascript" src="uhr-de.js"></script>
-	<script type="text/javascript" src="uhr-en.js"></script>
 </body>
 </html>
diff --git a/uhr.js b/uhr.js
index 23203a8..d82871e 100644
--- a/uhr.js
+++ b/uhr.js
@@ -21,6 +21,7 @@ function Uhr(clockarea, themeElement) {
 	this.id = Uhr.id++;
 	this.clockarea = this.initClockarea(clockarea);
 	this.toggleSwitch = this.initToggleSwitch();
+	this.layoutSwitch = this.initLayoutSwitch();
 	this.letterarea = clockarea.find('.letterarea');
 	this.themeElement = themeElement;
 	this.timer = null;
@@ -165,6 +166,19 @@ Uhr.prototype.initToggleSwitch = function() {
 	this.clockarea.after(toggleSwitch);
 	return toggleSwitch;
 }
+Uhr.prototype.initLayoutSwitch = function() {
+	var layoutSwitch = $('<select id="layoutswitcher' + this.id + '"></select>')
+	for (var code in Uhr.layouts) {
+		if (Uhr.layouts.hasOwnProperty(code)) {
+			console.log(code);
+			var layout = Uhr.layouts[code];
+			console.log(layout);
+			console.log(layout.language);
+			// TODO fill select with options
+		}
+	}
+	return layoutSwitch;
+}
 
 Uhr.register('undefined', {
 	language: 'Undefined',