! function(factory) { "function" == typeof define && define.amd ? define(["jquery"], function($) { return factory($) }) : "object" == typeof module && "object" == typeof module.exports ? exports = factory(require("jquery")) : factory(jquery) } (function($) { var number_skitter = 0, skitters = []; $.fn.skitter = function(options) { if ("string" == typeof options) { var current_skitter = skitters[$(this).data("skitter_number")]; return current_skitter[arguments[0]].call(current_skitter, arguments[1]) } return this.each(function() { void 0 == $(this).data("skitter_number") && ($(this).data("skitter_number", number_skitter), skitters.push(new $sk(this, options, number_skitter)), ++number_skitter) }) }; var defaults = { velocity: 1, interval: 2500, animation: "", numbers: !1, navigation: !1, label: !0, easing_default: "", skitter_box: null, time_interval: null, images_links: null, image_atual: null, link_atual: null, label_atual: null, target_atual: "_self", width_skitter: null, height_skitter: null, image_i: 1, is_animating: !1, is_hover_skitter_box: !1, random_ia: null, show_randomly: !1, thumbs: !1, hide_tools: !1, fullscreen: !1, xml: !1, dots: !0, opacity_elements: .75, interval_in_elements: 200, interval_out_elements: 300, onload: null, imageswitched: null, max_number_height: 20, numbers_align: "left", preview: !1, focus: !1, foucs_active: !1, controls: !1, progressbar: !1, progressbar_css: {}, is_paused: !1, is_blur: !1, is_paused_time: !1, time_start: 0, elapsedtime: 0, stop_over: !0, enable_navigation_keys: !1, with_animations: [], mouseoverbutton: null, mouseoutbutton: null, auto_play: !0, label_animation: "slideup", theme: null, structure: 'prevnext
', responsive: { small: { animation: "fade", max_width: 768 }, medium: { max_width: 1024 } } }; $.skitter = function(obj, options, number) { this.skitter_box = $(obj), this.timer = null, this.settings = $.extend({}, defaults, options || {}), this.number_skitter = number, this.setup() }; var $sk = $.skitter; $sk.fn = $sk.prototype = {}, $sk.fn.extend = $.extend, $sk.fn.extend({ animations: ["cube", "cuberandom", "block", "cubestop", "cubestoprandom", "cubehide", "cubesize", "horizontal", "showbars", "showbarsrandom", "tube", "fade", "fadefour", "paralell", "blind", "blindheight", "blindwidth", "directiontop", "directionbottom", "directionright", "directionleft", "cubespread", "glasscube", "glassblock", "circles", "circlesinside", "circlesrotate", "cubeshow", "upbars", "downbars", "hidebars", "swapbars", "swapbarsback", "swapblocks", "cut"], setup: function() { var self = this; if (this.settings.fullscreen) { var width = $(window).width(), height = $(window).height(); this.skitter_box.width(width).height(height), this.skitter_box.css({ position: "absolute", top: 0, left: 0, "z-index": 1e3 }), this.settings.stop_over = !1, $("body").css({ overflown: "hidden" }) } if (this.settings.width_skitter = parsefloat(this.skitter_box.css("width")), this.settings.height_skitter = parsefloat(this.skitter_box.css("height")), this.settings.original_width_skitter = this.settings.width_skitter, this.settings.original_height_skitter = this.settings.height_skitter, !this.settings.width_skitter || !this.settings.height_skitter) return console.warn("width or height size is null! - skitter slideshow"), !1; this.settings.theme && this.skitter_box.addclass("skitter-" + this.settings.theme), this.skitter_box.append(this.settings.structure), this.settings.easing_default = this.geteasing(this.settings.easing), this.settings.velocity >= 2 && (this.settings.velocity = 1.3), this.settings.velocity <= 0 && (this.settings.velocity = 1), this.skitter_box.find(".info_slide").hide(), this.skitter_box.find(".label_skitter").hide(), this.skitter_box.find(".prev_button").hide(), this.skitter_box.find(".next_button").hide(), this.skitter_box.find(".container_skitter").width(this.settings.width_skitter), this.skitter_box.find(".container_skitter").height(this.settings.height_skitter); var initial_select_class = " image_number_select", u = 0; this.settings.images_links = []; var addimagelink = function(link, src, animation_type, label, target) { if (self.settings.images_links.push([src, link, animation_type, label, target]), self.settings.thumbs) { self.settings.width_skitter > self.settings.height_skitter ? 'height="100"': 'width="100"', self.skitter_box.find(".info_slide").append(' ') } else self.skitter_box.find(".info_slide").append('' + u + " "); initial_select_class = "" }; if (this.settings.xml ? $.ajax({ type: "get", url: this.settings.xml, async: !1, datatype: "xml", success: function(xml) { $(""); $(xml).find("skitter slide").each(function() {++u; var link = $(this).find("link").text() ? $(this).find("link").text() : "#", src = $(this).find("image").text(), animation_type = $(this).find("image").attr("type"), label = $(this).find("label").text(), target = $(this).find("target").text() ? $(this).find("target").text() : "_self"; addimagelink(link, src, animation_type, label, target) }) } }) : this.settings.json || this.skitter_box.find("ul li").each(function() {++u; var link = $(this).find("a").length ? $(this).find("a").attr("href") : "#", src = $(this).find("img").attr("src"), animation_type = $(this).find("img").attr("class"), label = $(this).find(".label_text").html(), target = $(this).find("a").length && $(this).find("a").attr("target") ? $(this).find("a").attr("target") : "_self"; addimagelink(link, src, animation_type, label, target) }), self.settings.thumbs && !self.settings.fullscreen) { self.skitter_box.find(".info_slide").addclass("info_slide_thumb"); var width_info_slide = (u + 1) * self.skitter_box.find(".info_slide_thumb .image_number").width(); self.skitter_box.find(".info_slide_thumb").width(width_info_slide), self.skitter_box.css({ height: self.skitter_box.height() + self.skitter_box.find(".info_slide").height() }), self.skitter_box.append('
'); var copy_info_slide = self.skitter_box.find(".info_slide").clone(); self.skitter_box.find(".info_slide").remove(), self.skitter_box.find(".container_thumbs").width(self.settings.width_skitter).append(copy_info_slide); var width_image = 0, width_skitter = this.settings.width_skitter, height_skitter = this.settings.height_skitter, w_info_slide_thumb = 0, info_slide_thumb = self.skitter_box.find(".info_slide_thumb"), x_value = 0, y_value = self.skitter_box.offset().top; if (info_slide_thumb.find(".image_number").each(function() { width_image += $(this).outerwidth() }), info_slide_thumb.width(width_image + "px"), w_info_slide_thumb = info_slide_thumb.width(), width_value = this.settings.width_skitter, width_value = width_skitter - 100, width_info_slide > self.settings.width_skitter && self.skitter_box.mousemove(function(e) { x_value = self.skitter_box.offset().left + 90; var x = e.pagex, y = e.pagey, new_x = 0; x -= x_value, y -= y_value, novo_width = w_info_slide_thumb - width_value, new_x = -novo_width * x / width_value, new_x > 0 && (new_x = 0), new_x < -(w_info_slide_thumb - width_skitter) && (new_x = -(w_info_slide_thumb - width_skitter)), y > height_skitter && info_slide_thumb.css({ left: new_x }) }), self.skitter_box.find(".scroll_thumbs").css({ left: 10 }), width_info_slide < self.settings.width_skitter) { self.skitter_box.find(".box_scroll_thumbs").hide(); var class_info = ".info_slide"; switch (self.settings.numbers_align) { case "center": self.settings.width_skitter, self.skitter_box.find(class_info).width(); self.skitter_box.find(class_info).css({ left: "50%", transform: "translatex(-50%)" }); break; case "right": self.skitter_box.find(class_info).css({ left: "auto", right: "-5px" }); break; case "left": self.skitter_box.find(class_info).css({ left: "0px" }) } } } else { var class_info = ".info_slide"; switch (self.settings.dots && (self.skitter_box.find(".info_slide").addclass("info_slide_dots").removeclass("info_slide"), class_info = ".info_slide_dots"), self.settings.numbers_align) { case "center": self.settings.width_skitter, self.skitter_box.find(class_info).width(); self.skitter_box.find(class_info).css({ left: "50%", transform: "translatex(-50%)" }); break; case "right": self.skitter_box.find(class_info).css({ left: "auto", right: "15px" }); break; case "left": self.skitter_box.find(class_info).css({ left: "-600px", marginleft:"50%" }) } self.settings.dots || self.skitter_box.find(".info_slide").height() > 20 && self.skitter_box.find(".info_slide").hide() } if (this.skitter_box.find("ul").hide(), this.settings.show_randomly && this.settings.images_links.sort(function(a, b) { return math.random() - .5 }), this.settings.image_atual = this.settings.images_links[0][0], this.settings.link_atual = this.settings.images_links[0][1], this.settings.label_atual = this.settings.images_links[0][3], this.settings.target_atual = this.settings.images_links[0][4], this.settings.images_links.length > 1 && (this.skitter_box.find(".prev_button").click(function() { return 0 == self.settings.is_animating && (self.settings.image_i -= 2, -2 == self.settings.image_i ? self.settings.image_i = self.settings.images_links.length - 2 : -1 == self.settings.image_i && (self.settings.image_i = self.settings.images_links.length - 1), self.jumptoimage(self.settings.image_i)), !1 }), this.skitter_box.find(".next_button").click(function() { return self.jumptoimage(self.settings.image_i), !1 }), self.skitter_box.find(".next_button, .prev_button").bind("mouseover", self.settings.mouseoverbutton), self.skitter_box.find(".next_button, .prev_button").bind("mouseleave", self.settings.mouseoutbutton), this.skitter_box.find(".image_number").click(function() { if ("image_number image_number_select" != $(this).attr("class")) { var imagenumber = parseint($(this).attr("rel")); self.jumptoimage(imagenumber) } return ! 1 }), self.settings.preview && self.settings.dots)) { for (var preview = $('
'), i = 0; i < this.settings.images_links.length; i++) { var li = $("
  • "), img = $(""); img.attr("src", this.settings.images_links[i][0]), li.append(img), preview.find("ul").append(li) } var width_preview_ul = parseint(100 * this.settings.images_links.length); preview.find("ul").width(width_preview_ul), $(class_info).append(preview), self.skitter_box.find(class_info).find(".image_number").mouseenter(function() { if (self.islargedevice()) { var _left_info = parsefloat(self.skitter_box.find(class_info).offset().left), _left_image = parsefloat($(this).offset().left), _left_preview = _left_image - _left_info - 43, rel = parseint($(this).attr("rel")), _left_ul = (self.skitter_box.find(".preview_slide_current img").attr("src"), -100 * rel); self.skitter_box.find(".preview_slide").find("ul").animate({ left: _left_ul }, { duration: 200, queue: !1, easing: "easeoutsine" }), self.skitter_box.find(".preview_slide").fadeto(1, 1).animate({ left: _left_preview }, { duration: 200, queue: !1 }) } }), self.skitter_box.find(class_info).mouseleave(function() { self.islargedevice() && $(".preview_slide").animate({ opacity: "hide" }, { duration: 200, queue: !1 }) }) } self.settings.focus && self.focusskitter(), self.settings.controls && self.setcontrols(), self.settings.progressbar && self.settings.auto_play && self.addprogressbar(), self.settings.hide_tools && self.hidetools(), self.settings.enable_navigation_keys && self.enablenavigationkeys(), this.loadimages(), this.setresponsive(), this.settouchsupport() }, loadimages: function() { var self = this, loading = $('
    '), total = this.settings.images_links.length, u = 0; this.skitter_box.append(loading); for (var i in this.settings.images_links) { var self_il = this.settings.images_links[i], src = self.getimagename(self_il[0]), img = new image; $(img).on("load", function() {++u == total && (self.skitter_box.find(".skitter-spinner").remove(), self.start()) }).on("error", function() { self.skitter_box.find(".skitter-spinner, .image_number, .next_button, .prev_button").remove(), self.skitter_box.html('

    error loading images. one or more images were not found.

    ') }).attr("src", src) } }, start: function() { var self = this, init_pause = !1; (this.settings.numbers || this.settings.thumbs) && this.skitter_box.find(".info_slide").fadein(500), this.settings.dots && this.skitter_box.find(".info_slide_dots").fadein(500), this.settings.label && this.skitter_box.find(".label_skitter").show(), this.settings.navigation && (this.skitter_box.find(".prev_button").fadein(500), this.skitter_box.find(".next_button").fadein(500)), self.settings.auto_play && self.starttime(), self.windowfocusout(), self.setlinkatual(), self.skitter_box.find(".image > a img").attr({ src: self.getcurrentimage() }), img_link = self.skitter_box.find(".image > a"), img_link = self.resizeimage(img_link), img_link.find("img").fadein(1500), self.setvalueboxtext(), self.showboxtext(), self.settings.auto_play && self.stoponmouseover(); var mouseoverinit = function() { self.settings.stop_over && (init_pause = !0, self.settings.is_hover_skitter_box = !0, self.cleartimer(!0), self.pauseprogressbar()) }; self.skitter_box.mouseover(mouseoverinit), self.skitter_box.find(".next_button").mouseover(mouseoverinit), self.settings.images_links.length > 1 && !init_pause ? self.settings.auto_play && (self.timer = settimeout(function() { self.nextimage() }, self.settings.interval)) : self.skitter_box.find(".skitter-spinner, .image_number, .next_button, .prev_button").remove(), $.isfunction(self.settings.onload) && self.settings.onload(self), this.setdimensions() }, jumptoimage: function(imagenumber) { 0 == this.settings.is_animating && (this.settings.elapsedtime = 0, this.skitter_box.find(".box_clone").stop(), this.cleartimer(!0), this.settings.image_i = math.floor(imagenumber), this.skitter_box.find(".image > a").attr({ href: this.settings.link_atual }), this.skitter_box.find(".image_main").attr({ src: this.getcurrentimage() }), this.skitter_box.find(".box_clone").remove(), this.nextimage()) }, nextimage: function() { var self = this; animations_functions = this.animations, self.settings.progressbar && self.hideprogressbar(); var animation_type; if (animation_type = "" == this.settings.animation && this.settings.images_links[this.settings.image_i][2] ? this.settings.images_links[this.settings.image_i][2] : "" == this.settings.animation ? "default": this.settings.animation, self.settings.responsive) { var window_width = $(window).width(); for (var name in self.settings.responsive) { var item = self.settings.responsive[name]; if (window_width < item.max_width && item.animation) { animation_type = item.animation; break } } } if ("randomsmart" == animation_type) this.settings.random_ia || (animations_functions.sort(function() { return.5 - math.random() }), this.settings.random_ia = animations_functions), animation_type = this.settings.random_ia[this.settings.image_i]; else if ("random" == animation_type) { var random_id = parseint(math.random() * animations_functions.length); animation_type = animations_functions[random_id] } else if (self.settings.with_animations.length > 0) { var total_with_animations = self.settings.with_animations.length; void 0 == this.settings._i_animation && (this.settings._i_animation = 0), animation_type = self.settings.with_animations[this.settings._i_animation], ++this.settings._i_animation, this.settings._i_animation >= total_with_animations && (this.settings._i_animation = 0) } switch (animation_type) { case "cube": this.animationcube(); break; case "cuberandom": this.animationcube({ random: !0 }); break; case "block": this.animationblock(); break; case "cubestop": this.animationcubestop(); break; case "cubestoprandom": this.animationcubestop({ random: !0 }); break; case "cubehide": this.animationcubehide(); break; case "cubesize": this.animationcubesize(); break; case "horizontal": this.animationhorizontal(); break; case "showbars": this.animationshowbars(); break; case "showbarsrandom": this.animationshowbars({ random: !0 }); break; case "tube": this.animationtube(); break; case "fade": this.animationfade(); break; case "fadefour": this.animationfadefour(); break; case "paralell": this.animationparalell(); break; case "blind": this.animationblind(); break; case "blindheight": this.animationblinddimension({ height: !0 }); break; case "blindwidth": this.animationblinddimension({ height: !1, time_animate: 400, delay: 50 }); break; case "directiontop": this.animationdirection({ direction: "top" }); break; case "directionbottom": this.animationdirection({ direction: "bottom" }); break; case "directionright": this.animationdirection({ direction: "right", total: 5 }); break; case "directionleft": this.animationdirection({ direction: "left", total: 5 }); break; case "cubespread": this.animationcubespread(); break; case "cubejelly": this.animationcubejelly(); break; case "glasscube": this.animationglasscube(); break; case "glassblock": this.animationglassblock(); break; case "circles": this.animationcircles(); break; case "circlesinside": this.animationcirclesinside(); break; case "circlesrotate": this.animationcirclesrotate(); break; case "cubeshow": this.animationcubeshow(); break; case "upbars": this.animationdirectionbars({ direction: "top" }); break; case "downbars": this.animationdirectionbars({ direction: "bottom" }); break; case "hidebars": this.animationhidebars(); break; case "swapbars": this.animationswapbars(); break; case "swapbarsback": this.animationswapbars({ easing: "easeoutback" }); break; case "swapblocks": this.animationswapblocks(); break; case "cut": this.animationcut(); break; default: this.animationtube() } }, animationcube: function(options) { var self = this, options = $.extend({}, { random: !1 }, options || {}); this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeoutexpo": this.settings.easing_default, time_animate = 700 / this.settings.velocity; this.setactuallevel(); var max_w = self.getmaxw(8), division_w = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / max_w)), division_h = math.ceil(this.settings.height_skitter / (this.settings.height_skitter / 3)), total = division_w * division_h, width_box = math.ceil(this.settings.width_skitter / division_w), height_box = math.ceil(this.settings.height_skitter / division_h), init_top = this.settings.height_skitter + 200, init_left = this.settings.height_skitter + 200, col_t = 0, col = 0; for (i = 0; i < total; i++) { init_top = i % 2 == 0 ? init_top: -init_top, init_left = i % 2 == 0 ? init_left: -init_left; var _vtop = init_top + height_box * col_t + 150 * col_t, _vleft = -self.settings.width_skitter, _vtop_image = -height_box * col_t, _vleft_image = -width_box * col, _btop = height_box * col_t, _bleft = width_box * col, box_clone = this.getboxclone(); box_clone.hide(); var delay_time = 50 * i; options.random ? (delay_time = 40 * col, box_clone.css({ left: _vleft + "px", top: _vtop + "px", width: width_box, height: height_box })) : (time_animate = 500, box_clone.css({ left: this.settings.width_skitter + width_box * i, top: this.settings.height_skitter + height_box * i, width: width_box, height: height_box })), this.addboxclone(box_clone); var callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.show().delay(delay_time).animate({ top: _btop + "px", left: _bleft + "px" }, time_animate, easing, callback), options.random ? (box_clone.find("img").css({ left: _vleft_image + 100, top: _vtop_image + 50 }), box_clone.find("img").delay(delay_time + time_animate / 2).animate({ left: _vleft_image, top: _vtop_image }, 1e3, "easeoutback")) : (box_clone.find("img").css({ left: _vleft_image, top: _vtop_image }), box_clone.find("img").delay(delay_time + time_animate / 2).fadeto(100, .5).fadeto(300, 1)), col_t++, col_t == division_h && (col_t = 0, col++) } }, animationblock: function(options) { var self = this; this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeoutquad": this.settings.easing_default, time_animate = 500 / this.settings.velocity; this.setactuallevel(); var max_w = self.getmaxw(15), total = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / max_w)), width_box = math.ceil(this.settings.width_skitter / total), height_box = this.settings.height_skitter; for (i = 0; i < total; i++) { var _bleft = width_box * i, box_clone = this.getboxclone(); box_clone.css({ left: this.settings.width_skitter + 100, top: 0, width: width_box, height: height_box }), box_clone.find("img").css({ left: -width_box * i }), this.addboxclone(box_clone); var delay_time = 80 * i, callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.show().delay(delay_time).animate({ top: 0, left: _bleft }, time_animate, easing), box_clone.find("img").hide().delay(delay_time + 100).animate({ opacity: "show" }, time_animate + 300, easing, callback) } }, animationcubestop: function(options) { var self = this, options = $.extend({}, { random: !1 }, options || {}); this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeinquad": this.settings.easing_default, time_animate = 300 / this.settings.velocity, image_old = this.getoldimage(); this.setactuallevel(), this.setlinkatual(), this.skitter_box.find(".image_main").attr({ src: this.getcurrentimage() }); var max_w = self.getmaxw(8), max_h = self.getmaxh(8), division_w = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / max_w)), division_h = math.ceil(this.settings.height_skitter / (this.settings.width_skitter / max_h)), total = division_w * division_h, width_box = math.ceil(this.settings.width_skitter / division_w), height_box = math.ceil(this.settings.height_skitter / division_h), init_top = 0, init_left = 0, col_t = 0, col = 0, _ftop = this.settings.width_skitter / 16; for (i = 0; i < total; i++) { init_top = i % 2 == 0 ? init_top: -init_top, init_left = i % 2 == 0 ? init_left: -init_left; var _vtop = init_top + height_box * col_t, _vleft = init_left + width_box * col, _vtop_image = -height_box * col_t, _vleft_image = -width_box * col, _btop = _vtop - _ftop, _bleft = _vleft - _ftop, box_clone = this.getboxcloneimgold(image_old); box_clone.css({ left: _vleft + "px", top: _vtop + "px", width: width_box, height: height_box }), box_clone.find("img").css({ left: _vleft_image, top: _vtop_image }), this.addboxclone(box_clone), box_clone.show(); var delay_time = 50 * i; options.random && (time_animate = 400 * (self.getrandom(2) + 1) / this.settings.velocity, _btop = _vtop, _bleft = _vleft, delay_time = math.ceil(30 * self.getrandom(30))), options.random && i == total - 1 && (time_animate = 1200, delay_time = 900); var callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.delay(delay_time).animate({ opacity: "hide", top: _btop + "px", left: _bleft + "px" }, time_animate, easing, callback), col_t++, col_t == division_h && (col_t = 0, col++) } }, animationcubehide: function(options) { var self = this; this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeoutquad": this.settings.easing_default, time_animate = 500 / this.settings.velocity, image_old = this.getoldimage(); this.setactuallevel(), this.setlinkatual(), this.skitter_box.find(".image_main").attr({ src: this.getcurrentimage() }); var max_w = self.getmaxw(8), division_w = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / max_w)), division_h = math.ceil(this.settings.height_skitter / (this.settings.height_skitter / 3)), total = division_w * division_h, width_box = math.ceil(this.settings.width_skitter / division_w), height_box = math.ceil(this.settings.height_skitter / division_h), init_top = 0, init_left = 0, col_t = 0, col = 0; for (i = 0; i < total; i++) { init_top = i % 2 == 0 ? init_top: -init_top, init_left = i % 2 == 0 ? init_left: -init_left; var _vtop = init_top + height_box * col_t, _vleft = init_left + width_box * col, _vtop_image = -height_box * col_t, _vleft_image = -width_box * col, box_clone = this.getboxcloneimgold(image_old); box_clone.css({ left: _vleft + "px", top: _vtop + "px", width: width_box, height: height_box }), box_clone.find("img").css({ left: _vleft_image, top: _vtop_image }), this.addboxclone(box_clone), box_clone.show(); var delay_time = 50 * i; delay_time = i == total - 1 ? 50 * total: delay_time; var callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.delay(delay_time).animate({ opacity: "hide" }, time_animate, easing, callback), col_t++, col_t == division_h && (col_t = 0, col++) } }, animationcubejelly: function(options) { var self = this; this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeinback": this.settings.easing_default, time_animate = 300 / this.settings.velocity, image_old = this.getoldimage(); this.setactuallevel(), this.setlinkatual(), this.skitter_box.find(".image_main").attr({ src: this.getcurrentimage() }); var max_w = self.getmaxw(8), division_w = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / max_w)), division_h = math.ceil(this.settings.height_skitter / (this.settings.height_skitter / 3)), total = division_w * division_h, width_box = math.ceil(this.settings.width_skitter / division_w), height_box = math.ceil(this.settings.height_skitter / division_h), init_top = 0, init_left = 0, col_t = 0, col = 0, u = -1; for (i = 0; i < total; i++) { col % 2 != 0 ? (0 == col_t && (u = u + division_h + 1), u--) : (col > 0 && 0 == col_t && (u += 2), u++), init_top = i % 2 == 0 ? init_top: -init_top, init_left = i % 2 == 0 ? init_left: -init_left; var _vtop = init_top + height_box * col_t, _vleft = init_left + width_box * col, _vtop_image = -height_box * col_t, _vleft_image = -width_box * col, box_clone = this.getboxcloneimgold(image_old); box_clone.css({ left: _vleft + "px", top: _vtop + "px", width: width_box, height: height_box }), box_clone.find("img").css({ left: _vleft_image, top: _vtop_image }), this.addboxclone(box_clone), box_clone.show(); var delay_time = 50 * i, callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.delay(delay_time).animate({ width: "+=100px", height: "+=100px", top: "-=20px", left: "-=20px", opacity: "hide" }, time_animate, easing, callback), col_t++, col_t == division_h && (col_t = 0, col++) } }, animationcubesize: function(options) { var self = this; this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeinoutquad": this.settings.easing_default, time_animate = 600 / this.settings.velocity, image_old = this.getoldimage(); this.setactuallevel(), this.setlinkatual(), this.skitter_box.find(".image_main").attr({ src: this.getcurrentimage() }); var max_w = self.getmaxw(8), division_w = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / max_w)), division_h = math.ceil(this.settings.height_skitter / (this.settings.height_skitter / 3)), total = division_w * division_h, width_box = math.ceil(this.settings.width_skitter / division_w), height_box = math.ceil(this.settings.height_skitter / division_h), init_top = 0, init_left = 0, col_t = 0, col = 0; math.ceil(this.settings.width_skitter / 6); for (i = 0; i < total; i++) { init_top = i % 2 == 0 ? init_top: -init_top, init_left = i % 2 == 0 ? init_left: -init_left; var _vtop = init_top + height_box * col_t, _vleft = init_left + width_box * col, _vtop_image = -height_box * col_t, _vleft_image = -width_box * col, box_clone = this.getboxcloneimgold(image_old); box_clone.css({ left: _vleft, top: _vtop, width: width_box, height: height_box }), box_clone.find("img").css({ left: _vleft_image, top: _vtop_image }), this.addboxclone(box_clone), box_clone.show(); var delay_time = 50 * i, callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.delay(delay_time).animate({ opacity: "hide", width: "hide", height: "hide", top: _vtop + 1.5 * width_box, left: _vleft + 1.5 * height_box }, time_animate, easing, callback), col_t++, col_t == division_h && (col_t = 0, col++) } }, animationhorizontal: function(options) { var self = this; this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeoutexpo": this.settings.easing_default, time_animate = 700 / this.settings.velocity; this.setactuallevel(); var total = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 7)), width_box = this.settings.width_skitter, height_box = math.ceil(this.settings.height_skitter / total); for (i = 0; i < total; i++) { var _bleft = (i, "" + width_box), _btop = i * height_box, box_clone = this.getboxclone(); box_clone.css({ left: _bleft + "px", top: _btop + "px", width: width_box, height: height_box }), box_clone.find("img").css({ left: 0, top: -_btop }), this.addboxclone(box_clone); var delay_time = 90 * i, callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.delay(delay_time).animate({ opacity: "show", top: _btop, left: 0 }, time_animate, easing, callback) } }, animationshowbars: function(options) { var self = this, options = $.extend({}, { random: !1 }, options || {}); this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeoutquad": this.settings.easing_default, time_animate = 400 / this.settings.velocity; this.setactuallevel(); var max_w = self.getmaxw(10), total = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / max_w)), width_box = math.ceil(this.settings.width_skitter / total), height_box = this.settings.height_skitter; for (i = 0; i < total; i++) { var _bleft = width_box * i, box_clone = this.getboxclone(); if (box_clone.css({ left: _bleft, top: -50, width: width_box, height: height_box }), box_clone.find("img").css({ left: -width_box * i, top: 0 }), this.addboxclone(box_clone), options.random) { var random = this.getrandom(total), delay_time = 50 * random; delay_time = i == total - 1 ? 50 * total: delay_time } else { var delay_time = 70 * i; time_animate -= 2 * i } var callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.delay(delay_time).animate({ opacity: "show", top: "0px", left: _bleft + "px" }, time_animate, easing, callback) } }, animationtube: function(options) { var self = this; this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeoutelastic": this.settings.easing_default, time_animate = 600 / this.settings.velocity; this.setactuallevel(); var max_w = self.getmaxw(10), total = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / max_w)), width_box = math.ceil(this.settings.width_skitter / total), height_box = this.settings.height_skitter; for (i = 0; i < total; i++) { var _vtop = height_box, vleft = width_box * i, box_clone = this.getboxclone(); box_clone.css({ left: vleft, top: _vtop, height: height_box, width: width_box }), box_clone.find("img").css({ left: -vleft }), this.addboxclone(box_clone); var random = this.getrandom(total), delay_time = 30 * random, callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.show().delay(delay_time).animate({ top: 0 }, time_animate, easing, callback) } }, animationfade: function(options) { var self = this; this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeoutquad": this.settings.easing_default, time_animate = 800 / this.settings.velocity; this.setactuallevel(); var width_box = this.settings.width_skitter, height_box = this.settings.height_skitter; for (i = 0; i < 2; i++) { var box_clone = this.getboxclone(); box_clone.css({ left: 0, top: 0, width: width_box, height: height_box }), this.addboxclone(box_clone); var callback = 1 == i ? function() { self.finishanimation() }: ""; box_clone.animate({ opacity: "show", left: 0, top: 0 }, time_animate, easing, callback) } }, animationfadefour: function(options) { var self = this; this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeoutquad": this.settings.easing_default, time_animate = 500 / this.settings.velocity; this.setactuallevel(); var width_box = this.settings.width_skitter, height_box = this.settings.height_skitter; for (i = 0; i < 4; i++) { if (0 == i) var _vtop = "-40px", _vleft = "-40px"; else if (1 == i) var _vtop = "-40px", _vleft = "40px"; else if (2 == i) var _vtop = "40px", _vleft = "-40px"; else if (3 == i) var _vtop = "40px", _vleft = "40px"; var box_clone = this.getboxclone(); box_clone.css({ left: _vleft, top: _vtop, width: width_box, height: height_box }), this.addboxclone(box_clone); var callback = 3 == i ? function() { self.finishanimation() }: ""; box_clone.animate({ opacity: "show", left: 0, top: 0 }, time_animate, easing, callback) } }, animationparalell: function(options) { var self = this; this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeoutquad": this.settings.easing_default, time_animate = 400 / this.settings.velocity; this.setactuallevel(); var total = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 16)), width_box = math.ceil(this.settings.width_skitter / total), height_box = this.settings.height_skitter; for (i = 0; i < total; i++) { var _bleft = width_box * i, box_clone = this.getboxclone(); box_clone.css({ left: _bleft, top: 0 - this.settings.height_skitter, width: width_box, height: height_box }), box_clone.find("img").css({ left: -width_box * i, top: 0 }), this.addboxclone(box_clone); var delay_time; i <= total / 2 - 1 ? delay_time = 1400 - 200 * i: i > total / 2 - 1 && (delay_time = 200 * (i - total / 2)), delay_time /= 2.5; var callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.delay(delay_time).animate({ top: "0px", left: _bleft + "px", opacity: "show" }, time_animate, easing, callback) } }, animationblind: function(options) { var self = this, options = $.extend({}, { height: !1 }, options || {}); this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeoutquad": this.settings.easing_default, time_animate = 400 / this.settings.velocity; this.setactuallevel(); var total = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 16)), width_box = math.ceil(this.settings.width_skitter / total), height_box = this.settings.height_skitter; for (i = 0; i < total; i++) { var _bleft = width_box * i, box_clone = this.getboxclone(); box_clone.css({ left: _bleft, top: 0, width: width_box, height: height_box }), box_clone.find("img").css({ left: -width_box * i, top: 0 }), this.addboxclone(box_clone); var delay_time; if (options.height) { i <= total / 2 - 1 ? delay_time = 200 + 200 * i: i > total / 2 - 1 && (delay_time = 200 * (total / 2 - i) + 100 * total); var callback = i == total / 2 ? function() { self.finishanimation() }: "" } else { i <= total / 2 - 1 ? delay_time = 1400 - 200 * i: i > total / 2 - 1 && (delay_time = 200 * (i - total / 2)); var callback = i == total - 1 ? function() { self.finishanimation() }: "" } if (delay_time /= 2.5, options.height) { time_animate += 2 * i; var easing = "easeoutquad"; box_clone.delay(delay_time).animate({ opacity: "show", top: "0px", left: _bleft + "px", height: "show" }, time_animate, easing, callback) } else box_clone.delay(delay_time).animate({ opacity: "show", top: "0px", left: _bleft + "px", width: "show" }, time_animate, easing, callback) } }, animationblinddimension: function(options) { var self = this, options = $.extend({}, { height: !0, time_animate: 500, delay: 100 }, options || {}); this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeoutquad": this.settings.easing_default, time_animate = options.time_animate / this.settings.velocity; this.setactuallevel(); var max_w = self.getmaxw(16), total = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / max_w)), width_box = math.ceil(this.settings.width_skitter / total), height_box = this.settings.height_skitter; for (i = 0; i < total; i++) { var _bleft = width_box * i, box_clone = this.getboxclone(); box_clone.css({ left: _bleft, top: 0, width: width_box, height: height_box }), box_clone.find("img").css({ left: -width_box * i, top: 0 }), this.addboxclone(box_clone); var delay_time = options.delay * i, callback = i == total - 1 ? function() { self.finishanimation() }: ""; if (options.height) { var easing = "easeoutquad"; box_clone.delay(delay_time).animate({ opacity: "show", top: "0px", left: _bleft + "px", height: "show" }, time_animate, easing, callback) } else box_clone.delay(delay_time).animate({ opacity: "show", top: "0px", left: _bleft + "px", width: "show" }, time_animate, easing, callback) } }, animationdirection: function(options) { var self = this, max_w = self.getmaxw(7), options = $.extend({}, { direction: "top", delay_type: "sequence", total: max_w }, options || {}); this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeinoutexpo": this.settings.easing_default, time_animate = 1200 / this.settings.velocity, image_old = this.getoldimage(); this.setactuallevel(), this.setlinkatual(), this.skitter_box.find(".image_main").attr({ src: this.getcurrentimage() }), this.skitter_box.find(".image_main").hide(); var total = options.total; for (i = 0; i < total; i++) { switch (options.direction) { default: case "top": var width_box = math.ceil(this.settings.width_skitter / total), height_box = this.settings.height_skitter, _itopc = 0, _ileftc = width_box * i, _ftopc = -height_box, _fleftc = _ileftc, _itopn = height_box, _ileftn = _ileftc, _ftopn = 0, _fleftn = _ileftc, _vtop_image = 0, _vleft_image = -_ileftc; break; case "bottom": var width_box = math.ceil(this.settings.width_skitter / total), height_box = this.settings.height_skitter, _itopc = 0, _ileftc = width_box * i, _ftopc = height_box, _fleftc = _ileftc, _itopn = -height_box, _ileftn = _ileftc, _ftopn = 0, _fleftn = _ileftc, _vtop_image = 0, _vleft_image = -_ileftc; break; case "right": var width_box = this.settings.width_skitter, height_box = math.ceil(this.settings.height_skitter / total), _itopc = height_box * i, _ileftc = 0, _ftopc = _itopc, _fleftc = width_box, _itopn = _itopc, _ileftn = -_fleftc, _ftopn = _itopc, _fleftn = 0, _vtop_image = -_itopc, _vleft_image = 0; break; case "left": var width_box = this.settings.width_skitter, height_box = math.ceil(this.settings.height_skitter / total), _itopc = height_box * i, _ileftc = 0, _ftopc = _itopc, _fleftc = -width_box, _itopn = _itopc, _ileftn = -_fleftc, _ftopn = _itopc, _fleftn = 0, _vtop_image = -_itopc, _vleft_image = 0 } switch (options.delay_type) { case "zebra": default: var delay_time = i % 2 == 0 ? 0 : 150; break; case "random": var delay_time = 30 * math.random() * 30; break; case "sequence": var delay_time = 100 * i } var box_clone = this.getboxcloneimgold(image_old); box_clone.find("img").css({ left: _vleft_image, top: _vtop_image }), box_clone.css({ top: _itopc, left: _ileftc, width: width_box, height: height_box }), this.addboxclone(box_clone), box_clone.show(), box_clone.delay(delay_time).animate({ top: _ftopc, left: _fleftc }, time_animate, easing); var box_clone_next = this.getboxclone(); box_clone_next.find("img").css({ left: _vleft_image, top: _vtop_image }), box_clone_next.css({ top: _itopn, left: _ileftn, width: width_box, height: height_box }), this.addboxclone(box_clone_next), box_clone_next.show(); var callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone_next.delay(delay_time).animate({ top: _ftopn, left: _fleftn }, time_animate, easing, callback) } }, animationcubespread: function(options) { var self = this; this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeoutquad": this.settings.easing_default, time_animate = 700 / this.settings.velocity; this.setactuallevel(); var max_w = self.getmaxw(8), max_h = self.getmaxh(8), division_w = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / max_w)), division_h = math.ceil(this.settings.height_skitter / (this.settings.width_skitter / max_h)), total = division_w * division_h, width_box = math.ceil(this.settings.width_skitter / division_w), height_box = math.ceil(this.settings.height_skitter / division_h), init_top = 0, init_left = 0, col_t = 0, col = 0, order = new array, spread = new array; for (i = 0; i < total; i++) { init_top = i % 2 == 0 ? init_top: -init_top, init_left = i % 2 == 0 ? init_left: -init_left; var _vtop = init_top + height_box * col_t, _vleft = init_left + width_box * col; order[i] = [_vtop, _vleft], col_t++, col_t == division_h && (col_t = 0, col++) } for (col_t = 0, col = 0, i = 0; i < total; i++) spread[i] = i; var spread = self.shufflearray(spread); for (i = 0; i < total; i++) { init_top = i % 2 == 0 ? init_top: -init_top, init_left = i % 2 == 0 ? init_left: -init_left; var _vtop = init_top + height_box * col_t, _vleft = init_left + width_box * col, _vtop_image = -height_box * col_t, _vleft_image = -width_box * col, _btop = _vtop, _bleft = _vleft; _vtop = order[spread[i]][0], _vleft = order[spread[i]][1]; var box_clone = this.getboxclone(); box_clone.css({ left: _vleft + "px", top: _vtop + "px", width: width_box, height: height_box }), box_clone.find("img").css({ left: _vleft_image, top: _vtop_image }), this.addboxclone(box_clone); var delay_time = 30 * math.random() * 30; i == total - 1 && (delay_time = 900); var callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.delay(delay_time).animate({ opacity: "show", top: _btop + "px", left: _bleft + "px" }, time_animate, easing, callback), col_t++, col_t == division_h && (col_t = 0, col++) } }, animationglasscube: function(options) { var self = this; this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeoutexpo": this.settings.easing_default, time_animate = 500 / this.settings.velocity; this.setactuallevel(); var max_w = self.getmaxw(10), total = 2 * math.ceil(this.settings.width_skitter / (this.settings.width_skitter / max_w)), width_box = 2 * math.ceil(this.settings.width_skitter / total), height_box = this.settings.height_skitter / 2, col = 0; for (i = 0; i < total; i++) { mod = i % 2 == 0; var _ileft = width_box * col, _itop = mod ? -self.settings.height_skitter: self.settings.height_skitter, _fleft = width_box * col, _ftop = mod ? 0 : height_box, _bleft = -width_box * col, _btop = mod ? 0 : -height_box, delay_time = 120 * col, box_clone = this.getboxclone(); box_clone.css({ left: _ileft, top: _itop, width: width_box, height: height_box }), box_clone.find("img").css({ left: _bleft + width_box / 1.5, top: _btop }).delay(delay_time).animate({ left: _bleft, top: _btop }, 1.9 * time_animate, "easeoutquad"), this.addboxclone(box_clone); var callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.show().delay(delay_time).animate({ top: _ftop, left: _fleft }, time_animate, easing, callback), i % 2 != 0 && col++ } }, animationglassblock: function(options) { var self = this; this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeoutexpo": this.settings.easing_default, time_animate = 700 / this.settings.velocity; this.setactuallevel(); var max_w = self.getmaxw(10), total = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / max_w)), width_box = math.ceil(this.settings.width_skitter / total), height_box = this.settings.height_skitter; for (i = 0; i < total; i++) { var _ileft = width_box * i, _fleft = width_box * i, _bleft = -width_box * i, delay_time = 100 * i, box_clone = this.getboxclone(); box_clone.css({ left: _ileft, top: 0, width: width_box, height: height_box }), box_clone.find("img").css({ left: _bleft + width_box / 1.5, top: 0 }).delay(delay_time).animate({ left: _bleft, top: 0 }, 1.1 * time_animate, "easeinoutquad"), this.addboxclone(box_clone); var callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.delay(delay_time).animate({ top: 0, left: _fleft, opacity: "show" }, time_animate, easing, callback) } }, animationcircles: function(options) { var self = this; this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeinquad": this.settings.easing_default, time_animate = 500 / this.settings.velocity; this.setactuallevel(); var total = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 10)), size_box = this.settings.height_skitter, radius = math.sqrt(math.pow(this.settings.width_skitter, 2) + math.pow(this.settings.height_skitter, 2)), radius = math.ceil(radius); for (i = 0; i < total; i++) { var _ileft = self.settings.width_skitter / 2 - size_box / 2, _itop = self.settings.height_skitter / 2 - size_box / 2, _fleft = _ileft, _ftop = _itop, box_clone = null; box_clone = this.getboxclonebackground({ image: self.getcurrentimage(), left: _ileft, top: _itop, width: size_box, height: size_box, position: { top: -_itop, left: -_ileft } }).skittercss3({ "border-radius": radius + "px" }), size_box += 200, this.addboxclone(box_clone); var delay_time = 70 * i, callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.delay(delay_time).animate({ top: _ftop, left: _fleft, opacity: "show" }, time_animate, easing, callback) } }, animationcirclesinside: function(options) { var self = this; this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeinquad": this.settings.easing_default, time_animate = 500 / this.settings.velocity, image_old = this.getoldimage(); this.setactuallevel(), this.setlinkatual(), this.skitter_box.find(".image_main").attr({ src: this.getcurrentimage() }); var total = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 10)), radius = math.sqrt(math.pow(this.settings.width_skitter, 2) + math.pow(this.settings.height_skitter, 2)), radius = math.ceil(radius), size_box = radius; for (i = 0; i < total; i++) { var _ileft = self.settings.width_skitter / 2 - size_box / 2, _itop = self.settings.height_skitter / 2 - size_box / 2, _fleft = _ileft, _ftop = _itop, box_clone = null; box_clone = this.getboxclonebackground({ image: image_old, left: _ileft, top: _itop, width: size_box, height: size_box, position: { top: -_itop, left: -_ileft } }).skittercss3({ "border-radius": radius + "px" }), size_box -= 200, this.addboxclone(box_clone), box_clone.show(); var delay_time = 70 * i, callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.delay(delay_time).animate({ top: _ftop, left: _fleft, opacity: "hide" }, time_animate, easing, callback) } }, animationcirclesrotate: function(options) { var self = this; this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeinquad": this.settings.easing_default, time_animate = 500 / this.settings.velocity, image_old = this.getoldimage(); this.setactuallevel(), this.setlinkatual(), this.skitter_box.find(".image_main").attr({ src: this.getcurrentimage() }); var total = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 10)), radius = math.sqrt(math.pow(this.settings.width_skitter, 2) + math.pow(this.settings.height_skitter, 2)), radius = math.ceil(radius), size_box = radius; for (i = 0; i < total; i++) { var _ileft = self.settings.width_skitter / 2 - size_box / 2, _itop = self.settings.height_skitter / 2 - size_box / 2, _fleft = _ileft, _ftop = _itop, box_clone = null; box_clone = this.getboxcloneimgold(image_old), box_clone.css({ left: _ileft, top: _itop, width: size_box, height: size_box }).skittercss3({ "border-radius": radius + "px" }), box_clone.find("img").css({ left: -_ileft, top: -_itop }), size_box -= 300, this.addboxclone(box_clone), box_clone.show(); var delay_time = 200 * i, callback = i == total - 1 ? function() { self.finishanimation() }: ""; i; box_clone.delay(delay_time).animate({ top: _ftop, left: _fleft, opacity: "hide" }, time_animate, easing, callback) } }, animationcubeshow: function(options) { var self = this; this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeoutquad": this.settings.easing_default, time_animate = 400 / this.settings.velocity; this.setactuallevel(); var max_w = self.getmaxw(8), division_w = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / max_w)), division_h = math.ceil(this.settings.height_skitter / (this.settings.height_skitter / 4)), total = division_w * division_h, width_box = math.ceil(this.settings.width_skitter / division_w), height_box = math.ceil(this.settings.height_skitter / division_h), _btop = 0, _bleft = 0, line = 0, col = 0; for (i = 0; i < total; i++) { _btop = height_box * line, _bleft = width_box * col; var delay_time = 30 * i, box_clone = this.getboxclone(); box_clone.css({ left: _bleft, top: _btop, width: width_box, height: height_box }).hide(), box_clone.find("img").css({ left: -_bleft, top: -_btop }), this.addboxclone(box_clone); var callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.delay(delay_time).animate({ width: "show", height: "show" }, time_animate, easing, callback), line++, line == division_h && (line = 0, col++) } }, animationdirectionbars: function(options) { var self = this, options = $.extend({}, { direction: "top" }, options || {}); this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeinoutquad": this.settings.easing_default, time_animate = 400 / this.settings.velocity, image_old = this.getoldimage(); this.setactuallevel(), this.setlinkatual(), this.skitter_box.find(".image_main").attr({ src: this.getcurrentimage() }); var max_w = self.getmaxw(12), total = max_w, width_box = math.ceil(this.settings.width_skitter / total), height_box = this.settings.height_skitter, _ftop = "top" == options.direction ? -height_box: height_box; for (i = 0; i < total; i++) { var _vleft = width_box * i, _vleft_image = -width_box * i, box_clone = this.getboxcloneimgold(image_old); box_clone.css({ left: _vleft + "px", top: "0px", width: width_box, height: height_box }), box_clone.find("img").css({ left: _vleft_image, top: 0 }), this.addboxclone(box_clone), box_clone.show(); var delay_time = 70 * i, callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.delay(delay_time).animate({ top: _ftop }, time_animate, easing, callback) } }, animationhidebars: function(options) { var self = this, options = $.extend({}, { random: !1 }, options || {}); this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? "easeoutcirc": this.settings.easing_default, time_animate = 700 / this.settings.velocity, image_old = this.getoldimage(); this.setactuallevel(), this.setlinkatual(), this.skitter_box.find(".image_main").attr({ src: this.getcurrentimage() }); var max_w = self.getmaxw(10), division_w = math.ceil(this.settings.width_skitter / (this.settings.width_skitter / max_w)), total = division_w, width_box = math.ceil(this.settings.width_skitter / division_w), height_box = this.settings.height_skitter; for (i = 0; i < total; i++) { var _vleft = width_box * i, _vleft_image = -width_box * i, _fleft = "+=" + width_box, box_clone = this.getboxcloneimgold(image_old); box_clone.css({ left: 0, top: 0, width: width_box, height: height_box }), box_clone.find("img").css({ left: _vleft_image, top: 0 }); var box_clone_main = this.getboxcloneimgold(image_old); box_clone_main.css({ left: _vleft + "px", top: "0px", width: width_box, height: height_box }), box_clone_main.html(box_clone), this.addboxclone(box_clone_main), box_clone.show(), box_clone_main.show(); var delay_time = 50 * i, callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.delay(delay_time).animate({ left: _fleft }, time_animate, easing, callback) } }, animationswapbars: function(options) { var self = this, max_w = self.getmaxw(7), options = $.extend({}, { direction: "top", delay_type: "sequence", total: max_w, easing: "easeoutcirc" }, options || {}); this.settings.is_animating = !0; var easing = "" == this.settings.easing_default ? options.easing: this.settings.easing_default, time_animate = 500 / this.settings.velocity, image_old = this.getoldimage(); this.setactuallevel(), this.setlinkatual(), this.skitter_box.find(".image_main").attr({ src: this.getcurrentimage() }), this.skitter_box.find(".image_main").hide(); var total = options.total; for (i = 0; i < total; i++) { var width_box = math.ceil(this.settings.width_skitter / total), height_box = this.settings.height_skitter, _ileftc = width_box * i, _vleft_image = -_ileftc; switch (options.delay_type) { case "zebra": default: var delay_time = i % 2 == 0 ? 0 : 150; break; case "random": var delay_time = 30 * math.random() * 30; break; case "sequence": var delay_time = 100 * i } var box_clone = this.getboxcloneimgold(image_old); box_clone.find("img").css({ left: _vleft_image, top: 0 }), box_clone.css({ top: 0, left: 0, width: width_box, height: height_box }); var box_clone_next = this.getboxclone(); box_clone_next.find("img").css({ left: _vleft_image, top: 0 }), box_clone_next.css({ top: 0, left: -width_box, width: width_box, height: height_box }); var box_clone_container = this.getboxclone(); box_clone_container.html("").append(box_clone).append(box_clone_next), box_clone_container.css({ top: 0, left: _ileftc, width: width_box, height: height_box }), this.addboxclone(box_clone_container), box_clone_container.show(), box_clone.show(), box_clone_next.show(); var callback = i == total - 1 ? function() { self.finishanimation() }: ""; box_clone.delay(delay_time).animate({ left: width_box }, time_animate, easing), box_clone_next.delay(delay_time).animate({ left: 0 }, time_animate, easing, callback) } }, animationswapblocks: function(options) { var self = this, options = $.extend({}, { easing_old: "easeinoutquad", easing_new: "easeoutquad" }, options || {}); this.settings.is_animating = !0; var easing_old = "" == this.settings.easing_default ? options.easing_old: this.settings.easing_default, easing_new = "" == this.settings.easing_default ? options.easing_new: this.settings.easing_default, time_animate = 800 / this.settings.velocity, image_old = this.getoldimage(); this.setactuallevel(), this.setlinkatual(), this.skitter_box.find(".image_main").attr({ src: this.getcurrentimage() }), this.skitter_box.find(".image_main").hide(); var width_box = this.settings.width_skitter, height_box = math.ceil(this.settings.height_skitter / 2), box_clone1 = this.getboxcloneimgold(image_old), box_clone2 = this.getboxcloneimgold(image_old); box_clone1.find("img").css({ left: 0, top: 0 }), box_clone1.css({ top: 0, left: 0, width: width_box, height: height_box }), box_clone2.find("img").css({ left: 0, top: -height_box }), box_clone2.css({ top: height_box, left: 0, width: width_box, height: height_box }); var box_clone_next1 = this.getboxclone(), box_clone_next2 = this.getboxclone(); box_clone_next1.find("img").css({ left: 0, top: height_box }), box_clone_next1.css({ top: 0, left: 0, width: width_box, height: height_box }), box_clone_next2.find("img").css({ left: 0, top: -2 * height_box }), box_clone_next2.css({ top: height_box, left: 0, width: width_box, height: height_box }), this.addboxclone(box_clone_next1), this.addboxclone(box_clone_next2), this.addboxclone(box_clone1), this.addboxclone(box_clone2), box_clone1.show(), box_clone2.show(), box_clone_next1.show(), box_clone_next2.show(); var callback = function() { self.finishanimation() }; box_clone1.find("img").animate({ top: height_box }, time_animate, easing_old, function() { box_clone1.remove() }), box_clone2.find("img").animate({ top: -2 * height_box }, time_animate, easing_old, function() { box_clone2.remove() }), box_clone_next1.find("img").animate({ top: 0 }, time_animate, easing_new), box_clone_next2.find("img").animate({ top: -height_box }, time_animate, easing_new, callback) }, animationcut: function(options) { var self = this, options = $.extend({}, { easing_old: "easeinoutexpo", easing_new: "easeinoutexpo" }, options || {}); this.settings.is_animating = !0; var easing_old = "" == this.settings.easing_default ? options.easing_old: this.settings.easing_default, easing_new = "" == this.settings.easing_default ? options.easing_new: this.settings.easing_default, time_animate = 900 / this.settings.velocity, image_old = this.getoldimage(); this.setactuallevel(), this.setlinkatual(), this.skitter_box.find(".image_main").attr({ src: this.getcurrentimage() }), this.skitter_box.find(".image_main").hide(); var width_box = this.settings.width_skitter, height_box = math.ceil(this.settings.height_skitter / 2), box_clone1 = this.getboxcloneimgold(image_old), box_clone2 = this.getboxcloneimgold(image_old); box_clone1.find("img").css({ left: 0, top: 0 }), box_clone1.css({ top: 0, left: 0, width: width_box, height: height_box }), box_clone2.find("img").css({ left: 0, top: -height_box }), box_clone2.css({ top: height_box, left: 0, width: width_box, height: height_box }); var box_clone_next1 = this.getboxclone(), box_clone_next2 = this.getboxclone(); box_clone_next1.find("img").css({ left: 0, top: 0 }), box_clone_next1.css({ top: 0, left: width_box, width: width_box, height: height_box }), box_clone_next2.find("img").css({ left: 0, top: -height_box }), box_clone_next2.css({ top: height_box, left: -width_box, width: width_box, height: height_box }), this.addboxclone(box_clone_next1), this.addboxclone(box_clone_next2), this.addboxclone(box_clone1), this.addboxclone(box_clone2), box_clone1.show(), box_clone2.show(), box_clone_next1.show(), box_clone_next2.show(); var callback = function() { self.finishanimation() }; box_clone1.animate({ left: -width_box }, time_animate, easing_old, function() { box_clone1.remove() }), box_clone2.animate({ left: width_box }, time_animate, easing_old, function() { box_clone2.remove() }), box_clone_next1.animate({ left: 0 }, time_animate, easing_new), box_clone_next2.animate({ left: 0 }, time_animate, easing_new, callback) }, finishanimation: function(options) { var self = this; this.skitter_box.find(".image_main").show(), this.showboxtext(), this.settings.is_animating = !1, this.skitter_box.find(".image_main").attr({ src: this.getcurrentimage() }), this.skitter_box.find(".image > a").attr({ href: this.settings.link_atual }), this.settings.is_hover_skitter_box || this.settings.is_paused || this.settings.is_blur || (this.timer = settimeout(function() { self.completemove() }, this.settings.interval)), self.starttime() }, completemove: function() { this.cleartimer(!0), this.skitter_box.find(".box_clone").remove(), this.settings.is_paused || this.settings.is_blur || this.nextimage() }, setactuallevel: function() { $.isfunction(this.settings.imageswitched) && this.settings.imageswitched(this.settings.image_i, this), this.setimagelink(), this.addclassnumber(), this.hideboxtext(), this.increasingimage() }, setimagelink: function() { var name_image = this.settings.images_links[this.settings.image_i][0], link_image = this.settings.images_links[this.settings.image_i][1], label_image = this.settings.images_links[this.settings.image_i][3], target_link = this.settings.images_links[this.settings.image_i][4]; this.settings.image_atual = name_image, this.settings.link_atual = link_image, this.settings.label_atual = label_image, this.settings.target_atual = target_link }, addclassnumber: function() { var self = this; this.skitter_box.find(".image_number_select").removeclass("image_number_select"), $("#image_n_" + (this.settings.image_i + 1) + "_" + self.number_skitter).addclass("image_number_select") }, increasingimage: function() {++this.settings.image_i == this.settings.images_links.length && (this.settings.image_i = 0) }, getboxclone: function() { if ("#" != this.settings.link_atual) { var img_clone = $(''); img_clone.attr({ target: this.settings.target_atual }) } else var img_clone = $(''); img_clone = this.resizeimage(img_clone); var box_clone = $('
    '); return box_clone.append(img_clone), box_clone }, getboxcloneimgold: function(image_old) { if ("#" != this.settings.link_atual) { var img_clone = $(''); img_clone.attr({ target: this.settings.target_atual }) } else var img_clone = $(''); img_clone = this.resizeimage(img_clone); var box_clone = $('
    '); return box_clone.append(img_clone), box_clone }, resizeimage: function(img_clone) { return img_clone.find("img").width(this.settings.width_skitter), img_clone.find("img").height(this.settings.height_skitter), img_clone }, addboxclone: function(box_clone) { this.skitter_box.find(".container_skitter").append(box_clone) }, geteasing: function(easing) { var easing_accepts = ["easeinquad", "easeoutquad", "easeinoutquad", "easeincubic", "easeoutcubic", "easeinoutcubic", "easeinquart", "easeoutquart", "easeinoutquart", "easeinquint", "easeoutquint", "easeinoutquint", "easeinsine", "easeoutsine", "easeinoutsine", "easeinexpo", "easeoutexpo", "easeinoutexpo", "easeincirc", "easeoutcirc", "easeinoutcirc", "easeinelastic", "easeoutelastic", "easeinoutelastic", "easeinback", "easeoutback", "easeinoutback", "easeinbounce", "easeoutbounce", "easeinoutbounce"]; return jquery.inarray(easing, easing_accepts) > 0 ? easing: "" }, getrandom: function(i) { return math.floor(math.random() * i) }, setvalueboxtext: function() { this.skitter_box.find(".label_skitter").html(this.settings.label_atual) }, showboxtext: function() { var self = this; if (void 0 != this.settings.label_atual && "" != this.settings.label_atual && self.settings.label) switch (self.settings.label_animation) { case "slideup": default: self.skitter_box.find(".label_skitter").slidedown(400); break; case "left": case "right": self.skitter_box.find(".label_skitter").animate({ left: 0 }, 400, "easeinoutquad"); break; case "fixed": } }, hideboxtext: function() { var self = this; switch (self.settings.label_animation) { case "slideup": default: this.skitter_box.find(".label_skitter").slideup(200, function() { self.setvalueboxtext() }); break; case "left": case "right": var _left = "left" == self.settings.label_animation ? -self.skitter_box.find(".label_skitter").width() : self.skitter_box.find(".label_skitter").width(); self.skitter_box.find(".label_skitter").animate({ left: _left }, 400, "easeinoutquad", function() { self.setvalueboxtext() }); break; case "fixed": self.setvalueboxtext() } }, stoponmouseover: function() { var self = this; self.settings.stop_over ? self.skitter_box.hover(function() { self.settings.stop_over && (self.settings.is_hover_skitter_box = !0), self.settings.is_paused_time || self.pausetime(), self.sethidetools("hover"), self.cleartimer(!0) }, function() { self.settings.stop_over && (self.settings.is_hover_skitter_box = !1), 0 != self.settings.elapsedtime || self.settings.is_animating || self.settings.is_paused ? self.settings.is_paused || self.resumetime() : self.starttime(), self.sethidetools("out"), self.cleartimer(!0), !self.settings.is_animating && self.settings.images_links.length > 1 && (self.timer = settimeout(function() { self.completemove() }, self.settings.interval - self.settings.elapsedtime), self.skitter_box.find(".image_main").attr({ src: self.getcurrentimage() }), self.skitter_box.find(".image > a").attr({ href: self.settings.link_atual })) }) : self.skitter_box.hover(function() { self.sethidetools("hover") }, function() { self.sethidetools("out") }) }, sethidetools: function(type) { var self = this, opacity_elements = self.settings.opacity_elements, interval_in_elements = self.settings.interval_in_elements, interval_out_elements = self.settings.interval_out_elements; "hover" == type ? (self.settings.hide_tools && (self.settings.numbers && self.skitter_box.find(".info_slide").show().css({ opacity: 0 }).animate({ opacity: opacity_elements }, interval_in_elements), self.settings.navigation && self.skitter_box.find(".prev_button, .next_button").show().css({ opacity: 0 }).animate({ opacity: opacity_elements }, interval_in_elements), self.settings.focus && !self.settings.foucs_active && self.skitter_box.find(".focus_button").stop().show().css({ opacity: 0 }).animate({ opacity: opacity_elements }, interval_in_elements), self.settings.controls && self.skitter_box.find(".play_pause_button").stop().show().css({ opacity: 0 }).animate({ opacity: opacity_elements }, interval_in_elements)), !self.settings.focus || self.settings.foucs_active || self.settings.hide_tools || self.skitter_box.find(".focus_button").stop().animate({ opacity: 1 }, interval_in_elements), self.settings.controls && !self.settings.hide_tools && self.skitter_box.find(".play_pause_button").stop().animate({ opacity: 1 }, interval_in_elements)) : (self.settings.hide_tools && (self.settings.numbers && self.skitter_box.find(".info_slide").queue("fx", []).show().css({ opacity: opacity_elements }).animate({ opacity: 0 }, interval_out_elements), self.settings.navigation && self.skitter_box.find(".prev_button, .next_button").queue("fx", []).show().css({ opacity: opacity_elements }).animate({ opacity: 0 }, interval_out_elements), self.settings.focus && !self.settings.foucs_active && self.skitter_box.find(".focus_button").stop().css({ opacity: opacity_elements }).animate({ opacity: 0 }, interval_out_elements), self.settings.controls && self.skitter_box.find(".play_pause_button").stop().css({ opacity: opacity_elements }).animate({ opacity: 0 }, interval_out_elements)), !self.settings.focus || self.settings.foucs_active || self.settings.hide_tools || self.skitter_box.find(".focus_button").stop().animate({ opacity: .3 }, interval_out_elements), self.settings.controls && !self.settings.hide_tools && self.skitter_box.find(".play_pause_button").stop().animate({ opacity: .3 }, interval_out_elements)) }, cleartimer: function(force) { var self = this; clearinterval(self.timer) }, setlinkatual: function() { "#" != this.settings.link_atual && "" != this.settings.link_atual ? this.skitter_box.find(".image > a").attr({ href: this.settings.link_atual, target: this.settings.target_atual }) : this.skitter_box.find(".image > a").removeattr("href") }, hidetools: function() { this.skitter_box.find(".info_slide").fadeto(0, 0), this.skitter_box.find(".prev_button").fadeto(0, 0), this.skitter_box.find(".next_button").fadeto(0, 0), this.skitter_box.find(".focus_button").fadeto(0, 0), this.skitter_box.find(".play_pause_button").fadeto(0, 0) }, focusskitter: function() { var self = this, focus_button = $('focus'); self.skitter_box.append(focus_button), focus_button.animate({ opacity: .3 }, self.settings.interval_in_elements), $(document).keypress(function(e) { 27 == (e.keycode ? e.keycode: e.which) && $("#overlay_skitter").trigger("click") }); var _top = self.skitter_box.offset().top, _left = self.skitter_box.offset().left; self.skitter_box.find(".focus_button").click(function() { if (self.settings.foucs_active) return ! 1; self.settings.foucs_active = !0, $(this).stop().animate({ opacity: 0 }, self.settings.interval_out_elements); var div = $('
    ').height($(document).height()).hide().fadeto(self.settings.interval_in_elements, .98), _topfinal = ($(window).height() - self.skitter_box.height()) / 2 + $(document).scrolltop(), _leftfinal = ($(window).width() - self.skitter_box.width()) / 2; return self.skitter_box.before('
    '), $("body").prepend(div), $("body").prepend(self.skitter_box), self.skitter_box.css({ top: _top, left: _left, position: "absolute", "z-index": 9999 }).animate({ top: _topfinal, left: _leftfinal }, 2e3, "easeoutexpo"), $("#mark_position").width(self.skitter_box.width()).height(self.skitter_box.height()).css({ background: "none" }).fadeto(300, .3), !1 }), $(document).on("click", "#overlay_skitter", function() { return ! $(this).hasclass("finish_overlay_skitter") && (self.settings.foucs_active = !1, $(this).addclass("finish_overlay_skitter"), self.settings.hide_tools || self.skitter_box.find(".focus_button").animate({ opacity: .3 }, 200), self.skitter_box.stop().animate({ top: _top, left: _left }, 200, "easeoutexpo", function() { $("#mark_position").before(self.skitter_box), $(this).css({ position: "relative", top: 0, left: 0 }), $("#mark_position").remove() }), $("#overlay_skitter").fadeto(self.settings.interval_out_elements, 0, function() { $(this).remove() }), !1) }) }, setcontrols: function() { var self = this, play_pause_button = $('pause'); self.skitter_box.append(play_pause_button), play_pause_button.animate({ opacity: .3 }, self.settings.interval_in_elements), play_pause_button.click(function() { return self.settings.is_paused ? (self.settings.is_animating || self.skitter_box.find(".progressbar").is(":visible") ? self.resumetime() : self.settings.elapsedtime = 0, self.settings.progressbar || self.resumetime(), self.settings.is_paused = !1, $(this).html("pause"), $(this).fadeto(100, .5).fadeto(100, 1), $(this).removeclass("play_button"), self.settings.stop_over || (self.cleartimer(!0), !self.settings.is_animating && self.settings.images_links.length > 1 && (self.timer = settimeout(function() { self.completemove() }, self.settings.interval - self.settings.elapsedtime), self.skitter_box.find(".image_main").attr({ src: self.getcurrentimage() }), self.skitter_box.find(".image > a").attr({ href: self.settings.link_atual })))) : ($(this).html("play"), $(this).fadeto(100, .5).fadeto(100, 1), $(this).addclass("play_button"), self.pausetime(), self.settings.is_paused = !0, self.cleartimer(!0)), !1 }) }, objectsize: function(obj) { var key, size = 0; for (key in obj) obj.hasownproperty(key) && size++; return size }, addprogressbar: function() { var self = this, progressbar = $('
    '); self.skitter_box.append(progressbar), 0 == self.objectsize(self.settings.progressbar_css) && (parseint(progressbar.css("width")) > 0 ? self.settings.progressbar_css.width = parseint(progressbar.css("width")) : self.settings.progressbar_css = { width: self.settings.width_skitter, height: 5 }), self.objectsize(self.settings.progressbar_css) > 0 && void 0 == self.settings.progressbar_css.width && (self.settings.progressbar_css.width = self.settings.width_skitter), progressbar.css(self.settings.progressbar_css).hide() }, startprogressbar: function() { var self = this; if (self.settings.is_hover_skitter_box || self.settings.is_paused || self.settings.is_blur || !self.settings.progressbar) return ! 1; self.skitter_box.find(".progressbar").hide().dequeue().width(self.settings.progressbar_css.width).animate({ width: "show" }, self.settings.interval, "linear") }, pauseprogressbar: function() { var self = this; self.settings.is_animating || self.skitter_box.find(".progressbar").stop() }, resumeprogressbar: function() { var self = this; if (self.settings.is_hover_skitter_box || self.settings.is_paused || !self.settings.progressbar) return ! 1; self.skitter_box.find(".progressbar").dequeue().animate({ width: self.settings.progressbar_css.width }, self.settings.interval - self.settings.elapsedtime, "linear") }, hideprogressbar: function() { var self = this; if (!self.settings.progressbar) return ! 1; self.skitter_box.find(".progressbar").stop().fadeout(300, function() { $(this).width(self.settings.progressbar_css.width) }) }, starttime: function() { var self = this; self.settings.is_paused_time = !1; var date = new date; self.settings.elapsedtime = 0, self.settings.time_start = date.gettime(), self.startprogressbar() }, pausetime: function() { var self = this; if (self.settings.is_paused_time) return ! 1; self.settings.is_paused_time = !0; var date = new date; self.settings.elapsedtime += date.gettime() - self.settings.time_start, self.pauseprogressbar() }, resumetime: function() { var self = this; self.settings.is_paused_time = !1; var date = new date; self.settings.time_start = date.gettime(), self.resumeprogressbar() }, enablenavigationkeys: function() { var self = this; $(window).keydown(function(e) { 39 == e.keycode || 40 == e.keycode ? self.skitter_box.find(".next_button").trigger("click") : 37 != e.keycode && 38 != e.keycode || self.skitter_box.find(".prev_button").trigger("click") }) }, getboxclonebackground: function(options) { var box_clone = $('
    '), background_size = this.settings.width_skitter + "px " + this.settings.height_skitter + "px"; return box_clone.css({ left: options.left, top: options.top, width: options.width, height: options.height, "background-image": "url(" + options.image + ")", "background-size": background_size, "background-position": options.position.left + "px " + options.position.top + "px" }), box_clone }, shufflearray: function(arrayorigem) { for (var indice, self = this, arraydestino = []; arrayorigem.length > 0;) indice = self.randomunique(0, arrayorigem.length - 1), arraydestino[arraydestino.length] = arrayorigem[indice], arrayorigem.splice(indice, 1); return arraydestino }, randomunique: function(valorini, valorfim) { var numrandom; do { numrandom = math.random() } while ( 1 == numrandom ); return numrandom * (valorfim - valorini + 1) + valorini | 0 }, windowfocusout: function() { var self = this; $(window).bind("blur", function() { self.settings.is_blur = !0, self.pausetime(), self.cleartimer(!0) }), $(window).bind("focus", function() { self.settings.images_links.length > 1 && (self.settings.is_blur = !1, 0 == self.settings.elapsedtime ? self.starttime() : self.resumetime(), self.settings.elapsedtime <= self.settings.interval && (self.cleartimer(!0), self.timer = settimeout(function() { self.completemove() }, self.settings.interval - self.settings.elapsedtime), self.skitter_box.find(".image_main").attr({ src: self.getcurrentimage() }), self.skitter_box.find(".image > a").attr({ href: self.settings.link_atual }))) }) }, setresponsive: function() { if (this.settings.responsive) { var self = this, timeout = null; $(window).on("resize", function() { cleartimeout(timeout), timeout = settimeout(function() { self.setdimensions() }, 200) }).trigger("resize") } }, setdimensions: function() { var self = this, was_set = !1; this.skitter_box.css("width", "100%"), this.skitter_box.find(".image_main").attr({ src: this.getcurrentimage() }).css({ width: "100%", height: "auto" }).on("load", function() { was_set || (was_set = !0, _setdimensions()) }), settimeout(function() { was_set || (was_set = !0, _setdimensions()) }, 3e3); var _setdimensions = function() { var image = self.skitter_box.find(".image_main"), width_box = self.skitter_box.width(), width_image = (self.skitter_box.height(), image.width()), height_image = image.height(), width = width_box, height = height_image * width_box / width_image; self.settings.fullscreen && (width = $(window).width(), height = $(window).height()), self.settings.width_skitter = width, self.settings.height_skitter = height, self.skitter_box.width(width).height(height).find(".container_skitter").width(width).height(height).find("> a img, > img").width(width).height(height) } }, islargedevice: function() { return $(window).width() >= 1024 }, getmaxw: function(max_w) { if (this.settings.responsive) { var window_width = $(window).width(); window_width <= 320 ? max_w = parseint(max_w / 4) : window_width <= 480 ? max_w = parseint(max_w / 3) : window_width <= 768 && (max_w = parseint(max_w / 1.5)) } return max_w }, getmaxh: function(max_h) { return this.getmaxw(max_h) }, getcurrentimage: function() { var image = this.settings.image_atual; return this.getimagename(image) }, getoldimage: function() { return this.skitter_box.find(".image_main").attr("src") }, getimagename: function(image) { var window_width = $(window).width(); if (this.settings.responsive) for (var name in this.settings.responsive) { var item = this.settings.responsive[name]; if (window_width < item.max_width && item.suffix) { var extension = image.split(".").reverse()[0]; image = image.replace("." + extension, item.suffix + "." + extension); break } } return image }, settouchsupport: function() { var self = this, last_position_x = 0, last_position_x_move = 0; ("ontouchstart" in window || navigator.msmaxtouchpoints > 0) && (this.skitter_box.on("touchstart", function(e) { e.originalevent.touches.length > 0 && (last_position_x = e.originalevent.touches[0].pagex) }), this.skitter_box.on("touchmove", function(e) { e.originalevent.touches.length > 0 && (last_position_x_move = e.originalevent.touches[0].pagex) }), this.skitter_box.on("touchend", function(e) { last_position_x < last_position_x_move ? self.skitter_box.find(".prev_button").trigger("click") : self.skitter_box.find(".next_button").trigger("click") })) }, getanimations: function() { return this.animations }, setanimation: function(animation) { this.settings.animation = animation }, next: function() { this.skitter_box.find(".next_button").trigger("click") }, prev: function() { this.skitter_box.find(".prev_button").trigger("click") } }), $.fn.skittercss3 = function(props) { var css = {}, prefixes = ["moz", "ms", "o", "webkit"]; for (var prop in props) { for (var i = 0; i < prefixes.length; i++) css["-" + prefixes[i] + "-" + prop] = props[prop]; css[prop] = props[prop] } return this.css(css), this } });