#435 Started the wizard

Ombi.UI/Content/base.css

@@ -517,3 +517,11 @@ label {
   background-color: #3e3e3e;
   border: 1px solid transparent; }
 
+.wizard-heading {
+  text-align: center; }
+
+.wizard-img {
+  width: 300px;
+  display: block !important;
+  margin: 0 auto !important; }
+

Ombi.UI/Content/base.scss

@@ -641,4 +641,13 @@ $border-radius: 10px;
   margin-bottom: -1px;
   background-color: #3e3e3e;
   border: 1px solid transparent;
+}
+
+.wizard-heading{
+    text-align: center;
+}
+.wizard-img{
+    width: 300px;
+    display: block $i;
+    margin: 0 auto $i;
 }

Ombi.UI/Content/wizard.js

@@ -3,9 +3,39 @@
     // Step 1
     $('#firstNext')
         .click(function () {
-            loadArea("plexAuthArea");
+            loadArea("mediaApplicationChoice");
         });
 
+
+    // Plex click
+    $('#contentBody')
+        .on("click", "#plexImg", function(e) {
+                e.preventDefault();
+                return loadArea("plexAuthArea");
+        });
+
+
+    $('#contentBody')
+        .on("click", "#embyImg", function (e) {
+            e.preventDefault();
+            return loadArea("embyApiKey");
+        });
+
+    
+
+    $('#contentBody').on('click', '#embyApiKeySave', function (e) {
+        e.preventDefault();
+
+        var $form = $("#embyAuthForm");
+        $.post($form.prop("action"), $form.serialize(), function (response) {
+            if (response.result === true) {
+                loadArea("authArea");
+            } else {
+                generateNotify(response.message, "warning");
+            }
+        });
+    });
+
     // Step 2 - Get the auth token
     $('#contentBody').on('click', '#requestToken', function (e) {
         e.preventDefault();