diff --git a/application/core/MY_Controller.php b/application/core/MY_Controller.php
index af88e08..b9729c8 100644
--- a/application/core/MY_Controller.php
+++ b/application/core/MY_Controller.php
@@ -58,7 +58,7 @@ class MY_Controller extends CI_Controller{
 //    public $version = '1.17.75'; // mogelijkheid tot uitzetten extra ondersteuning in divmeters
 //    public $version = '1.17.76'; // cluster scans passend onderwijs
 //    public $version = '1.17.79'; // fout matrixfunctie
-    public $version = '1.17.82'; // sophomepage
+    public $version = '1.17.83'; // sophomepage
 
     public $partituurid;
 	public $globProfielVersieID = 1;
diff --git a/application/views/monpas/pages/sophome.php b/application/views/monpas/pages/sophome.php
index 8e4bd6b..3b73b31 100644
--- a/application/views/monpas/pages/sophome.php
+++ b/application/views/monpas/pages/sophome.php
@@ -20,16 +20,16 @@
       <br>
       <span>Het SOP kan op verschillende manieren worden gepresenteerd, in de vorm van een:</span>
           <ol>
-              <li>Compact SOP</li>
-              <li>Standaard SOP</li>
-              <li>Flexibel SOP</li>
-              <li>SOP Overzicht</li>
+              <li style="text-decoration: underline" data-bind="click: fSwitchMenu.bind($data, 'compactsop')">Compact SOP</li>
+              <li style="text-decoration: underline" data-bind="click: fSwitchMenu.bind($data, 'standaardsop')">Standaard SOP</li>
+              <li style="text-decoration: underline" data-bind="click: fSwitchMenu.bind($data, 'flexibelsop')">Flexibel SOP</li>
+              <li style="text-decoration: underline" data-bind="click: fSwitchMenu.bind($data, 'sopoverzicht')">SOP Overzicht</li>
           </ol>
       <span>Deze worden hier nu nader toegelicht.</span>
 
       <br>
       <br>
-      <h4>Compact SOP</h4>
+      <h4 >Compact SOP</h4>
       <span>In het Compact SOP kunt u voor een aantal instrumenten een overzicht en een grafiek opnemen zonder
             verdere toelichting, hiervoor gebruikt u het Standaard of Flexibel SOP. U maakt een Compact SOP per schooljaar.
           Dit SOP is te gebruiken als een soort <span style="font-style: italic">quick scan</span>. Het Compact SOP is
@@ -63,7 +63,7 @@
           <br>
           <br>
 
-          <h4>Standaard SOP</h4>
+          <h4 >Standaard SOP</h4>
           <span>Het Standaard SOP kent een vaste hoofdstuk indeling.</span>
           <br>
           <span>De hoofdstukken zijn gekoppeld aan instrumenten.</span>
@@ -104,7 +104,7 @@
               </span>
           <br>
           <br>
-          <h4>Flexibel SOP</h4>
+          <h4 >Flexibel SOP</h4>
           <span>In het Flexibel SOP kunt u zelf de hoofdstukindeling maken. U kunt hoofstukken toevoegen voor alle
               instrumenten waarvoor uw organisatie een licentie heeft. Er kunnen toelichtingen worden ingevoerd op de
               resultaten van de meting van de instrumenten. Alle tabellen en grafieken van het instrument worden getoond.
@@ -113,7 +113,7 @@
           </span>
           <br>
           <br>
-          <h4> Overzicht SOP</h4>
+          <h4 > Overzicht SOP</h4>
           <span>Hier worden de Compact SOP’s van alle scholen verzameld. Dit is vooral bedoeld voor besturen en
           samenwerkingsverbanden. Scholen kunnen er gemakkelijk hun Compact Sops van de verschillende schooljaren
           terugvinden.
diff --git a/public/js/monpas/models/menumodel.js b/public/js/monpas/models/menumodel.js
index 88a3da4..54b2496 100644
--- a/public/js/monpas/models/menumodel.js
+++ b/public/js/monpas/models/menumodel.js
@@ -247,6 +247,7 @@ ls.initMenuModel = function(){
             fSetSubmenu: function(){
                 var self=ls.MenuModel;
                 var that = this;
+                console.log(this, "this")
 
                 self.toonScholen(true);
                $.each(self.menuitems(), function (i, m){
diff --git a/public/js/monpas/models/sophomemodel.js b/public/js/monpas/models/sophomemodel.js
index 0b575d7..3c26ade 100644
--- a/public/js/monpas/models/sophomemodel.js
+++ b/public/js/monpas/models/sophomemodel.js
@@ -2,7 +2,6 @@ $(function(){
 
 mh.initSopHomeModel = function(){
 
-
 	if (mh.SopHomeModel !== undefined){
         mh.SopHomeModel.initModel();
 	}
@@ -12,8 +11,6 @@ mh.initSopHomeModel = function(){
             compactOpen             : ko.observable(false),
             standaardOpen           : ko.observable(false),
 
-
-
         initBindings :function(){
 				var self = mh.SopHomeModel;
 				if (!ko.dataFor(document.getElementById('pagsophome')) ) {
@@ -28,7 +25,6 @@ mh.initSopHomeModel = function(){
 
             },
 
-
             fGetPagina: function(){
                 var self = mh.SopHomeModel;
 
@@ -46,16 +42,31 @@ mh.initSopHomeModel = function(){
 
             fToggleTekst: function(soort){
                 var self =mh.SopHomeModel;
-                console.log(soort)
                 switch(soort){
                     case 'compact': self.compactOpen(! self.compactOpen());
                     break;
                     case 'standaard': self.standaardOpen(! self.standaardOpen());
                         break;
                 }
-                console.log(self.compactOpen(), "toggle tekst")
-
+            },
 
+            fSwitchMenu(menunaam){
+                var self =mh.SopHomeModel;
+                $('#pagsophome').fadeOut();
+                switch(menunaam){
+                    case "compactsop"       :   mh.initCompactSopModel();
+                                                $('#pagcompactsop').fadeIn(500);
+                        break;
+                    case "standaardsop"		:   ls.initStandaardSopModel();
+                                                $('#pagstandaardsop').fadeIn(500);
+                        break;
+                    case "flexibelsop"		:	ls.initFlexibelSopModel();
+                                                $('#pagflexibelsop').fadeIn(500);
+                        break;
+                    case "sopoverzicht"		:   mh.initSopOverzichtModel();
+                                                $('#pagsopoverzicht').fadeIn(500);
+                        break;
+                }
             },
 
             fOpenPDF: function(){