FG_NS.receiveHTML({"uniqid":"1d66d3a58d2b0559877c7703f","html":"<link rel='stylesheet' href='https:\/\/fonts.googleapis.com\/css?family=Lato:400,700&subset=latin,latin-ext'>\r\n<style>\r\n    \/* Common *\/\r\n    #fg-widget-1d66d3a58d2b0559877c7703f {\r\n        width: 230px;\r\n        border-color: #CFDCF2;\r\n    }\r\n    #fg-widget-1d66d3a58d2b0559877c7703f .uw-sc-snippet {\r\n                color: #707070;\r\n                    \r\n    }\r\n    #fg-widget-1d66d3a58d2b0559877c7703f .uw-sc-date {\r\n                color: #808080;\r\n    }\r\n    #fg-widget-1d66d3a58d2b0559877c7703f .uw-source {\r\n                color: #808080;\r\n    }\r\n\r\n    \/* Widget specific *\/\r\n    \r\n    \r\n            #fg-widget-1d66d3a58d2b0559877c7703f {\r\n            height: auto;\r\n        }\r\n        #fg-widget-1d66d3a58d2b0559877c7703f:not(.uw-transparent) {\r\n            background-color: #CFDCF2 !important;\r\n        }\r\n        #fg-widget-1d66d3a58d2b0559877c7703f .uw-text, #fg-widget-1d66d3a58d2b0559877c7703f .uw-source-divider, #fg-widget-1d66d3a58d2b0559877c7703f .uw-social {\r\n                        color: #3264B4;\r\n                            \r\n        }\r\n        #fg-widget-1d66d3a58d2b0559877c7703f .uw-sc-mask {\r\n            margin: 10px !important;\r\n        }\r\n        #fg-widget-1d66d3a58d2b0559877c7703f .uw-w-header {\r\n            padding-left: 10px !important;\r\n            padding-right: 10px !important;\r\n        }\r\n        #fg-widget-1d66d3a58d2b0559877c7703f .uw-sc-divider {\r\n            margin-bottom: 5px;\r\n            padding-bottom:5px !important;\r\n            border-color: #e0e0e0 !important;\r\n        }\r\n                    #fg-widget-1d66d3a58d2b0559877c7703f .uw-imgcont2 {\r\n                width: 35%;\r\n            }\r\n            #fg-widget-1d66d3a58d2b0559877c7703f .uw-headline .uw-text {\r\n                                                    color: #3264B4;\r\n                                            }\r\n                            #fg-widget-1d66d3a58d2b0559877c7703f .uw-headline {\r\n                    background-color: #CFDCF2 !important;\r\n                }\r\n                                \r\n    \r\n    \/* Widget groups *\/\r\n            #fg-widget-1d66d3a58d2b0559877c7703f:not(.uw-transparent) .uw-w-header, #fg-widget-1d66d3a58d2b0559877c7703f:not(.uw-transparent) .uw-w-branding {\r\n            background-color: #CFDCF2;\r\n        }\r\n        #fg-widget-1d66d3a58d2b0559877c7703f .uw-w-header  span {\r\n                            font-size: 12.0pt;\r\n                    }\r\n        #fg-widget-1d66d3a58d2b0559877c7703f .uw-w-header span {\r\n            color: #5F8BD3;\r\n        }\r\n                    #fg-widget-1d66d3a58d2b0559877c7703f .uw-w-header .uw-logo {\r\n                height: 0px;\r\n            }\r\n            \r\n    <\/style>\r\n\r\n    \r\n<div id=\"fg-widget-1d66d3a58d2b0559877c7703f\" class=\" uw-rssmode uw-showdivider uw-sizebystories uw-showheaderfollow uw-lato uw-scroller uw-normal\" data-scrolltime=\"0\">\n    <div class=\"uw-w-header\">\n        \n                    \n            \n            <img class=\"uw-logo\" src=\"\" alt=\"\">\n\n            \n        \n        <span>DIYnot News<\/span>\n\n        \n            <\/div>\n\n    <div class=\"uw-sc-mask\">\n        <div class=\"uw-sc-cardcont\">\n                    <\/div>\n\n        <div class=\"uw-sc-controls\">\n            <span class=\"uw-up\"><\/span>\n            <span class=\"uw-down\"><\/span>\n        <\/div>\n    <\/div>\n    \n<\/div>\n\n<script>\n    var fg_widget_js = fg_widget_js || {};\n    var scrollDownG;\n\n    fg_widget_js['1d66d3a58d2b0559877c7703f'] = new function () {\n        var $, widget, scrollTimer;\n\n        function initWidget(jQuery) {\n            $ = jQuery;\n            widget = $('#fg-widget-1d66d3a58d2b0559877c7703f');\n\n            initScrolling(widget);\n\n            widget.find('.uw-up').click(function () {\n                vertScrollDown();\n            });\n\n            widget.find('.uw-down').click(function () {\n                vertScrollUp();\n            });\n\n            widget.mouseenter(function () {\n                clearInterval(scrollTimer);\n            });\n\n            widget.mouseleave(function () {\n                initScrolling(widget);\n            });\n\n            widget.find('.uw-card2-row').click(function(e){\n                initScrolling(widget);\n            });\n\n                 \n\n            function onVisChange()\n            {\n                if (isElementInViewport(widget))\n                {\n                    $(window).off('resize scroll',onVisChange);\n                    widget.find(\"div.uw-imgcont2\").each(function(){\n                        $(this).css(\"background-image\",$(this).attr(\"data-lazyimg\"));\n                    });\n                }\n            }                  \n        }\n\n        \/* Scrolls the 'scroller' widget down.  *\/\n        function vertScrollDown() {\n            var cc = widget.find('.uw-sc-cardcont');\n            var el1 = cc.find('.uw-card2').last();\n            var elheight = el1.outerHeight();\n\n            \/\/ turn off css transitions\n            cc.hide();\n            doCSS(cc, false);\n\n            \/\/ we take the uw-card2 element on the end of the widget and add it to the start of the uw-sc-cardcont\n            \/\/ then translate the uw-sc-cardcont up by the height of the moved element. This hides the element we just added and it looks as if nothing has changed.\n            \/\/ then we turn on transitions again and set translate=0, smoothly scrolling down to show the moved element \n\n            \/\/ jump up\n            cc.css('transform', 'translateY(-' + elheight + 'px)');\n            \/\/ move the element\n            el1.detach().prependTo(cc);\n\n            \/\/ turn on transitions\n            doCSS(cc, true);\n            cc.show();\n            \/\/ scroll it into view\n            setTimeout(function (cc) {\n                cc.css('transform', 'translateY(0px)');\n            }, 300, cc);\n        }\n\n        \/* Scrolls the 'scroller' widget up.  *\/\n        function vertScrollUp() {\n            var cc = widget.find('.uw-sc-cardcont');\n            var el1 = cc.find('.uw-card2').first();\n            var elheight = el1.outerHeight();\n            var transevents = 'webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend';\n\n            \/\/ scrollit up by the height of the first element, to hide it\n            cc.css('transform', 'translateY(-' + elheight + 'px)');\n\n            \/\/ when the scroll up finishes, move that now hidden first element to the end of the scroller and set the scroll position to zero, so it \n            \/\/ seems nothing has changed\n            cc.on(transevents, function (e) {\n                el1.detach().appendTo(cc);\n\n                \/\/ turn off css transitions\n                cc.hide();\n                doCSS(cc, false);\n\n                cc.css('transform', 'translateY(0px)');\n\n                \/\/ turn on transitions\n                doCSS(cc, true);\n                cc.show();\n\n                cc.off(transevents); \/\/ turn off the event handler, or it will be called when we do a scrolldown. We cannot use jquery.one() for this\n            });\n        }\n\n        function doCSS(obj, dotrans) {\n            obj.css('transition', dotrans ? '' : 'none');\n\n            if (window.getComputedStyle) {\n                getComputedStyle(obj.get(0)).display;\n            }\n        }\n\n        function initScrolling(widget, scrollInterval, scrollDown) {\n            clearInterval(scrollTimer);\n\n            \/\/ sometimes we pass in the scrollinterval value to set it on the slider, \n            \/\/ sometimes we just want to use the current value, stored in the \"data-scrolltime\" attribute on the slider.\n            if (typeof scrollInterval === 'undefined') {\n                scrollInterval = widget.attr('data-scrolltime');\n            } else {\n                widget.attr('data-scrolltime', scrollInterval);\n            }\n\n            if (typeof scrollDownG === 'undefined')\n                scrollDownG = 1;\n\n            if (typeof scrollDown === 'undefined')\n                scrollDown = scrollDownG;\n            else\n                scrollDownG = scrollDown;\n\n            if (scrollInterval != 0) {\n                scrollTimer = setInterval(doScroll, scrollInterval * 1000, scrollDown);\n            }\n        }\n\n        function doScroll(scrollDown)\n        {\n            if (scrollDown==1) \n                vertScrollDown();\n            else \n                vertScrollUp();                \n        }\n\n\n\n        function isElementInViewport (el) {\n            var rect = el[0].getBoundingClientRect();\n            return (rect.top < (window.innerHeight || document.documentElement.clientHeight));\n        }           \n\n        this.execute = function () {\n            var openMethods = ['initWidget', 'initScrolling'];\n            var params = Array.prototype.slice.call(arguments);\n            var method = params.shift();\n\n            if (openMethods.indexOf(method) !== -1) {\n                eval(method + '.apply(this, params)');\n            }\n        };\n    };\n<\/script>"})