diff --git a/mojotrollz/page/default_page/css/default_page.css b/mojotrollz/page/default_page/css/default_page.css
index 764bfdb..176c183 100644
--- a/mojotrollz/page/default_page/css/default_page.css
+++ b/mojotrollz/page/default_page/css/default_page.css
@@ -1,3 +1,7 @@
+#mojopulse {
+    padding-top: 15px;
+}
+
 body {
     color: gold;
 }
diff --git a/mojotrollz/page/default_page/default_page.tpl b/mojotrollz/page/default_page/default_page.tpl
index c67052b..70c76d9 100644
--- a/mojotrollz/page/default_page/default_page.tpl
+++ b/mojotrollz/page/default_page/default_page.tpl
@@ -20,7 +20,7 @@
                     <div id="frame_content">                        
                         <div id="frame_content_left">${default_page_welcome}</div>
                         <div id="frame_content_center">
-                            <div class="threecol_parent" style="width: 30%;">
+                            <div class="threecol_parent" style="width: 30%;  height: 462px;">
                                 <div class="threecol_row" style="height: 12px;">
                                     <div class="threecol_col" style="background: url(${PICPATH}border_tops_l.png) no-repeat;"></div>
                                     <div class="threecol_col" style="background: url(${PICPATH}border_tops_m.png) repeat-x;"></div>
@@ -39,7 +39,7 @@
                             </div>
                         </div>
                         <div id="frame_content_right">
-                            <div class="threecol_parent" style="width: 30%;">
+                            <div class="threecol_parent" style="width: 30%; height: 462px;">
                                 <div class="threecol_row" style="height: 12px;">
                                     <div class="threecol_col" style="background: url(${PICPATH}border_tops_l.png) no-repeat;"></div>
                                     <div class="threecol_col" style="background: url(${PICPATH}border_tops_m.png) repeat-x;"></div>
diff --git a/mojotrollz/page/default_page/default_page_welcome.tpl b/mojotrollz/page/default_page/default_page_welcome.tpl
index d487ea4..c2dbfce 100644
--- a/mojotrollz/page/default_page/default_page_welcome.tpl
+++ b/mojotrollz/page/default_page/default_page_welcome.tpl
@@ -5,7 +5,7 @@
     <br>
     Feel free to snoop around.
 </h4>
-<div style=""><img src="${PICPATH}help_gnome.png" width="200px;" /></div>
-<div id="start" style="float: left;padding-top: 40px; padding-bottom: 35px;">
+<div style="text-align: center; padding-top: 25px;"><img src="${PICPATH}help_gnome.png" width="200px;" /></div>
+<div id="start" style="float: left;padding-top: 55px;">
     <a href="#"><img src="${PICPATH}button.png"/></a>
 </div>
\ No newline at end of file
diff --git a/mojotrollz/page/default_page/js/wizard.js b/mojotrollz/page/default_page/js/wizard.js
index b1f324c..110239e 100644
--- a/mojotrollz/page/default_page/js/wizard.js
+++ b/mojotrollz/page/default_page/js/wizard.js
@@ -1,3 +1,81 @@
+/*
+
+divs -> content wird geladen
+eindeutige id
+url -> formulardaten
+function die danach ausgeführt wird
+
+id : div -> url -> func
+default : div -> url -> func //default load
+
+hole array via json
+lese id
+stelle dar id mithilfe von json
+
+// Define a class like this
+function Person(name, gender){
+
+   // Add object properties like this
+   this.name = name;
+   this.gender = gender;
+}
+
+// Add methods like this.  All Person objects will be able to invoke this
+Person.prototype.speak = function(){
+    alert("Howdy, my name is" + this.name);
+}
+
+// Instantiate new objects with 'new'
+var person = new Person("Bob", "M");
+
+// Invoke methods like this
+person.speak(); // alerts "Howdy, my name is Bob"
+
+ */
+
+function SYSTEM(endpoint){
+    this.endpoint = endpoint;
+    this.statedef = null;
+}
+SYSTEM.prototype.load_statedef = function(){
+    if(!this.statedef){
+        $.getJSON(this.endpoint+'?call=statedef', function (data) {
+            if(data['status']){
+                this.statedef = data['result'];
+            } else {
+                alert("Problem with the statedef");}
+        });
+    }
+}
+SYSTEM.prototype.load = function(id){
+    this.load_statedef();
+    var push = true;
+    this.statedef.forEach(function(entry) {
+        if(entry['id'] == id){
+            if(push){
+                window.history.pushState(null, "", id);
+                push = false;}
+            var fn = window[settings.entry['function']];
+            if(typeof fn !== 'function') {
+                fn = null;}
+            $(entry['div']).load(entry['url'],fn);
+        }
+    });
+}
+
+SYSTEM.prototype.cur_state = function() {
+    var pathName = window.location.pathname,
+        pageName = "";
+ 
+    if (pathName.indexOf("/") != -1) {
+        pageName = pathName.split("/").pop();
+    } else {
+        pageName = pathName;
+    }
+ 
+    return pageName;
+}
+
 $(document).ready(function() {
     $("#login_form input").not("[type=submit]").jqBootstrapValidation({
         preventSubmit: true,