remove excess js from verticals

Author: petertait

_layouts/vertical.html

@@ -83,6 +83,75 @@ <h2 class="vert-section-title">Sound interesting?</h2>
 
     {% include blog-related.html %}
 
-    {% include footer.html extrascripts=page.extrascripts %}
+    {% include footer.html %}
+
+    <script>
+    // Health - change header colour
+    var healthHeaderContainer = $('.health .gbl-head');
+    if (healthHeaderContainer.length > 0) {
+      var healthPatient;
+      var healthResearch;
+      var healthInnovation;
+      var healthContact;
+
+      var scrollPositions = function () {
+        healthPatient = $('#patientcentricity');
+        healthResearch = $('#smartresearch');
+        healthInnovation = $('#bottomupinnovation');
+        healthContact = $('#vertcontact');
+      };
+
+      var headerBG = function () {
+        var windowTop = $(window).scrollTop();
+        if (windowTop > healthInnovation.offset().top - 100 || healthInnovation.offset().bottom) {
+          healthHeaderContainer.css({'background-color':'#37bec0'});
+        } else if (windowTop > healthResearch.offset().top - 100 || healthResearch.offset().bottom) {
+          healthHeaderContainer.css({'background-color':'#9b5ca4'});
+        } else if (windowTop > healthPatient.offset().top - 100 || healthPatient.offset().bottom) {
+          healthHeaderContainer.css({'background-color':'#0ea2dc'});
+        } else {
+          healthHeaderContainer.css({'background-color':'#37bec0'});
+        }
+       };
+
+      $(window).resize(scrollPositions).scroll(headerBG);
+      scrollPositions();
+      headerBG();
+    }
+
+    // Transport - change header colour
+    var transportHeaderContainer = $('.transport .gbl-head');
+    if (transportHeaderContainer.length > 0) {
+      var transportRail;
+      var transportTech;
+      var transportFuture;
+      var transportContact;
+
+      var scrollPositions = function () {
+        transportRail = $('#railservice');
+        transportTech = $('#transporttechnology');
+        transportFuture = $('#imaginingthefuture');
+        transportContact = $('#vertcontact');
+      };
+
+      var headerBG = function () {
+        var windowTop = $(window).scrollTop();
+        if (windowTop > transportFuture.offset().top - 100 || transportFuture.offset().bottom) {
+          transportHeaderContainer.css({'background-color':'#9b5ca4'});
+        } else if (windowTop > transportTech.offset().top - 100 || transportTech.offset().bottom) {
+          transportHeaderContainer.css({'background-color':'#a4ce4e'});
+        } else if (windowTop > transportRail.offset().top - 100 || transportRail.offset().bottom) {
+          transportHeaderContainer.css({'background-color':'#37bec0'});
+        } else {
+          transportHeaderContainer.css({'background-color':'#0ea2dc'});
+        }
+       };
+
+      $(window).resize(scrollPositions).scroll(headerBG);
+      scrollPositions();
+      headerBG();
+    }
+    </script>
+    
   </body>
 </html>

js/vertical.js

@@ -5,8 +5,6 @@ categories: [health]
 permalink: /health/
 colour: aqua
 extraclasses: health
-extrascripts:
- - link: "vertical.js"
 
 ## Hero Content
 hero-title: We care about Health

vertical-health.md

@@ -5,8 +5,6 @@ permalink: /insurance/
 categories: [innovation, insurance]
 colour: blue
 extraclasses: insurance
-extrascripts:
- - link: "vertical.js"
 
 ## Hero Content
 hero-title: Insuring the future...

vertical-insurance.md

@@ -6,8 +6,6 @@ categories: [transport]
 group:
 colour: blue
 extraclasses: transport
-extrascripts:
- - link: "vertical.js"
 
 ## Hero Content
 hero-title: Transforming transport