$(function () {
    ourPurpose.init();
})
var ourPurpose = {
    init: function () {
        $(".sub-nav a").bind("click", function () {
            $(".sub-nav .selected").removeClass("selected")
            $(this).addClass("selected");
            var time = 0;
            if (!$(this).hasClass("purpose")) {
                $(".our-purpose").show(time);
                $(".our-story").hide(time);
                $('.top-background').removeClass("selected");
            } else {
                $(".our-purpose").hide(time);
                $(".our-story").show(time);
                $('.top-background').addClass("selected");
            }
            return false;
        })
        $(".our-purpose").hide();
        $(".our-story").show();

        if (window.location.href.indexOf("our-purpose") != -1) {
            $('a').bind('click', function () {
                if ($(this).attr('href').indexOf('#/sustain') != -1) {
                    application.scrollPageTo(655);
                    return false;
                }
                if ($(this).attr('href').indexOf('#/goodhealth') != -1) {
                    application.scrollPageTo(1224);
                    return false;
                }
            });
        }

        $("a.sustainability").bind("click", function () {
            application.scrollPageTo(655);
            return false;
        })

        $("a.good-health").bind("click", function () {
            application.scrollPageTo(1224);
            return false;
        })

        if (window.location.href.indexOf('#/sustain') != -1) {
            var locInt = setInterval(function () {
                if ($(window).scrollTop() == 0) {
                    $(window).scrollTop(655)
                } else {
                    clearInterval(locInt);
                }
            }, 100);
        }

        if (window.location.href.indexOf('#/goodhealth') != -1) {
            var locGHInt = setInterval(function () {
                if ($(window).scrollTop() == 0) {
                    $(window).scrollTop(1224)
                } else {
                    clearInterval(locGHInt);
                }
            }, 100);
        }

        //PIPES!
        var sustainPipe = new sandstorm.Pipe($('.pipe-linear.sustain'), ourPurpose);

        $(".sustain .grid-item").bind('click', function () {
            var num = parseFloat($(this).find('.arrow-link').attr('href'));
            sustainPipe.gotoPage(num, 500);
            var label = $('.sustain .paging-dots ul li').eq(num).text();
            $('.sustain .paging-dots .title').html(label);
            return false;
        })
        $(".sustain .paging-dots li").bind("click", function () {
            var num = $(this).index();
            var label = $(this).text();
            sustainPipe.gotoPage(num, 500);
            $('.sustain .paging-dots .title').html(label);
        })




        var goodHealthPipe = new sandstorm.Pipe($('.pipe-linear.good-health'), ourPurpose);

        $(".good-health .grid-item").bind('click', function () {
            var num = parseFloat($(this).find('.arrow-link').attr('href'));
            goodHealthPipe.gotoPage(num, 500);
            var label = $('.good-health .paging-dots ul li').eq(num).text();
            $('.good-health .paging-dots .title').html(label);
            return false;
        })
        $(".good-health .paging-dots li").bind("click", function () {
            var num = $(this).index();
            goodHealthPipe.gotoPage(num, 500);
            var label = $(this).text();
            $('.good-health .paging-dots .title').html(label);

        })
    },
    scrollPageTo: function (num) {
        $("html:not(:animated),body:not(:animated)").animate({ scrollTop: num }, 500);
    },
    onPageDotsChangeDelegate: function (scope) {
        if (scope.target.hasClass('sustain')) {
            var num = scope._currentPage - 1;
            var label = $('.sustain .paging-dots ul li').eq(num).text();
            $('.sustain .paging-dots .title').html(label);
        }
        if (scope.target.hasClass('good-health')) {
            var num = scope._currentPage - 1;
            var label = $('.good-health .paging-dots ul li').eq(num).text();
            $('.good-health .paging-dots .title').html(label);
        }
    }
};