/* Supersized - Fullscreen Slideshow jQuery Plugin Version : 3.2.7 Site : www.buildinternet.com/project/supersized Author : Sam Dunn Company : One Mighty Roar (www.onemightyroar.com) License : MIT License / GPL License */ (function (a) { a(document).ready(function () { a("body").append('
') }); a.supersized = function (b) { var c = "#supersized", d = this; d.$el = a(c); d.el = c; vars = a.supersized.vars; d.$el.data("supersized", d); api = d.$el.data("supersized"); d.init = function () { a.supersized.vars = a.extend(a.supersized.vars, a.supersized.themeVars); a.supersized.vars.options = a.extend({}, a.supersized.defaultOptions, a.supersized.themeOptions, b); d.options = a.supersized.vars.options; d._build() }; d._build = function () { var g = 0, e = "", j = "", h, f = "", i; while (g <= d.options.slides.length - 1) { switch (d.options.slide_links) { case"num": h = g; break; case"name": h = d.options.slides[g].title; break; case"blank": h = ""; break } e = e + '
  • '; if (g == d.options.start_slide - 1) { if (d.options.slide_links) { j = j + '" } if (d.options.thumb_links) { d.options.slides[g].thumb ? i = d.options.slides[g].thumb : i = d.options.slides[g].image; f = f + '
  • ' } } else { if (d.options.slide_links) { j = j + '" } if (d.options.thumb_links) { d.options.slides[g].thumb ? i = d.options.slides[g].thumb : i = d.options.slides[g].image; f = f + '
  • ' } } g++ } if (d.options.slide_links) { a(vars.slide_list).html(j) } if (d.options.thumb_links && vars.thumb_tray.length) { a(vars.thumb_tray).append('") } a(d.el).append(e); if (d.options.thumbnail_navigation) { vars.current_slide - 1 < 0 ? prevThumb = d.options.slides.length - 1 : prevThumb = vars.current_slide - 1; a(vars.prev_thumb).show().html(a("").attr("src", d.options.slides[prevThumb].image)); vars.current_slide == d.options.slides.length - 1 ? nextThumb = 0 : nextThumb = vars.current_slide + 1; a(vars.next_thumb).show().html(a("").attr("src", d.options.slides[nextThumb].image)) } d._start() }; d._start = function () { if (d.options.start_slide) { vars.current_slide = d.options.start_slide - 1 } else { vars.current_slide = Math.floor(Math.random() * d.options.slides.length) } var o = d.options.new_window ? ' target="_blank"' : ""; if (d.options.performance == 3) { d.$el.addClass("speed") } else { if ((d.options.performance == 1) || (d.options.performance == 2)) { d.$el.addClass("quality") } } if (d.options.random) { arr = d.options.slides; for (var h, m, k = arr.length; k; h = parseInt(Math.random() * k), m = arr[--k], arr[k] = arr[h], arr[h] = m) { } d.options.slides = arr } if (d.options.slides.length > 1) { if (d.options.slides.length > 2) { vars.current_slide - 1 < 0 ? loadPrev = d.options.slides.length - 1 : loadPrev = vars.current_slide - 1; var g = (d.options.slides[loadPrev].url) ? "href='" + d.options.slides[loadPrev].url + "'" : ""; var q = a(''); var n = d.el + " li:eq(" + loadPrev + ")"; q.appendTo(n).wrap("").parent().parent().addClass("image-loading prevslide"); q.load(function () { a(this).data("origWidth", a(this).width()).data("origHeight", a(this).height()); d.resizeNow() }) } } else { d.options.slideshow = 0 } g = (api.getField("url")) ? "href='" + api.getField("url") + "'" : ""; var l = a(''); var f = d.el + " li:eq(" + vars.current_slide + ")"; l.appendTo(f).wrap("").parent().parent().addClass("image-loading activeslide"); l.load(function () { d._origDim(a(this)); d.resizeNow(); d.launch(); if (typeof theme != "undefined" && typeof theme._init == "function") { theme._init() } }); if (d.options.slides.length > 1) { vars.current_slide == d.options.slides.length - 1 ? loadNext = 0 : loadNext = vars.current_slide + 1; g = (d.options.slides[loadNext].url) ? "href='" + d.options.slides[loadNext].url + "'" : ""; var e = a(''); var p = d.el + " li:eq(" + loadNext + ")"; e.appendTo(p).wrap("").parent().parent().addClass("image-loading"); e.load(function () { a(this).data("origWidth", a(this).width()).data("origHeight", a(this).height()); d.resizeNow() }) } d.$el.css("visibility", "hidden"); a(".load-item").hide() }; d.launch = function () { d.$el.css("visibility", "visible"); a("#supersized-loader").remove(); if (typeof theme != "undefined" && typeof theme.beforeAnimation == "function") { theme.beforeAnimation("next") } a(".load-item").show(); if (d.options.keyboard_nav) { a(document.documentElement).keyup(function (e) { if (vars.in_animation) { return false } if ((e.keyCode == 37) || (e.keyCode == 40)) { clearInterval(vars.slideshow_interval); d.prevSlide() } else { if ((e.keyCode == 39) || (e.keyCode == 38)) { clearInterval(vars.slideshow_interval); d.nextSlide() } else { if (e.keyCode == 32 && !vars.hover_pause) { clearInterval(vars.slideshow_interval); d.playToggle() } } } }) } if (d.options.slideshow && d.options.pause_hover) { a(d.el).hover(function () { if (vars.in_animation) { return false } vars.hover_pause = true; if (!vars.is_paused) { vars.hover_pause = "resume"; d.playToggle() } }, function () { if (vars.hover_pause == "resume") { d.playToggle(); vars.hover_pause = false } }) } if (d.options.slide_links) { a(vars.slide_list + "> li").click(function () { index = a(vars.slide_list + "> li").index(this); targetSlide = index + 1; d.goTo(targetSlide); return false }) } if (d.options.thumb_links) { a(vars.thumb_list + "> li").click(function () { index = a(vars.thumb_list + "> li").index(this); targetSlide = index + 1; api.goTo(targetSlide); return false }) } if (d.options.slideshow && d.options.slides.length > 1) { if (d.options.autoplay && d.options.slides.length > 1) { vars.slideshow_interval = setInterval(d.nextSlide, d.options.slide_interval) } else { vars.is_paused = true } a(".load-item img").bind("contextmenu mousedown", function () { return false }) } a(window).resize(function () { d.resizeNow() }) }; d.resizeNow = function () { return d.$el.each(function () { a("img", d.el).each(function () { thisSlide = a(this); var f = (thisSlide.data("origHeight") / thisSlide.data("origWidth")).toFixed(2); var e = d.$el.width(), h = d.$el.height(), i; if (d.options.fit_always) { if ((h / e) > f) { g() } else { j() } } else { if ((h <= d.options.min_height) && (e <= d.options.min_width)) { if ((h / e) > f) { d.options.fit_landscape && f < 1 ? g(true) : j(true) } else { d.options.fit_portrait && f >= 1 ? j(true) : g(true) } } else { if (e <= d.options.min_width) { if ((h / e) > f) { d.options.fit_landscape && f < 1 ? g(true) : j() } else { d.options.fit_portrait && f >= 1 ? j() : g(true) } } else { if (h <= d.options.min_height) { if ((h / e) > f) { d.options.fit_landscape && f < 1 ? g() : j(true) } else { d.options.fit_portrait && f >= 1 ? j(true) : g() } } else { if ((h / e) > f) { d.options.fit_landscape && f < 1 ? g() : j() } else { d.options.fit_portrait && f >= 1 ? j() : g() } } } } } function g(k) { if (k) { if (thisSlide.width() < e || thisSlide.width() < d.options.min_width) { if (thisSlide.width() * f >= d.options.min_height) { thisSlide.width(d.options.min_width); thisSlide.height(thisSlide.width() * f) } else { j() } } } else { if (d.options.min_height >= h && !d.options.fit_landscape) { if (e * f >= d.options.min_height || (e * f >= d.options.min_height && f <= 1)) { thisSlide.width(e); thisSlide.height(e * f) } else { if (f > 1) { thisSlide.height(d.options.min_height); thisSlide.width(thisSlide.height() / f) } else { if (thisSlide.width() < e) { thisSlide.width(e); thisSlide.height(thisSlide.width() * f) } } } } else { thisSlide.width(e); thisSlide.height(e * f) } } } function j(k) { if (k) { if (thisSlide.height() < h) { if (thisSlide.height() / f >= d.options.min_width) { thisSlide.height(d.options.min_height); thisSlide.width(thisSlide.height() / f) } else { g(true) } } } else { if (d.options.min_width >= e) { if (h / f >= d.options.min_width || f > 1) { thisSlide.height(h); thisSlide.width(h / f) } else { if (f <= 1) { thisSlide.width(d.options.min_width); thisSlide.height(thisSlide.width() * f) } } } else { thisSlide.height(h); thisSlide.width(h / f) } } } if (thisSlide.parents("li").hasClass("image-loading")) { a(".image-loading").removeClass("image-loading") } if (d.options.horizontal_center) { a(this).css("left", (e - a(this).width()) / 2) } if (d.options.vertical_center) { a(this).css("top", (h - a(this).height()) / 2) } }); if (d.options.image_protect) { a("img", d.el).bind("contextmenu mousedown", function () { return false }) } return false }) }; d.nextSlide = function () { if (vars.in_animation || !api.options.slideshow) { return false } else { vars.in_animation = true } clearInterval(vars.slideshow_interval); var h = d.options.slides, e = d.$el.find(".activeslide"); a(".prevslide").removeClass("prevslide"); e.removeClass("activeslide").addClass("prevslide"); vars.current_slide + 1 == d.options.slides.length ? vars.current_slide = 0 : vars.current_slide++; var g = a(d.el + " li:eq(" + vars.current_slide + ")"), i = d.$el.find(".prevslide"); if (d.options.performance == 1) { d.$el.removeClass("quality").addClass("speed") } loadSlide = false; vars.current_slide == d.options.slides.length - 1 ? loadSlide = 0 : loadSlide = vars.current_slide + 1; var k = d.el + " li:eq(" + loadSlide + ")"; if (!a(k).html()) { var j = d.options.new_window ? ' target="_blank"' : ""; imageLink = (d.options.slides[loadSlide].url) ? "href='" + d.options.slides[loadSlide].url + "'" : ""; var f = a(''); f.appendTo(k).wrap("").parent().parent().addClass("image-loading").css("visibility", "hidden"); f.load(function () { d._origDim(a(this)); d.resizeNow() }) } if (d.options.thumbnail_navigation == 1) { vars.current_slide - 1 < 0 ? prevThumb = d.options.slides.length - 1 : prevThumb = vars.current_slide - 1; a(vars.prev_thumb).html(a("").attr("src", d.options.slides[prevThumb].image)); nextThumb = loadSlide; a(vars.next_thumb).html(a("").attr("src", d.options.slides[nextThumb].image)) } if (typeof theme != "undefined" && typeof theme.beforeAnimation == "function") { theme.beforeAnimation("next") } if (d.options.slide_links) { a(".current-slide").removeClass("current-slide"); a(vars.slide_list + "> li").eq(vars.current_slide).addClass("current-slide") } g.css("visibility", "hidden").addClass("activeslide"); switch (d.options.transition) { case 0: case"none": g.css("visibility", "visible"); vars.in_animation = false; d.afterAnimation(); break; case 1: case"fade": g.animate({opacity: 0}, 0).css("visibility", "visible").animate({opacity: 1, avoidTransforms: false}, d.options.transition_speed, function () { d.afterAnimation() }); break; case 2: case"slideTop": g.animate({top: -d.$el.height()}, 0).css("visibility", "visible").animate({top: 0, avoidTransforms: false}, d.options.transition_speed, function () { d.afterAnimation() }); break; case 3: case"slideRight": g.animate({left: d.$el.width()}, 0).css("visibility", "visible").animate({left: 0, avoidTransforms: false}, d.options.transition_speed, function () { d.afterAnimation() }); break; case 4: case"slideBottom": g.animate({top: d.$el.height()}, 0).css("visibility", "visible").animate({top: 0, avoidTransforms: false}, d.options.transition_speed, function () { d.afterAnimation() }); break; case 5: case"slideLeft": g.animate({left: -d.$el.width()}, 0).css("visibility", "visible").animate({left: 0, avoidTransforms: false}, d.options.transition_speed, function () { d.afterAnimation() }); break; case 6: case"carouselRight": g.animate({left: d.$el.width()}, 0).css("visibility", "visible").animate({left: 0, avoidTransforms: false}, d.options.transition_speed, function () { d.afterAnimation() }); e.animate({left: -d.$el.width(), avoidTransforms: false}, d.options.transition_speed); break; case 7: case"carouselLeft": g.animate({left: -d.$el.width()}, 0).css("visibility", "visible").animate({left: 0, avoidTransforms: false}, d.options.transition_speed, function () { d.afterAnimation() }); e.animate({left: d.$el.width(), avoidTransforms: false}, d.options.transition_speed); break } return false }; d.prevSlide = function () { if (vars.in_animation || !api.options.slideshow) { return false } else { vars.in_animation = true } clearInterval(vars.slideshow_interval); var h = d.options.slides, e = d.$el.find(".activeslide"); a(".prevslide").removeClass("prevslide"); e.removeClass("activeslide").addClass("prevslide"); vars.current_slide == 0 ? vars.current_slide = d.options.slides.length - 1 : vars.current_slide--; var g = a(d.el + " li:eq(" + vars.current_slide + ")"), i = d.$el.find(".prevslide"); if (d.options.performance == 1) { d.$el.removeClass("quality").addClass("speed") } loadSlide = vars.current_slide; var k = d.el + " li:eq(" + loadSlide + ")"; if (!a(k).html()) { var j = d.options.new_window ? ' target="_blank"' : ""; imageLink = (d.options.slides[loadSlide].url) ? "href='" + d.options.slides[loadSlide].url + "'" : ""; var f = a(''); f.appendTo(k).wrap("").parent().parent().addClass("image-loading").css("visibility", "hidden"); f.load(function () { d._origDim(a(this)); d.resizeNow() }) } if (d.options.thumbnail_navigation == 1) { loadSlide == 0 ? prevThumb = d.options.slides.length - 1 : prevThumb = loadSlide - 1; a(vars.prev_thumb).html(a("").attr("src", d.options.slides[prevThumb].image)); vars.current_slide == d.options.slides.length - 1 ? nextThumb = 0 : nextThumb = vars.current_slide + 1; a(vars.next_thumb).html(a("").attr("src", d.options.slides[nextThumb].image)) } if (typeof theme != "undefined" && typeof theme.beforeAnimation == "function") { theme.beforeAnimation("prev") } if (d.options.slide_links) { a(".current-slide").removeClass("current-slide"); a(vars.slide_list + "> li").eq(vars.current_slide).addClass("current-slide") } g.css("visibility", "hidden").addClass("activeslide"); switch (d.options.transition) { case 0: case"none": g.css("visibility", "visible"); vars.in_animation = false; d.afterAnimation(); break; case 1: case"fade": g.animate({opacity: 0}, 0).css("visibility", "visible").animate({opacity: 1, avoidTransforms: false}, d.options.transition_speed, function () { d.afterAnimation() }); break; case 2: case"slideTop": g.animate({top: d.$el.height()}, 0).css("visibility", "visible").animate({top: 0, avoidTransforms: false}, d.options.transition_speed, function () { d.afterAnimation() }); break; case 3: case"slideRight": g.animate({left: -d.$el.width()}, 0).css("visibility", "visible").animate({left: 0, avoidTransforms: false}, d.options.transition_speed, function () { d.afterAnimation() }); break; case 4: case"slideBottom": g.animate({top: -d.$el.height()}, 0).css("visibility", "visible").animate({top: 0, avoidTransforms: false}, d.options.transition_speed, function () { d.afterAnimation() }); break; case 5: case"slideLeft": g.animate({left: d.$el.width()}, 0).css("visibility", "visible").animate({left: 0, avoidTransforms: false}, d.options.transition_speed, function () { d.afterAnimation() }); break; case 6: case"carouselRight": g.animate({left: -d.$el.width()}, 0).css("visibility", "visible").animate({left: 0, avoidTransforms: false}, d.options.transition_speed, function () { d.afterAnimation() }); e.animate({left: 0}, 0).animate({left: d.$el.width(), avoidTransforms: false}, d.options.transition_speed); break; case 7: case"carouselLeft": g.animate({left: d.$el.width()}, 0).css("visibility", "visible").animate({left: 0, avoidTransforms: false}, d.options.transition_speed, function () { d.afterAnimation() }); e.animate({left: 0}, 0).animate({left: -d.$el.width(), avoidTransforms: false}, d.options.transition_speed); break } return false }; d.playToggle = function () { if (vars.in_animation || !api.options.slideshow) { return false } if (vars.is_paused) { vars.is_paused = false; if (typeof theme != "undefined" && typeof theme.playToggle == "function") { theme.playToggle("play") } vars.slideshow_interval = setInterval(d.nextSlide, d.options.slide_interval) } else { vars.is_paused = true; if (typeof theme != "undefined" && typeof theme.playToggle == "function") { theme.playToggle("pause") } clearInterval(vars.slideshow_interval) } return false }; d.goTo = function (f) { if (vars.in_animation || !api.options.slideshow) { return false } var e = d.options.slides.length; if (f < 0) { f = e } else { if (f > e) { f = 1 } } f = e - f + 1; clearInterval(vars.slideshow_interval); if (typeof theme != "undefined" && typeof theme.goTo == "function") { theme.goTo() } if (vars.current_slide == e - f) { if (!(vars.is_paused)) { vars.slideshow_interval = setInterval(d.nextSlide, d.options.slide_interval) } return false } if (e - f > vars.current_slide) { vars.current_slide = e - f - 1; vars.update_images = "next"; d._placeSlide(vars.update_images) } else { if (e - f < vars.current_slide) { vars.current_slide = e - f + 1; vars.update_images = "prev"; d._placeSlide(vars.update_images) } } if (d.options.slide_links) { a(vars.slide_list + "> .current-slide").removeClass("current-slide"); a(vars.slide_list + "> li").eq((e - f)).addClass("current-slide") } if (d.options.thumb_links) { a(vars.thumb_list + "> .current-thumb").removeClass("current-thumb"); a(vars.thumb_list + "> li").eq((e - f)).addClass("current-thumb") } }; d._placeSlide = function (e) { var h = d.options.new_window ? ' target="_blank"' : ""; loadSlide = false; if (e == "next") { vars.current_slide == d.options.slides.length - 1 ? loadSlide = 0 : loadSlide = vars.current_slide + 1; var g = d.el + " li:eq(" + loadSlide + ")"; if (!a(g).html()) { var h = d.options.new_window ? ' target="_blank"' : ""; imageLink = (d.options.slides[loadSlide].url) ? "href='" + d.options.slides[loadSlide].url + "'" : ""; var f = a(''); f.appendTo(g).wrap("").parent().parent().addClass("image-loading").css("visibility", "hidden"); f.load(function () { d._origDim(a(this)); d.resizeNow() }) } d.nextSlide() } else { if (e == "prev") { vars.current_slide - 1 < 0 ? loadSlide = d.options.slides.length - 1 : loadSlide = vars.current_slide - 1; var g = d.el + " li:eq(" + loadSlide + ")"; if (!a(g).html()) { var h = d.options.new_window ? ' target="_blank"' : ""; imageLink = (d.options.slides[loadSlide].url) ? "href='" + d.options.slides[loadSlide].url + "'" : ""; var f = a(''); f.appendTo(g).wrap("").parent().parent().addClass("image-loading").css("visibility", "hidden"); f.load(function () { d._origDim(a(this)); d.resizeNow() }) } d.prevSlide() } } }; d._origDim = function (e) { e.data("origWidth", e.width()).data("origHeight", e.height()) }; d.afterAnimation = function () { if (d.options.performance == 1) { d.$el.removeClass("speed").addClass("quality") } if (vars.update_images) { vars.current_slide - 1 < 0 ? setPrev = d.options.slides.length - 1 : setPrev = vars.current_slide - 1; vars.update_images = false; a(".prevslide").removeClass("prevslide"); a(d.el + " li:eq(" + setPrev + ")").addClass("prevslide") } vars.in_animation = false; if (!vars.is_paused && d.options.slideshow) { vars.slideshow_interval = setInterval(d.nextSlide, d.options.slide_interval); if (d.options.stop_loop && vars.current_slide == d.options.slides.length - 1) { d.playToggle() } } if (typeof theme != "undefined" && typeof theme.afterAnimation == "function") { theme.afterAnimation() } return false }; d.getField = function (e) { return d.options.slides[vars.current_slide][e] }; d.init() }; a.supersized.vars = {thumb_tray: "#thumb-tray", thumb_list: "#thumb-list", slide_list: "#slide-list", current_slide: 0, in_animation: false, is_paused: false, hover_pause: false, slideshow_interval: false, update_images: false, options: {}}; a.supersized.defaultOptions = {slideshow: 1, autoplay: 1, start_slide: 1, stop_loop: 0, random: 0, slide_interval: 5000, transition: 1, transition_speed: 750, new_window: 1, pause_hover: 0, keyboard_nav: 1, performance: 1, image_protect: 1, fit_always: 0, fit_landscape: 0, fit_portrait: 1, min_width: 0, min_height: 0, horizontal_center: 1, vertical_center: 1, slide_links: 1, thumb_links: 1, thumbnail_navigation: 0}; a.fn.supersized = function (b) { return this.each(function () { (new a.supersized(b)) }) } })(jQuery); $(function () { if ($('[data-supersized]').size() > 0) { var slides = []; var attrs = $('[data-supersized]').data('supersized').split(','); for (var i in attrs) slides.push({image: attrs[i]}); $.supersized({ min_width: 0, min_height: 0, fit_always: 0, transition: 1, slide_links: 'blank', performance: 1, fit_portrait: 1, fit_landscape: 0, slide_interval: 6000, vertical_center: 1, transition_speed: 3000, horizontal_center: 1, slides: slides }); } });