Widget:FullPage

<link rel="stylesheet" type="text/css" href="skins/BuNay/resources/fullPage.js/dist/fullpage.min.css" /> <script type="text/javascript" src="skins/BuNay/resources/fullPage.js/dist/fullpage.parallax.min.js"></script> <script type="text/javascript" src="skins/BuNay/resources/fullPage.js/dist/fullpage.extensions.min.js"></script>

<script type="text/javascript"> $(document).ready(function() {

   $('#fullpage').fullpage({
       licenseKey: 'E37A1D0A-358348ED-9E8909FF-CA06A4E6',
       
       //Navigation
       menu: '#menu',
       lockAnchors: false,
       anchors:['WhatIsBuNay', 'WhatThen', 'OverviewSlides', 'OnFromThere', 'Footer'],
       navigation: true,
       navigationPosition: 'right',
       navigationTooltips: ['Your Buddha-Nature', 'What Then?', 'Slides', 'Related', 'Footer'],
       showActiveTooltip: false,
       slidesNavigation: true,
       slidesNavPosition: 'bottom',

       //Scrolling
       css3: true,
       scrollingSpeed: 700,
       autoScrolling: true,
       fitToSection: true,
       fitToSectionDelay: 1000,
       scrollBar: false,
       easing: 'easeInOutCubic',
       easingcss3: 'ease',
       loopBottom: false,
       loopTop: false,
       loopHorizontal: true,
       continuousVertical: false,
       continuousHorizontal: false,
       scrollHorizontally: true,
       interlockedSlides: false,
       dragAndMove: false,
       offsetSections: false,
       resetSliders: false,
       fadingEffect: false,
       normalScrollElements: '.normal-scroll',
       scrollOverflow: true,
       scrollOverflowReset: false,
       scrollOverflowOptions: null,
       touchSensitivity: 15,
       normalScrollElementTouchThreshold: 5,
       bigSectionsDestination: null,

       //Accessibility
       keyboardScrolling: true,
       animateAnchor: true,
       recordHistory: true,

       //Design
       controlArrows: true,
       verticalCentered: true,
       sectionsColor : ['none'],
       paddingTop: '0',
       paddingBottom: '0',
       fixedElements: '#header, .footer',
       responsiveWidth: 0,
       responsiveHeight: 0,
       responsiveSlides: false,
       parallaxKey: 'dHNhZHJhLm9yZ182OU1jR0Z5WVd4c1lYZz1sMG4=',
       parallax: true,
       parallaxOptions: {type: 'reveal', percentage: 62, property: 'translate'},

       //Custom selectors
       sectionSelector: '.section',
       slideSelector: '.slide',

       lazyLoading: true,

       //events
       onLeave: function(origin, destination, direction){},
       afterLoad: function(origin, destination, direction){},
       afterRender: function(){},
       afterResize: function(width, height){},
       afterResponsive: function(isResponsive){},
       afterSlideLoad: function(section, origin, destination, direction){},
       onSlideLeave: function(section, origin, destination, direction){}
   });

});

document.getElementById('fp-footer').appendChild(

   document.getElementById('bnw-footer')

); </script>