https://grueneliga.de/templates/ig_grueneliga_v2/script.responsive.js

1/* Created by Artisteer v4.1.0.59861 */
2/*jshint forin:true, noarg:true, noempty:true, eqeqeq:true, bitwise:true, strict:true, undef:true, curly:false, browser:true, jquery:false */
3/*global jQuery */
4
5var responsiveDesign = {
6    isResponsive: false,
7    isDesktop: false,
8    isTablet: false,
9    isPhone: false,
10    windowWidth: 0,
11    responsive: (function ($) {
12        "use strict";
13        return function () {
14            var html = $("html");
15            this.windowWidth = $(window).width();
16            var triggerEvent = false;
17
18            var isRespVisible = $("#ig-resp").is(":visible");
19            if (isRespVisible && !this.isResponsive) {
20                html.addClass("responsive").removeClass("desktop");
21                this.isResponsive = true;
22                this.isDesktop = false;
23                triggerEvent = true;
24            } else if (!isRespVisible && !this.isDesktop) {
25                html.addClass("desktop").removeClass("responsive responsive-tablet responsive-phone");
26                this.isResponsive = this.isTablet = this.isPhone = false;
27                this.isDesktop = true;
28                triggerEvent = true;
29            }
30
31            if (this.isResponsive) {
32                if ($("#ig-resp-t").is(":visible") && !this.isTablet) {
33                    html.addClass("responsive-tablet").removeClass("responsive-phone");
34                    this.isTablet = true;
35                    this.isPhone = false;
36                    triggerEvent = true;
37                } else if ($("#ig-resp-m").is(":visible") && !this.isPhone) {
38                    html.addClass("responsive-phone").removeClass("responsive-tablet");
39                    this.isTablet = false;
40                    this.isPhone = true;
41                    triggerEvent = true;
42                }
43            }
44
45            if (triggerEvent) {
46                $(window).trigger("responsive", this);
47            }
48
49            $(window).trigger("responsiveResize", this);
50        };
51    })(jQuery),
52    initialize: (function ($) {
53        "use strict";
54        return function () {
55            $("<div id=\"ig-resp\"><div id=\"ig-resp-m\"></div><div id=\"ig-resp-t\"></div></div>").appendTo("body");
56            var resizeTimeout;
57            $(window).resize(function () {
58                clearTimeout(resizeTimeout);
59                resizeTimeout = setTimeout(function () { responsiveDesign.responsive(); }, 25);
60            });
61            $(window).trigger("resize");
62        };
63    })(jQuery)
64};
65
66function responsiveAbsBg(responsiveDesign, el, bg) {
67    "use strict";
68    if (bg.length === 0)
69        return;
70
71    var desktopBgTop = bg.attr("data-bg-top");
72    var desktopBgHeight = bg.attr("data-bg-height");
73
74    if (responsiveDesign.isResponsive) {
75        if (typeof desktopBgTop === "undefined" || desktopBgTop === false) {
76            bg.attr("data-bg-top", bg.css("top"));
77            bg.attr("data-bg-height", bg.css("height"));
78        }
79
80        var elTop = el.offset().top;
81        var elHeight = el.outerHeight();
82        bg.css("top", elTop + "px");
83        bg.css("height", elHeight + "px");
84    } else if (typeof desktopBgTop !== "undefined" && desktopBgTop !== false) {
85        bg.css("top", desktopBgTop);
86        bg.css("height", desktopBgHeight);
87        bg.removeAttr("data-bg-top");
88        bg.removeAttr("data-bg-height");
89    }
90}
91
92var responsiveImages = (function ($) {
93    "use strict";
94    return function (responsiveDesign) {
95        $("img[width]").each(function () {
96            var img = $(this), newWidth = "", newMaxWidth = "", newHeight = "";
97            if (responsiveDesign.isResponsive) {
98                newWidth = "auto";
99                newHeight = "auto";
100                newMaxWidth = "100%";
101
102                var widthAttr = img.attr("width");
103                if (widthAttr !== null && typeof (widthAttr) === "string" && widthAttr.indexOf("%") === -1) {
104                    newWidth = "100%";
105                    newMaxWidth = parseInt($.trim(widthAttr), 10) + "px";
106                }
107            }
108            img.css("width", newWidth).css("max-width", newMaxWidth).css("height", newHeight);
109        });
110    };
111})(jQuery);
112
113var responsiveVideos = (function ($) {
114    "use strict";
115    return function (responsiveDesign) {
116        $("iframe,object,embed").each(function () {
117            var obj = $(this);
118            var container = obj.parent(".ig-responsive-embed");
119            if (responsiveDesign.isResponsive) {
120                if (container.length !== 0)
121                    return;
122                container = $("<div class=\"ig-responsive-embed\">").insertBefore(obj);
123                obj.appendTo(container);
124            } else if (container.length > 0) {
125                obj.insertBefore(container);
126                container.remove();
127            }
128        });
129    };
130})(jQuery);
131
132var responsiveTextblocks = (function ($) {
133    "use strict";
134    return function (slider, responsiveDesign) {

135        slider.find(".ig-textblock").each(function () {
136            if (parseInt(slider.attr("data-width"), 10) === 0) {
137                return true;
138            }
139            var tb = $(this);
140            var c = slider.width() / slider.attr("data-width");
141            tb.css({
142                "height": "",
143                "width": "",
144                "top": "",
145                "margin-left": ""
146            });
147            if (responsiveDesign.isResponsive) {
148                var tbHeight = parseInt(tb.css("height"), 10);
149                var tbWidth = parseInt(tb.css("width"), 10);
150                var tbTop = parseInt(tb.css("top"), 10);
151                var tbMargin = parseInt(tb.css("margin-left"), 10);
152                tb.add(tb.children()).css({
153                    "height": tbHeight * c,
154                    "width": tbWidth * c
155                });
156                tb.css("top", tbTop * c);
157                tb.attr("style", function (i, s) { return s + "margin-left: " + (tbMargin * c) + "px !important"; });
158            }
159        });
160    };
161})(jQuery);
162
163var responsiveSlider = (function ($) {
164    "use strict";
165    return function (responsiveDesign) {
166        $(".ig-slider").each(function () {
167            var s = $(this);
168
169            responsiveTextblocks(s, responsiveDesign);
170
171            if (!responsiveDesign.isResponsive) {
172                s.removeAttr("style");
173                return;
174            }
175
176            // set size
177            var initialWidth = s.attr("data-width");
178            var initialHeight = s.attr("data-height");
179            var c = s.width() / initialWidth;
180            var h = c * initialHeight;
181            s.css("height", h + "px");
182
183            // set slider
184            var obj = s.data("slider");
185            if (obj && obj.settings.helper) {
186                var inner = s.find(".ig-slider-inner");
187                obj.settings.helper.updateSize(inner, { width: initialWidth, height: initialHeight });
188            }
189        });
190    };
191})(jQuery);
192
193var responsiveCollages = (function ($) {
194    "use strict";
195    return function (responsiveDesign) {
196        $(".ig-collage").each(function () {
197            var collage = $(this);
198            var parent = collage.closest(":not(.image-caption-wrapper, .ig-collage)");
199            var parentWidth = parent.width();
200            var collageWidth = collage.width();
201            var sliderOriginalWidth = collage.children(".ig-slider").attr("data-width");
202            if (responsiveDesign.isResponsive && collageWidth > parentWidth) {
203                collage

204                    .add(collage.find(".ig-slider"))
205                    .add(collage.closest(".image-caption-wrapper"))
206                    .css("width", "100%");
207            } else if (!responsiveDesign.isResponsive || collageWidth > sliderOriginalWidth) {
208                collage
209                    .add(collage.find(".ig-slider"))
210                    .add(collage.closest(".image-caption-wrapper"))
211                    .css("width", "");
212            }
213        });
214    };
215})(jQuery);
216
217var responsiveNavigator = (function ($) {
218    "use strict";
219    return function (responsiveDesign) {
220        $(".ig-slider").each(function () {
221            var currentSlider = $(this);
222            var currentSliderWidth = currentSlider.width();
223            var sliderNavigator = currentSlider.siblings(".ig-slidenavigator");
224            if (sliderNavigator.length) {
225                if (responsiveDesign.isResponsive) {
226                    // left offset
227                    var left = sliderNavigator.attr("data-left");
228                    var margin = currentSliderWidth - currentSliderWidth * parseFloat(left) / 100 - sliderNavigator.outerWidth(false);
229                    if (margin < 0) {
230                        sliderNavigator.css("margin-left", margin);
231                    }
232                    // top
233                    var sliderHeight = currentSlider.css("height");
234                    // reset top to original value
235                    sliderNavigator.css("top", "");
236                    // newTop = oldTop - (sliderOrinalHeight - sliderCurrentHeight)
237                    var offset = parseInt(sliderNavigator.attr("data-offset") || 0, 10);
238                    sliderNavigator.css("top", parseInt(sliderNavigator.css("top"), 10) - (currentSlider.attr("data-height") - parseInt(sliderHeight, 10)) + offset);
239                } else {
240                    sliderNavigator.removeAttr("data-offset");
241                    sliderNavigator.removeAttr("style");
242                }
243            }
244        });
245    };
246})(jQuery);
247
248jQuery(window).bind("responsive", (function ($) {
249    "use strict";
250    return function (event, responsiveDesign) {
251        responsiveImages(responsiveDesign);
252        responsiveVideos(responsiveDesign);
253    
254        if ($.browser.msie && $.browser.version <= 8) return;
255    
256        if (responsiveDesign.isResponsive) {
257            $(window).on("responsiveResize.slider", function () {
258                responsiveSlideshow(responsiveDesign);
259            });
260        } else {
261            $(window).trigger("responsiveResize.slider");
262            $(window).off("responsiveResize.slider");
263        }
264    };
265})(jQuery));
266
267function responsiveSlideshow(responsiveDesign) {
268    "use strict";
269    responsiveCollages(responsiveDesign); // must be first
270    responsiveSlider(responsiveDesign);
271    responsiveNavigator(responsiveDesign);
272}
273
274
275
276
277
278
279jQuery(window).bind("responsiveResize", (function ($) {
280    "use strict";
281    return function (event, responsiveDesign) {
282        responsiveAbsBg(responsiveDesign, $("nav.ig-nav"), $("#ig-hmenu-bg"));
283    };
284})(jQuery));
285
286
287
288
289
290jQuery(function($) {
291    $("<a href=\"#\" class=\"ig-menu-btn\"><span></span><span></span><span></span></a>").insertBefore(".ig-hmenu").click(function(e) {
292        var menu = $(this).next();
293        if (menu.is(":visible")) {
294            menu.slideUp("fast", function() {
295                $(this).removeClass("visible").css("display", "");
296            });
297        } else {
298            menu.slideDown("fast", function() {
299                $(this).addClass("visible").css("display", "");
300            });
301        }
302        e.preventDefault();
303    });
304});
305
306var responsiveHeader = (function ($) {
307    "use strict";
308    return function(responsiveDesign) {
309        var header = $("header.ig-header");
310        var headerSlider = header.find(".ig-slider");
311
312        if (headerSlider.length) {
313            var firstSlide = headerSlider.find(".ig-slide-item").first();
314            var slidebg = firstSlide.css("background-image").split(",");
315            var previousSibling = headerSlider.prev();
316            var sliderNav = headerSlider.siblings(".ig-slidenavigator");
317            if (slidebg.length && responsiveDesign.isResponsive) {
318                header.css("background-image", slidebg[slidebg.length - 1]);
319                header.css("min-height", "0");
320                // if prev is menu in header
321                if (previousSibling.is("nav.ig-nav")) {
322                    sliderNav.attr("data-offset", previousSibling.height());
323                }
324            } else {
325                sliderNav.removeAttr("data-offset");
326                header.removeAttr("style");
327            }
328        }
329    };
330})(jQuery);
331
332jQuery(window).bind("responsiveResize", (function ($) {
333    "use strict";
334    return function (event, responsiveDesign) {
335        responsiveAbsBg(responsiveDesign, $(".ig-header"), $("#ig-header-bg"));
336    };
337})(jQuery));
338
339jQuery(window).bind("responsive", (function ($) {
340    "use strict";
341    return function (event, responsiveDesign) {
342        if ($.browser.msie && $.browser.version <= 8) return;
343
344        if (responsiveDesign.isResponsive) {
345            $(window).on("responsiveResize.header", function () {
346                responsiveHeader(responsiveDesign);
347            });
348        } else {
349            $(window).trigger("responsiveResize.header");
350            $(window).trigger("resize");
351            $(window).off("responsiveResize.header");
352        }
353    };
354})(jQuery));
355
356/*global jQuery, responsiveDesign*/
357
358
359var responsiveLayoutCell = (function ($) {
360    "use strict";
361    return function (responsiveDesign) {
362        $(".ig-content .ig-content-layout-row,.ig-footer .ig-content-layout-row").each(function () {
363            var row = $(this);
364            var rowChildren = row.children(".ig-layout-cell");
365            if (rowChildren.length > 1) {
366                if (responsiveDesign.isTablet) {
367                    rowChildren.addClass("responsive-tablet-layout-cell").each(function (i) {
368                        if ((i + 1) % 2 === 0) {
369                            $(this).after("<div class=\"cleared responsive-cleared\">");
370                        }
371                    });
372                } else {
373                    rowChildren.removeClass("responsive-tablet-layout-cell");
374                    row.children(".responsive-cleared").remove();
375                }
376            }
377        });
378    };
379})(jQuery);
380
381jQuery(window).bind("responsive", function (event, responsiveDesign) {
382    "use strict";
383    responsiveLayoutCell(responsiveDesign);
384});
385
386
387var responsiveLayoutCell = (function ($) {
388    "use strict";
389    return function (responsiveDesign) {
390        $(".ig-content .ig-content-layout-row,.ig-footer .ig-content-layout-row").each(function () {
391            var row = $(this);
392            var rowChildren = row.children(".ig-layout-cell");
393            if (rowChildren.length > 1) {
394                if (responsiveDesign.isTablet) {
395                    rowChildren.addClass("responsive-tablet-layout-cell").each(function (i) {
396                        if ((i + 1) % 2 === 0) {
397                            $(this).after("<div class=\"cleared responsive-cleared\">");
398                        }
399                    });
400                } else {
401                    rowChildren.removeClass("responsive-tablet-layout-cell");
402                    row.children(".responsive-cleared").remove();
403                }
404            }
405        });
406    };
407})(jQuery);
408
409jQuery(window).bind("responsive", function (event, responsiveDesign) {
410    "use strict";
411    responsiveLayoutCell(responsiveDesign);
412});
413
414
415var responsiveLayoutCell = (function ($) {
416    "use strict";
417    return function (responsiveDesign) {
418        $(".ig-content .ig-content-layout-row,.ig-footer .ig-content-layout-row").each(function () {
419            var row = $(this);
420            var rowChildren = row.children(".ig-layout-cell");
421            if (rowChildren.length > 1) {
422                if (responsiveDesign.isTablet) {
423                    rowChildren.addClass("responsive-tablet-layout-cell").each(function (i) {
424                        if ((i + 1) % 2 === 0) {
425                            $(this).after("<div class=\"cleared responsive-cleared\">");
426                        }
427                    });
428                } else {
429                    rowChildren.removeClass("responsive-tablet-layout-cell");
430                    row.children(".responsive-cleared").remove();
431                }
432            }
433        });
434    };
435})(jQuery);
436
437jQuery(window).bind("responsive", function (event, responsiveDesign) {
438    "use strict";
439    responsiveLayoutCell(responsiveDesign);
440});
441
442
443
444
445if (!jQuery.browser.msie || jQuery.browser.version > 8) {
446    jQuery(responsiveDesign.initialize);
447}