var LANDING_PAGE_HERO_HEIGHT = 550 - 64;

$(function() {
    window.isSmall = $(window).width() <= 600;
    window.pathArray = window.location.pathname.split('/');
    window.onLandingPage = 0;

    initEffects();
    initSideNav();
    initStickyHeader();
});

function initEffects() {
    // Pipes Slide & Custom Parallax
    $('#hero .img-wrapper').slideDown();

    function parallaxScroll() {
        var scrolledY = $(window).scrollTop();
        $('#hero .img-wrapper').css('bottom', '-' + ((scrolledY * 0.1)) + 'px');
    }

    if (!window.isSmall) {
        $(window).bind('scroll', function(e) {
            parallaxScroll();
        });
    }

    // Slide In Top Level Menu
    $(".button-collapse").sideNav();

    // Generel Parallax Effect
    $('.parallax').parallax();

    // Striped Tables
    $('section#documentation table').not('.bordered').addClass('striped');

    // Linkable Headers
    $('section#documentation h2, section#documentation h3, section#documentation h4, section#documentation h5').click(function(event) {
        var id = $(event.target).attr('id');
        window.location.hash = id;
    });
}

function initStickyHeader() {
    var stickyHeaderPosition = !window.onLandingPage ? 1 : LANDING_PAGE_HERO_HEIGHT;

    $(window).scroll(function() {
        if ($(this).scrollTop() > stickyHeaderPosition) {
            $('#header').addClass("sticky");
            $('#header').addClass("z-depth-1");
        } else {
            $('#header').removeClass("sticky");
            $('#header').removeClass("z-depth-1");
        }
    });
}

function initSideNav() {
    var linkUrl = getLinkUrl();
    $('section ul.nav a').each(function(index, element) {
        if ($(element).attr('href').indexOf(linkUrl) != -1) {
            $(element).closest('li').addClass('active');
            $(element).closest('li').parents('li').addClass('active open');
            $(element).parents('ul').slideDown();
        }
        if ($(element).closest('li').children('ul').length > 0) {
            $(element).addClass('has-submenu');
            // Accordion
            /*
            $(element).click(function(event) {
              event.stopPropagation();
              $('section#documentation ul.nav ul').slideUp();
              $(element).closest('li').children('ul').slideDown();
              return false;
            });
            */
        }
    });

    var sideNavMobileSection = (linkUrl.indexOf('/developer') == 0) ? 'developer' : (linkUrl.indexOf('/tutorials') == 0) ? 'tutorials' : 'user';
    $('section ul.nav').clone().appendTo('#side-nav-mobile-' + sideNavMobileSection);

    // Sticky SideNav
    if (!window.onLandingPage) {
        var isSmall = $(window).width() <= 600;

        if (!isSmall) {
            // $('section ul.nav').sticky({topSpacing: 100});
        }

        $(window).resize(function() {
            var isSmall = $(window).width() <= 600;
            if (isSmall) {
                // $('section ul.nav').unstick();
            } else {
                // $('section ul.nav').sticky({topSpacing: 100});
            }
        });
    }
}

function getLinkUrl() {
    var linkUrl = '';
    for (i = 1; i < pathArray.length; i++) {
        var pathSegment = pathArray[i];
        if (pathSegment != '') {
            linkUrl += "/" + pathSegment;
        }
    }
    if (!linkUrl.endsWith('.html')) {
        return linkUrl + "/index.html";
    } else {
        return linkUrl;
    }
}