(function ($) {
    "use strict"; // Start of use strict

    // Preloader
    $(window).on('load', function () {
        if ($('#preloader').length) {
            $('#preloader').delay(600).fadeOut('slow', function () {
                $(this).remove();
            });
        }
    });

    $('#toggle').toggle(
        function () {
            $('#popout').animate({ left: 0 }, 'slow', function () {
                $('#menu-icon').css('display', 'none');
                $('#close-icon').css('display', 'initial');
            });
        },
        function () {
            $('#popout').animate({ left: -250 }, 'slow', function () {
                $('#menu-icon').css('display', 'initial');
                $('#close-icon').css('display', 'none');
            });
        }
    );

    //if page reloads in the middle of the screen
    if ($(this).scrollTop() > 30) {
        $('#site-navigation').addClass('scrolled');
    }

    $(window).scroll(function () {
        $('#site-navigation').toggleClass('scrolled', $(this).scrollTop() > 30);
    });

    $(document).ready(function(){
        $(window).scroll(function () {
                if ($(this).scrollTop() > 50) {
                    $('#back-to-top').fadeIn();
                } else {
                    $('#back-to-top').fadeOut();
                }
            });
            // scroll body to 0px on click
            $('#back-to-top').click(function () {
                $('body,html').animate({
                    scrollTop: 0
                }, 400);
                return false;
            });
    });

})(jQuery);