(function($) {
    "use strict";

    $(document).ready(function() {  
        mobileLogoSwitch($(window));
        $(window).resize(function(){
            mobileLogoSwitch($(this));
        });
        fullscreen_section($(this));
        parallax_image();
        flex_slider($);
        fix_height();
        progress_bar($(this));
        mobile_nav($(this));
        owl_carousel($(this));
        one_page_scroll($(this));
        sticky_header($(this));
        bs_tooltip($(this));
        //nivo_lightbox($(this));
        
    });
    
    /* Window Load/All Media Loaded */
    jQuery(window).load(function() {
        site_loader($(this));
        fullscreen_section($(this));
        parallax_image();
        isotope_go($(this));

        $('.section').each(function() {
            animate_start($(this));
        });
        backgroundSwitch();
    });

    //
    //  FUNCTIONS
    //
    function mobileLogoSwitch($window){
        var width = $window.width();
        var src = "/img/gklogo.png";
        var widthCSS = '300px';
        var oldSrc = $('.logo-img').first().attr('src');
        
        if(width < 475){
           src = "/img/gklogo-mobile.png"; 
           widthCSS = '60px';
           $('#top-section').css('max-height', '');
        } else {
            $('#top-section').css('max-height', '600px');
        }
        if(oldSrc !== src){
            $('.logo-img').css('width',widthCSS);
            $('.logo-img').attr('src', src);
        }
    }
    
    function backgroundSwitch(){
        $('#blue-background').addClass('sunset-bg');
    }
    // Flex slider
    var flex_slider = function($this){
        $('.hero-slider').flexslider({
            animation: "fade",
            direction: "horizontal",
            animationSpeed: 1000,
            animationLoop: true,
            smoothHeight: true,
            directionNav: false,
            controlsContainer: ".hero-controls",
            controlNav: true,
            slideshow: true,               
            useCSS: true,

            // for Transparent Header
            after: function(slider){
                if($('li.flex-active-slide').hasClass("dark-slider")){
                    $('.header').addClass('white-header');
                }
                else {       
                    $('.header').removeClass('white-header');
                }
                if($('li.flex-active-slide').hasClass("white-slider")){
                    $('.header').addClass('black-header');
                }
                else {       
                    $('.header').removeClass('black-header');
                }
            },
            start: function(slider){
                if($('li.flex-active-slide').hasClass("dark-slider")){
                    $('.header').addClass('inverse-header');
                }
                else {       
                    $('.header').removeClass('inverse-header');
                }
                if($('li.flex-active-slide').hasClass("white-slider")){
                    $('.header').addClass('black-header');
                }
                else {       
                    $('.header').removeClass('black-header');
                }
            }
        });
        $('.flexslider').flexslider({
            animation: "fade",
            controlNav: true,
            useCSS: true,
            directionNav: false
        });
    }

    // Animateion with Waypoints.js
    var animate_start = function($this) {
        $this.find('.animate').each(function(i) {
            var $item = jQuery(this);
            var animation = $item.data("animate");

            $item.waypoint(function(direction) {
                $item.css({
                    '-webkit-animation-delay': (i * 0.1) + "s",
                    '-moz-animation-delay': (i * 0.1) + "s",
                    '-ms-animation-delay': (i * 0.1) + "s",
                    '-o-animation-delay': (i * 0.1) + "s",
                    'animation-delay': (i * 0.1) + "s"
                });
                $item.removeClass('animate').addClass('animated ' + animation).one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
                    jQuery(this).removeClass(animation + ' animated');
                });
            }, {
                offset: '80%',
                triggerOnce: true
            });
        });
    };

    //  Parallax Background (Stellar.js)
    var parallax_image = function($this){
        $.stellar({
            horizontalScrolling: false,
            responsive: true
        });
    }

    // Fullscreen ection
    var fullscreen_section = function($this) {
        $this.find('.fullscreen').each(function() {
            var $this = $(this);
            var resize_height = function() {
                    $this.height($(window).height());
                    fullscreenFix();
            }
            resize_height();
            $(window).resize(function() {
                resize_height();
            });
        });
    }
    function fullscreenFix(){
        var h = $(window).height();
        // set .fullscreen height
        $(".fullscreen").children(".container").each(function(i){
            var hc = $(this).innerHeight() + 270;
            if(hc >= h){
                $(this).parent(".fullscreen").addClass("not-overflow");
            } else {
                $(this).parent(".fullscreen").removeClass("not-overflow");
            }
        });
    }

    // AUTO HEIGHT
    var fix_height = function($this) {
        var auto_height = function() {
            if ($(window).width() > 991) {
                $('.auto-height').each(function() {
                    var element = $(this);
                    var height = element.height();
                    var parent_height = element.parent().parent().height();
                    element.css('height', parent_height);
                });
            } else {
                $('.auto-height').each(function() {
                    var element = $(this);
                    element.css('height', 'auto');
                });
            }
        }
        auto_height();
        $(window).resize(function() {
            auto_height();
        });
    }

    // PROGRESS BAR
    var progress_bar = function($this) {
        $this.find('.progress-bar').each(function() {
            var $this = $(this);
            
            $this.waypoint(function(direction) {
                $this.css('width', $this.attr('aria-valuenow') + '%');    
            }, {
                offset: '80%',
                triggerOnce: true
            });
        });
    }

    // MOBILE NAV
    var mobile_nav =function($this) {
        $('.menu-toggle').on('click', function() {
            $(this).closest('header').toggleClass('menu-open');
            if ($(this).closest('header').hasClass('menu-3')) {
                $(this).toggleClass('active');
            }
        });
        var add_mm_class = function() {
            if ($('.menu-toggle').is(':visible')) {
                $('.menu').addClass('mobile-menu');
            } else {
                $('.menu').removeClass('mobile-menu');
            }
        }
        add_mm_class();
        $(window).resize(function() {
            add_mm_class();
        });
    }

    // OWL CAROUSEL
    var owl_carousel = function($this) {
        $('.owl-carousel').each(function() {
            var $this = $(this);
            $this.owlCarousel({
                loop: true,
                margin: 0,
                responsiveClass: true,
                responsive: {
                    0: {
                        items: 1,
                        nav: true
                    },
                    768: {
                        items: $this.data('col-sm'),
                        nav: false
                    },
                    992: {
                        items: $this.data('col-md'),
                        nav: true,
                        loop: false
                    },
                    1200: {
                        items: $this.data('col-lg'),
                        nav: true,
                        loop: false
                    }
                }
            });
        });
    }

    // ONE PAGE SCROLLING
    var one_page_scroll = function ($this) {
        jQuery(function() {
            var sections = jQuery('.section');
            var navigation_links = jQuery('.menu a');
            sections.waypoint({
            handler: function(direction) {
                var active_section;
                active_section = jQuery(this);
                if (direction === "up") active_section = active_section.prev();
                var active_link = jQuery('.menu a[href="#' + active_section.attr("id") + '"]');
                navigation_links.removeClass("active");
                active_link.addClass("active");
                active_section.addClass("active-section");
            },
            offset: '35%'
            });
        });

        // SCROLL DOWN
        jQuery('.menu, .scroll-down').localScroll({
            offset: -60,
            duration: 500
        });
        jQuery('a.scroll-down').localScroll();
    }

    // REMOVE PAGE LOADER SCREEN
    var site_loader = function($this) {
        $('.loader').css('opacity', 0);
        setTimeout(function() {
            $('.loader').hide();
            $('body').addClass('loaded')
        }, 600);
    }
    // BOOTSTRAP TOOLTIP
    var bs_tooltip = function($this) {
        $('[data-toggle="tooltip"]').tooltip()
    }
    // NIVOLIGHTBOX
    /*
    var nivo_lightbox = function($this) {
        $('a.light-box').nivoLightbox();
    }
    */
    // STICKY HEADER
    var sticky_header = function ($this) {

        $(window).scroll(function() {
            if (window.scrollY > 500 && !$('.mobile-toggle').is(":visible")) {
                $('#header').addClass('sticky');
            } else {
                $('#header').removeClass('sticky');
            }
        });
    }

    // ISOTOPE
    var isotope_go = function($this) {
        var $container = $('.isotope-container');
        $container.isotope({
            itemSelector: '.isotope-item',
            filter: '*',
            animationOptions: {
                duration: 750,
                easing: 'linear',
                queue: false
            }
        });
        $('ul.portfolio-filter a').on('click', function(){
            var selector = $(this).attr('data-filter');
            $container.isotope({
                filter: selector,
                animationOptions: {
                    duration: 750,
                    easing: 'linear',
                    queue: false
                }
            });
          return false;
        });
        var $optionSets = $('ul.portfolio-filter'),
           $optionLinks = $optionSets.find('a');
      
           $optionLinks.on('click', function(){
              var $this = $(this);
          // don't proceed if already selected
          if ( $this.hasClass('selected') ) {
              return false;
          }
        var $optionSet = $this.parents('ul.portfolio-filter');
           $optionSet.find('.selected').removeClass('selected');
           $this.addClass('selected'); 
        });
    }

})(jQuery);