stylefixes & updated system reference

friseurteam/page/default_page/css/default_page.css

@@ -54,6 +54,10 @@ h1, h2{
     background-color: darkgrey !important;
 }
 
+.active, .active a{
+    background-color: darkgrey!important;
+}
+
 .footer a{
     color: #333;
     font-weight: normal;
@@ -73,7 +77,7 @@ h1, h2{
     border: 0 !important;
 }
 #fb-iframe{
-    border:none; overflow:hidden; height:20px; margin: 0; padding: 0; margin-top: 15px; margin-left: 9px; width: 140px;
+    border:none; overflow:hidden; height:20px; margin: 0; padding: 0; margin-top: 15px; margin-left: 9px; width: 130px;
 }
 #content-row{
     background-color: beige; color: #333;
@@ -89,4 +93,42 @@ h1, h2{
 }
 #footer-right {
     text-align: right;
+}
+
+.flex-direction-nav a {
+    display: block;
+    width: 40px;
+    height: 40px;
+    margin: -20px 0 0;
+    position: absolute;
+    top: 50%;
+    z-index: 10;
+    overflow: hidden;
+    opacity: 0;
+    cursor: pointer;
+    color: rgba(0, 0, 0, 0.8);
+    text-shadow: none;
+    -webkit-transition: all 0.3s ease-in-out;
+    -moz-transition: all 0.3s ease-in-out;
+    -ms-transition: all 0.3s ease-in-out;
+    -o-transition: all 0.3s ease-in-out;
+    transition: all 0.3s ease-in-out;
+    color: #fff;
+    background-color: #000;
+    border-radius: 50%;
+    text-align: center;
+}
+.flex-direction-nav a:before {
+    font-family: "flexslider-icon";
+    font-size: 20px;
+    display: inline-block;
+    content: '\f001';
+    color: #FFF;
+    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
+    line-height: 40px;
+    font-style: normal;
+}
+.flex-direction-nav .flex-next {
+    right: -50px;
+    text-align: center;
 }

friseurteam/page/default_page/js/default_page.js

@@ -1,5 +1,5 @@
 $(document).ready(function() {
-    new SYSTEM('./api.php',1,'start');
+    new SYSTEM('./api.php',1,'start',sys_hashchange);
     
     $('.navbar-collapse a').click(function(){
         $(".navbar-collapse").collapse('hide');
@@ -12,4 +12,17 @@ $(document).ready(function() {
         slideshow: true,
         animationLoop: true
     });
-});
+});
+
+function sys_hashchange(state){
+    var state_ = state ? state.split(';')[0].split('(')[0] : state;
+    var state_ = state_ ? state_.split('#')[0] : state;
+    $('.nav li').each(function(){
+        $(this).removeClass('active');});
+    $('.nav-brand').each(function(){
+        $(this).removeClass('active');});
+    if($('#menu_'+state_).parent().length){
+        $('#menu_'+state_).parent().addClass('active');
+    } else {
+        $('#menu_start').addClass('active');}
+}

friseurteam/page/default_page/tpl/friseurteam.tpl

@@ -19,7 +19,8 @@
             <div class="row">
                 <h1 class="padding0 margin0"><img id="brand-img" alt="Friseurteam Angelika Gabriel - Darmstädter Straße 30 - 64673 Zwingenberg - Bergstraße - Friseursalon" title="Friseurteam Angelika Gabriel" src="./files/page/header_friseurteam2.png"/></h1>
                 <div class="col-md-12 padding0" id="head-div">
-                    <div id="flexsliderheader" class="flexslider">${head_gallery}</div>
+                    <div id="flexsliderheader" class="flexslider hidden-xs hidden-sm">${head_gallery}</div>
+                    <div class="hidden-md hidden-lg hidden-xl" style="overflow: hidden;"><img alt="Friseurteam Angelika Gabriel - Darmstädter Straße 30 - 64673 Zwingenberg - Bergstraße - Friseursalon" title="Friseurteam Angelika Gabriel" src="./files/page/headergallery3.png"/></div>
                 </div>
             </div>
             <div class="row">
@@ -31,14 +32,14 @@
                             <span class="icon-bar"></span>
                             <span class="icon-bar"></span>
                         </button>
-                        <a class="navbar-brand" href="#"><b>${page_menu_home}</b></a>
+                        <a class="navbar-brand" href="#" id="menu_start"><b>${page_menu_home}</b></a>
                     </div>
                     <div class="collapse navbar-collapse" id="menu-collapse">
                         <ul class="nav navbar-nav">
-                            <li><a href="#!team">${page_menu_team}</a></li>
-                            <li><a href="#!preise">${page_menu_prices}</a></li>
-                            <li><a href="#!galerie">${page_menu_gallery}</a></li>
-                            <li><a href="#!anfahrt">${page_menu_contact}</a></li>
+                            <li><a href="#!team#content" id="menu_team">${page_menu_team}</a></li>
+                            <li><a href="#!preise#content" id="menu_preise">${page_menu_prices}</a></li>
+                            <li><a href="#!galerie#content" id="menu_galerie">${page_menu_gallery}</a></li>
+                            <li><a href="#!anfahrt#content" id="menu_anfahrt">${page_menu_contact}</a></li>
                         </ul>
                         <ul class="nav navbar-nav navbar-right">
                             <li><iframe id="fb-iframe" src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.friseurteam-zwingenberg.de&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80"></iframe></li>

lib/system

@@ -1 +1 @@
-Subproject commit 5fa46aef557ca8a5af88db7172e20b17bda6d8a4
+Subproject commit 21b009609b13eb437c04accf3c482115f1c14007