$(window).scroll(function () {
  // move flexslider with page (since it's fixed position)
  $('.flex-container').css('top', 0 - $(window).scrollTop());
});
// front flexslider
  if($().flexslider) {
    $('.flexslider').flexslider({
      animation: "slide",             //String: Select your animation type, "fade" or "slide"
      slideDirection: "horizontal",   //String: Select the sliding direction, "horizontal" or "vertical"
      slideshow: true,                //Boolean: Animate slider automatically
      slideshowSpeed: 6000,           //Integer: Set the speed of the slideshow cycling, in milliseconds
      animationDuration: 800,         //Integer: Set the speed of animations, in milliseconds
      directionNav: true,             //Boolean: Create navigation for previous/next navigation? (true/false)
      controlNav: true,               //Boolean: Create navigation for paging control of each clide? Note: Leave true for manualControls usage
      keyboardNav: false,             //Boolean: Allow slider navigating via keyboard left/right keys
      mousewheel: false,              //Boolean: Allow slider navigating via mousewheel
      prevText: "Previous",           //String: Set the text for the "previous" directionNav item
      nextText: "Next",               //String: Set the text for the "next" directionNav item
      pausePlay: true,                //Boolean: Create pause/play dynamic element
      pauseText: 'Pause',             //String: Set the text for the "pause" pausePlay item
      playText: 'Play',               //String: Set the text for the "play" pausePlay item
      randomize: false,               //Boolean: Randomize slide order
      slideToStart: 0,                //Integer: The slide that the slider should start on. Array notation (0 = first slide)
      animationLoop: true,            //Boolean: Should the animation loop? If false, directionNav will received "disable" classes at either end
      pauseOnAction: true,            //Boolean: Pause the slideshow when interacting with control elements, highly recommended.
      pauseOnHover: true,             //Boolean: Pause the slideshow when hovering over slider, then resume when no longer hovering
      start: function(slider){
        slider.slides.eq(slider.currentSlide).addClass('active');
      },
      after: function(slider){
        //slider.slides.eq(slider.currentSlide).addClass('activeAFTER');
        // slider.slides.removeClass('active');
        // slider.slides.eq(slider.currentSlide).addClass('active ' + slider.currentSlide.toString(10));
      },
      before: function(slider){
        slider.slides.removeClass('active');
        slider.slides.eq(slider.animatingTo).addClass('active');
      }

    });

    // flex nav width buttons
    var $flexNav = $('.flex-direction-nav');
    var flexNavMaxWidth = parseInt($flexNav.css('width'),10);

    $(window).resize(function() {
      var winWidth = $(this).width();
      if(flexNavMaxWidth){
        //resize the nav if smaller than comped width
        if ( winWidth <= flexNavMaxWidth ) {
          $flexNav.css('width', winWidth).css('margin-left', -winWidth/2);
        }
        if ( winWidth >= flexNavMaxWidth ) {
          $flexNav.css('width', flexNavMaxWidth).css('margin-left', -flexNavMaxWidth/2);
        }
      }

    });//.resize();

  } //.flexslider()

  //window resizing outside of pages that don't have flexslider
  var offset = 950 + $('#footer').height(); // background image height - footer height
  $(window).resize(function(){
    $('.not-front #page-wrapper').css('background-position', 'center ' + parseInt($(window).height() - offset, 10) + 'px');
  });//.resize();