facetwp

/Facet reload
add_action('wp_footer', 'ava_custom_script');
function ava_custom_script(){
    ?>
    <script type="text/javascript">
        (function($) {
            $(document).on('facetwp-loaded', function() {
                // -------------------------------------------------------------------------------------------
                // hover effect for images
                // -------------------------------------------------------------------------------------------
                function avia_hover_effect(container)
                {
                    //hover overlay for mobile device doesnt really make sense. in addition it often slows down the click event
                    if($.avia_utilities.isMobile) return;

                    var overlay = "", cssTrans = $.avia_utilities.supports('transition');

                    if(container == 'body')
                    {
                        var elements = $('#main a img').parents('a').not('.noLightbox, .noLightbox a, .avia-gallery-thumb a, .ls-wp-container a, .noHover, .noHover a, .av-logo-container .logo a').add('#main .avia-hover-fx');
                    }
                    else
                    {
                        var elements = $('a img', container).parents('a').not('.noLightbox, .noLightbox a, .avia-gallery-thumb a, .ls-wp-container a, .noHover, .noHover a, .av-logo-container .logo a').add('.avia-hover-fx', container);
                    }

                   elements.each(function(e)
                   {
                        var link = $(this),
                            current = link.find('img:first');

                        if(current.hasClass('alignleft')) link.addClass('alignleft').css({float:'left', margin:0, padding:0});
                        if(current.hasClass('alignright')) link.addClass('alignright').css({float:'right', margin:0, padding:0});
                        if(current.hasClass('aligncenter')) link.addClass('aligncenter').css({float:'none','text-align':'center', margin:0, padding:0});

                        if(current.hasClass('alignnone'))
                        {
                           link.addClass('alignnone').css({margin:0, padding:0});;
                           if(!link.css('display') || link.css('display') == 'inline') { link.css({display:'inline-block'}); }
                        }

                        if(!link.css('position') || link.css('position') == 'static') { link.css({position:'relative', overflow:'hidden'}); }

                        var url         = link.attr('href'),
                            span_class  = "overlay-type-video",
                            opa         = link.data('opacity') || 0.7,
                            overlay_offset = 5,
                            overlay     = link.find('.image-overlay');

                            if(url)
                            {
                                if( url.match(/(jpg|gif|jpeg|png|tif)/) ) span_class = "overlay-type-image";
                                if(!url.match(/(jpg|gif|jpeg|png|\.tif|\.mov|\.swf|vimeo\.com|youtube\.com)/) ) span_class = "overlay-type-extern";
                            }

                            if(!overlay.length)
                            {
                                overlay = $("<span class='image-overlay "+span_class+"'><span class='image-overlay-inside'></span></span>").appendTo(link);
                            }

                            link.on('mouseenter', function(e)
                            {
                                var current = link.find('img:first'),
                                    _self   = current.get(0),
                                    outerH  = current.outerHeight(),
                                    outerW  = current.outerWidth(),
                                    pos     = current.position(),
                                    linkCss = link.css('display'),
                                    overlay = link.find('.image-overlay');

                                if(outerH > 100)
                                {

                                    if(!overlay.length)
                                    {
                                        overlay = $("<span class='image-overlay "+span_class+"'><span class='image-overlay-inside'></span></span>").appendTo(link);

                                    }
                                    //can be wrapped into if !overlay.length statement if chrome fixes fade in problem
                                    if(link.height() == 0) { link.addClass(_self.className); _self.className = ""; }
                                    if(!linkCss || linkCss == 'inline') { link.css({display:'block'}); }
                                    //end wrap

                                    overlay.css({left:(pos.left - overlay_offset) + parseInt(current.css("margin-left"),10), top:pos.top + parseInt(current.css("margin-top"),10)})
                                           .css({overflow:'hidden',display:'block','height':outerH,'width':(outerW + (2*overlay_offset))});

                                    if(cssTrans === false ) overlay.stop().animate({opacity:opa}, 400);
                                }
                                else
                                {
                                    overlay.css({display:"none"});
                                }

                            }).on('mouseleave', elements, function(){

                                if(overlay.length)
                                {
                                    if(cssTrans === false ) overlay.stop().animate({opacity:0}, 400);
                                }
                            });
                    });
                }

                avia_hover_effect('body');

                if($.fn.avia_activate_lightbox){
                    $('body').avia_activate_lightbox();
                }
            });
        })(jQuery);
    </script>
    <?php
}