<script>
(function ($) {
  $(document).ready(function(){


    // fade in .navbar
    $(function () {
        $(window).scroll(function () {
                 // set distance user needs to scroll before we start fadeIn
            if ($(this).scrollTop() > 50)  {

                $('#navbar').addClass("grey lighten-4");
                $('#navbar').removeClass("z-depth-0");
                $('#linknavbar1').removeClass("red-text lighten-1");
                $('#linknavbar2').removeClass("red-text lighten-1");
                $('#linknavbar3').removeClass("red-text lighten-1");
                $('#logonavbar').attr('src','<?php echo asset_url(); ?>/website/images/logo-02.svg');
            }

             else { //z-depth-0
                $('#navbar').removeClass("grey lighten-4");
                $('#navbar').addClass("z-depth-0");
                $('#linknavbar1').addClass("red-text lighten-1");
                $('#linknavbar2').addClass("red-text lighten-1");
                $('#linknavbar3').addClass("red-text lighten-1");
                $('#logonavbar').attr('src','<?php echo asset_url(); ?>/website/images/logo-01.svg');
            }
        });
    });

});
  }(jQuery));
</script>
        <script>

    var height = $(window).scrollTop();

    if(height  == 0) {
      $("#navbar").hover(
  function () {
                    $('#navbar').addClass("grey lighten-4");
                $('#navbar').removeClass("z-depth-0");
                $('#linknavbar1').removeClass("red-text lighten-1");
                $('#linknavbar2').removeClass("red-text lighten-1");
                $('#linknavbar3').removeClass("red-text lighten-1");
                $('#logonavbar').attr('src','<?php echo asset_url(); ?>/website/images/logo-02.svg');
  },
  function () {
                    $('#navbar').removeClass("grey lighten-4");
                $('#navbar').addClass("z-depth-0");
                $('#linknavbar1').addClass("red-text lighten-1");
                $('#linknavbar2').addClass("red-text lighten-1");
                $('#linknavbar3').addClass("red-text lighten-1");
                $('#logonavbar').attr('src','<?php echo asset_url(); ?>/website/images/logo-01.svg');
  }
);


    }

</script>