/* ========================================================================
 * DOM-based Routing
 * Based on http://goo.gl/EUTi53 by Paul Irish
 *
 * Only fires on body classes that match. If a body class contains a dash,
 * replace the dash with an underscore when adding it to the object below.
 *
 * .noConflict()
 * The routing is enclosed within an anonymous function so that you can
 * always reference jQuery with $, even when in .noConflict() mode.
 * ======================================================================== */

(function($) {

  // Use this variable to set up the common and page specific functions. If you
  // rename this variable, you will also need to rename the namespace below.
  var Sage = {
    // All pages
    'common': {
      init: function() {
        /*
         * NAVIGATION
         */
        // jQuery to collapse the navbar on scroll
        $(window).scroll(function() {
          if ($('.navbar').offset().top > 70) {
            $('.navbar-fixed-top').addClass('top-nav-collapse');
          } else {
            $('.navbar-fixed-top').removeClass('top-nav-collapse');
          }
        });
        // jQuery for page scrolling feature - requires jQuery Easing plugin
        $(function() {
          $('a.page-scroll').bind('click', function(event) {
            var $anchor = $(this);
            $('html, body').stop().animate({
              scrollTop: $($anchor.attr('href')).offset().top
            }, 1500, 'easeInOutExpo');
            event.preventDefault();
          });
        });
      },
      finalize: function() {
        // JavaScript to be fired on all pages, after page specific JS is fired
      }
    },
    // Home page
    'home': {
      init: function() {
        // JavaScript to be fired on the home page
      },
      finalize: function() {
        // JavaScript to be fired on the home page, after the init JS
      }
    }
  };

  // The routing fires all common scripts, followed by the page specific scripts.
  // Add additional events for more control over timing e.g. a finalize event
  var UTIL = {
    fire: function(func, funcname, args) {
      var fire;
      var namespace = Sage;
      funcname = (funcname === undefined) ? 'init' : funcname;
      fire = func !== '';
      fire = fire && namespace[func];
      fire = fire && typeof namespace[func][funcname] === 'function';

      if (fire) {
        namespace[func][funcname](args);
      }
    },
    loadEvents: function() {
      // Fire common init JS
      UTIL.fire('common');

      // Fire page-specific init JS, and then finalize JS
      $.each(document.body.className.replace(/-/g, '_').split(/\s+/), function(i, classnm) {
        UTIL.fire(classnm);
        UTIL.fire(classnm, 'finalize');
      });

      // Fire common finalize JS
      UTIL.fire('common', 'finalize');
    }
  };

  // Load Events
  $(document).ready(UTIL.loadEvents);

})(jQuery); // Fully reference jQuery after this point.

@@ -1774,24 +1774,549 @@
 e home page%0A
+        $('.owl-carousel').each(function() %7B%0A          section_id = $(this).parents('section').attr('id');%0A          console.log(section_id);%0A          $('#' + section_id + ' .layout_gallery').owlCarousel(%7B%0A            animateOut:   'fadeOut',%0A            animateIn:    'fadeIn',%0A            items:        1,%0A            loop:         false,%0A            margin:       0,%0A            nav:          false,%0A            dots:         true,%0A            autoplay:     true,%0A            autoHeight:   true%0A          %7D);%0A        %7D);%0A
       %7D,%0A   

Add owl carousel functionaility