(function ($) {

    var inviewObjects = {}, viewportSize, viewportOffset,
        d = document, w = window, documentElement = d.documentElement, expando = $.expando, timer;

    function getVendorPrefix(cssAttr) {
        // 浣跨敤body鏄负浜嗛伩鍏嶅湪杩橀渶瑕佷紶鍏ュ厓绱
        var body = document.body || document.documentElement,
            style = body.style,
            vendor = ['webkit', 'khtml', 'moz', 'ms', 'o'],
            i = 0;
        while ( i < vendor.length ) {
            // 姝ゅ杩涜鍒ゆ柇鏄惁鏈夊搴旂殑鍐呮牳鍓嶇紑
            if ( typeof style[vendor[i] + cssAttr] === 'string' ) {
                return vendor[i];
            }
            i++;
        }
    }

    $.event.special.inview = {
        add: function (data) {
            inviewObjects[data.guid + "-" + this[expando]] = { data: data, $element: $(this) };
            if ( !timer && !$.isEmptyObject(inviewObjects) ) {
                timer = setInterval(checkInView, 250);
            }
        },

        remove: function (data) {
            try {
                delete inviewObjects[data.guid + "-" + this[expando]];
            } catch ( e ) {
            }
            if ( $.isEmptyObject(inviewObjects) ) {
                clearInterval(timer);
                timer = null;
            }
        }
    };

    function getViewportSize() {
        var mode, domObject, size = { height: w.innerHeight, width: w.innerWidth };
        if ( !size.height ) {
            mode = d.compatMode;
            if ( mode || !$.support.boxModel ) { // IE, Gecko
                domObject = mode === 'CSS1Compat' ?
                    documentElement : // Standards
                    d.body; // Quirks
                size = {
                    height: domObject.clientHeight,
                    width: domObject.clientWidth
                };
            }
        }

        return size;
    }

    function getViewportOffset() {
        return {
            top: w.pageYOffset || documentElement.scrollTop || d.body.scrollTop,
            left: w.pageXOffset || documentElement.scrollLeft || d.body.scrollLeft
        };
    }

    function checkInView() {
        var $elements = $(), elementsLength, i = 0;

        $.each(inviewObjects, function (i, inviewObject) {
            var selector = inviewObject.data.selector,
                $element = inviewObject.$element;
            $elements = $elements.add(selector ? $element.find(selector) : $element);
        });

        elementsLength = $elements.length;
        if ( elementsLength ) {
            viewportSize = viewportSize || getViewportSize();
            viewportOffset = viewportOffset || getViewportOffset();

            for ( ; i < elementsLength; i++ ) {
                if ( !$.contains(documentElement, $elements[i]) ) {
                    continue;
                }

                var $element = $($elements[i]),
                    elementSize = { height: $element.height(), width: $element.width() },
                    elementOffset = $element.offset(),
                    inView = $element.data('inview'),
                    visiblePartX,
                    visiblePartY,
                    visiblePartsMerged;

                if ( !viewportOffset || !viewportSize ) {
                    return;
                }

                if ( elementOffset.top + elementSize.height > viewportOffset.top &&
                    elementOffset.top < viewportOffset.top + viewportSize.height &&
                    elementOffset.left + elementSize.width > viewportOffset.left &&
                    elementOffset.left < viewportOffset.left + viewportSize.width ) {
                    visiblePartX = (viewportOffset.left > elementOffset.left ?
                        'right' : (viewportOffset.left + viewportSize.width) < (elementOffset.left + elementSize.width) ?
                            'left' : 'both');
                    visiblePartY = (viewportOffset.top > elementOffset.top ?
                        'bottom' : (viewportOffset.top + viewportSize.height) < (elementOffset.top + elementSize.height) ?
                            'top' : 'both');
                    visiblePartsMerged = visiblePartX + "-" + visiblePartY;
                    if ( !inView || inView !== visiblePartsMerged ) {
                        $element.data('inview', visiblePartsMerged).trigger('inview', [
                            true, visiblePartX, visiblePartY
                        ]);
                    }
                } else if ( inView ) {
                    $element.data('inview', false).trigger('inview', [false]);
                }
            }
        }
    }

    $(w).bind("scroll resize scrollstop", function () {
        viewportSize = viewportOffset = null;
    });

    if ( !documentElement.addEventListener && documentElement.attachEvent ) {
        documentElement.attachEvent("onfocusin", function () {
            viewportOffset = null;
        });
    }


    /**
     * 鍔ㄧ敾
     */
    $(document).on('inview', '[data-wpkjanimation]', function (event, visible, visiblePartX, visiblePartY) {
        var $this = $(this);
        if ( visible ) {
            var animation = $this.data('wpkjanimation');
            if ( animation && typeof animation.name != 'undefined' && animation.openAnimation != 0 ) {
                setTimeout(function () {
                    $this.css({ opacity: 1 });
                }, parseInt(animation.delay) + 100);
                var csses = {
                    animationName: animation.name,
                    animationTimingFunction: animation.curve,
                    animationDuration: animation.duration + 'ms',
                    animationDelay: animation.delay + 'ms',
                    animationIterationCount: animation.repeat === 'once' ? 1 : 'infinite'
                };
                for ( var key in csses ) {
                    var prefix = getVendorPrefix(key);
                    csses[prefix + key.substring(0, 1).toUpperCase() + key.substring(1)] = csses[key];
                }
                $this.css(csses);
            }
        }
        $this.unbind('inview');
    });


    // Parallax
    var $window = $(window);
    var windowHeight = $window.height();
    $window.resize(function () {
        windowHeight = $window.height();
    });
    $.fn.parallax = function (xpos, speedFactor, outerHeight) {
        var $this = $(this);
        var getHeight;
        var firstTop;
        $this.each(function () {
            firstTop = $this.offset().top;
        });
        if ( outerHeight ) {
            getHeight = function (jqo) {
                return jqo.outerHeight(true);
            };
        } else {
            getHeight = function (jqo) {
                return jqo.height();
            };
        }
        if ( arguments.length < 1 || xpos === null ) xpos = "50%";
        if ( arguments.length < 2 || speedFactor === null ) speedFactor = 0.1;
        if ( arguments.length < 3 || outerHeight === null ) outerHeight = true;

        function update() {
            var pos = $window.scrollTop();
            $this.each(function () {
                var $element = $(this);
                var top = $element.offset().top;
                var height = getHeight($element);
                if ( top + height < pos || top > pos + windowHeight ) {
                    return;
                }
                $this.css('backgroundPosition', xpos + " " + Math.round((firstTop - pos) * speedFactor) + "px");
            });
        }

        $window.bind('scroll', update).resize(update);
        update();
    };
    if ( typeof jQuery.fn.parallax !== 'undefined' ) {
        $(document).ready(function () {
            $('.wpkj-row-parallax').each(function () {
                $(this).parallax("center", 0.4);
            })
        })
    }
})(jQuery);