(function($) { var number_skitter = 0, skitters = []; $.fn.skitter = function(options) { return this.each(function() { $(this).data('skitter_number', number_skitter); skitters.push(new $sk(this, options, number_skitter)); ++number_skitter; }); }; var defaults = { velocity: 2, interval: 4500, animation: '', numbers: true, navigation: true, label: true, easing_default: '', box_skitter: 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: false, is_hover_box_skitter: false, random_ia: null, show_randomly: false, thumbs: false, animateNumberOut: { backgroundColor: '#333', color: '#fff' }, animateNumberOver: { backgroundColor: '#fff', color: '#000' }, animateNumberActive: { backgroundColor: '#cc3333', color: '#fff' }, hideTools: false, fullscreen: false, xml: false, dots: false, width_label: null, opacity_elements: 0.75, // Final opacity of elements in hideTools interval_in_elements: 300, // Interval animation hover elements hideTools interval_out_elements: 500, // Interval animation out elements hideTools onLoad: null, imageSwitched: null, max_number_height: 20, numbers_align: 'left', preview: false, focus: false, foucs_active: false, focus_position: 'center', controls: false, controls_position: 'center', progressbar: false, progressbar_css: {}, is_paused: false, is_blur: false, is_paused_time: false, timeStart: 0, elapsedTime: 0, stop_over: true, enable_navigation_keys: false, structure: 'prev' + 'next' + '' + '
' }; $.skitter = function(obj, options, number) { this.box_skitter = $(obj); this.timer = null; this.settings = $.extend({}, defaults, options || {}); this.number_skitter = number; this.setup(); }; // Shortcut var $sk = $.skitter; $sk.fn = $sk.prototype = {}; $sk.fn.extend = $.extend; $sk.fn.extend({ /** * Init */ setup: function() { var self = this; // Fullscreen if (this.settings.fullscreen) { var width = $(window).width(); var height = $(window).height(); this.box_skitter.width(width).height(height); this.box_skitter.css({ 'position': 'absolute', 'top': 0, 'left': 0, 'z-index': 1000 }); this.settings.stop_over = false; $('body').css({ 'overflown': 'hidden' }); } this.settings.width_skitter = parseFloat(this.box_skitter.css('width')); this.settings.height_skitter = parseFloat(this.box_skitter.css('height')); if (!this.settings.width_skitter || !this.settings.height_skitter) { console.warn('Width or height size is null! - Skitter Slideshow'); return false; } // Structure html this.box_skitter.append(this.settings.structure); // Settings this.settings.easing_default = this.getEasing(this.settings.easing); if (this.settings.velocity >= 2) this.settings.velocity = 1.3; if (this.settings.velocity <= 0) this.settings.velocity = 1; if (!this.settings.numbers && !this.settings.thumbs && !this.settings.dots) this.box_skitter.find('.info_slide').hide(); if (!this.settings.label) this.box_skitter.find('.label_skitter').hide(); if (!this.settings.navigation) { this.box_skitter.find('.prev_button').hide(); this.box_skitter.find('.next_button').hide(); } // this.box_skitter.find('.container_skitter').width(this.settings.width_skitter); // this.box_skitter.find('.container_skitter').height(this.settings.height_skitter); var width_label = this.settings.width_label ? this.settings.width_label : this.settings.width_skitter; // this.box_skitter.find('.label_skitter').width(width_label); var initial_select_class = ' image_number_select', u = 0; this.settings.images_links = new Array(); // Add image, link, animation type and label var addImageLink = function(link, src, animation_type, label, target) { self.settings.images_links.push([src, link, animation_type, label, target]); if (self.settings.thumbs) { var dimension_thumb = ''; if (self.settings.width_skitter > self.settings.height_skitter) { dimension_thumb = 'height="100"'; } else { dimension_thumb = 'width="100"'; } self.box_skitter.find('.info_slide').append( '' + 'Error loading images. One or more images were not found.
'); }).attr('src', self_il[0]); }); }, /** * Start skitter */ start: function() { var self = this; var init_pause = false; self.startTime(); self.windowFocusOut(); self.setLinkAtual(); self.box_skitter.find('.image a img').attr({ 'src': self.settings.image_atual }); img_link = self.box_skitter.find('.image a'); img_link = self.resizeImage(img_link); img_link.find('img').fadeIn(1500); self.setValueBoxText(); self.showBoxText(); self.stopOnMouseOver(); var mouseOverInit = function() { if (self.settings.stop_over) { init_pause = true; self.settings.is_hover_box_skitter = true; self.clearTimer(true); self.pauseProgressBar(); } }; self.box_skitter.mouseover(mouseOverInit); self.box_skitter.find('.next_button').mouseover(mouseOverInit); if (self.settings.images_links.length > 1 && !init_pause) { self.timer = setTimeout(function() { self.nextImage(); }, self.settings.interval); } else { self.box_skitter.find('.loading, .image_loading, .image_number, .next_button, .prev_button').remove(); } if ($.isFunction(self.settings.onLoad)) self.settings.onLoad(); }, /** * Jump to image */ jumpToImage: function(imageNumber) { if (this.settings.is_animating == false) { this.settings.elapsedTime = 0; this.box_skitter.find('.box_clone').stop(); this.clearTimer(true); this.settings.image_i = Math.floor(imageNumber); this.box_skitter.find('.image a').attr({ 'href': this.settings.link_atual }); this.box_skitter.find('.image_main').attr({ 'src': this.settings.image_atual }); this.box_skitter.find('.box_clone').remove(); this.nextImage(); } }, /** * Next image */ nextImage: function() { var self = this; animations_functions = [ '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' ]; if (self.settings.progressbar) self.hideProgressBar(); 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); // RandomUnique if (animation_type == 'randomSmart') { if (!this.settings.random_ia) { animations_functions.sort(function() { return 0.5 - Math.random(); }); this.settings.random_ia = animations_functions; } animation_type = this.settings.random_ia[this.settings.image_i]; } // Random else if (animation_type == 'random') { var random_id = parseInt(Math.random() * animations_functions.length); animation_type = animations_functions[random_id]; } switch (animation_type) { case 'cube': this.animationCube(); break; case 'cubeRandom': this.animationCube({ random: true }); break; case 'block': this.animationBlock(); break; case 'cubeStop': this.animationCubeStop(); break; case 'cubeStopRandom': this.animationCubeStop({ random: true }); 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: true }); 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: true }); break; case 'blindWidth': this.animationBlindDimension({ height: false, 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; default: this.animationTube(); break; } }, animationCube: function(options) { var self = this; var options = $.extend({}, { random: false }, options || {}); this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeOutExpo' : this.settings.easing_default; var time_animate = 700 / this.settings.velocity; this.setActualLevel(); var division_w = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 8)); var division_h = Math.ceil(this.settings.height_skitter / (this.settings.height_skitter / 3)); var total = division_w * division_h; var width_box = Math.ceil(this.settings.width_skitter / division_w); var height_box = Math.ceil(this.settings.height_skitter / division_h); var init_top = this.settings.height_skitter + 200; var init_left = this.settings.height_skitter + 200; var col_t = 0; var 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) + (col_t * 150); var _vleft = -self.settings.width_skitter; //var _vleft = (init_left + (width_box * col)) + (col * 50); var _vtop_image = -(height_box * col_t); var _vleft_image = -(width_box * col); var _btop = (height_box * col_t); var _bleft = (width_box * col); var box_clone = this.getBoxClone(); box_clone.hide(); var delay_time = 50 * (i); if (options.random) { delay_time = 40 * (col); box_clone.css({ left: _vleft + 'px', top: _vtop + 'px', width: width_box, height: height_box }); } else { time_animate = 500; //box_clone.css({left:(this.settings.width_skitter / 2), top:this.settings.height_skitter + 50, width:width_box, height:height_box}); 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 }); } //box_clone.find('img').css({left:_vleft_image, top:_vtop_image}); //box_clone.find('img').css({left:_vleft_image+100, top:_vtop_image}); 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); if (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 }, 1000, 'easeOutBack'); } else { box_clone.find('img').css({ left: _vleft_image, top: _vtop_image }); box_clone.find('img').delay(delay_time + (time_animate / 2)).fadeTo(100, 0.5).fadeTo(300, 1); } col_t++; if (col_t == division_h) { col_t = 0; col++; } } }, animationBlock: function(options) { var self = this; this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeOutQuad' : this.settings.easing_default; var time_animate = 500 / this.settings.velocity; this.setActualLevel(); var total = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 15)); var width_box = Math.ceil(this.settings.width_skitter / total); var height_box = (this.settings.height_skitter); for (i = 0; i < total; i++) { var _bleft = (width_box * (i)); var _btop = 0; var 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); var callback = (i == (total - 1)) ? function() { self.finishAnimation(); } : ''; //box_clone.delay(delay_time).animate({top:_btop, left:_bleft, opacity:'show'}, time_animate, easing, callback); box_clone.show().delay(delay_time).animate({ top: _btop, 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; var options = $.extend({}, { random: false }, options || {}); this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeInQuad' : this.settings.easing_default; var time_animate = 300 / this.settings.velocity; var image_old = this.box_skitter.find('.image_main').attr('src'); this.setActualLevel(); this.setLinkAtual(); this.box_skitter.find('.image_main').attr({ 'src': this.settings.image_atual }); var division_w = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 8)); var division_h = Math.ceil(this.settings.height_skitter / (this.settings.width_skitter / 8)); var total = division_w * division_h; var width_box = Math.ceil(this.settings.width_skitter / division_w); var height_box = Math.ceil(this.settings.height_skitter / division_h); var init_top = 0; var init_left = 0; var col_t = 0; var col = 0; var _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); var _vleft = (init_left + (width_box * col)); var _vtop_image = -(height_box * col_t); var _vleft_image = -(width_box * col); var _btop = _vtop - _ftop; var _bleft = _vleft - _ftop; var 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; if (options.random) { time_animate = 1000 / this.settings.velocity; _btop = _vtop; _bleft = _vleft; delay_time = 30 * (Math.random() * 30); } 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++; if (col_t == division_h) { col_t = 0; col++; } } }, animationCubeHide: function(options) { var self = this; this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeOutQuad' : this.settings.easing_default; var time_animate = 500 / this.settings.velocity; var image_old = this.box_skitter.find('.image_main').attr('src'); this.setActualLevel(); this.setLinkAtual(); this.box_skitter.find('.image_main').attr({ 'src': this.settings.image_atual }); var division_w = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 8)); var division_h = Math.ceil(this.settings.height_skitter / (this.settings.height_skitter / 3)); var total = division_w * division_h; var width_box = Math.ceil(this.settings.width_skitter / division_w); var height_box = Math.ceil(this.settings.height_skitter / division_h); var init_top = 0; var init_left = 0; var col_t = 0; var 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); var _vleft = (init_left + (width_box * col)); var _vtop_image = -(height_box * col_t); var _vleft_image = -(width_box * col); var _btop = _vtop - 50; var _bleft = _vleft - 50; var 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)) ? (total * 50) : delay_time; var callback = (i == (total - 1)) ? function() { self.finishAnimation(); } : ''; box_clone.delay(delay_time).animate({ opacity: 'hide' }, time_animate, easing, callback); col_t++; if (col_t == division_h) { col_t = 0; col++; } } }, animationCubeJelly: function(options) { var self = this; this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeInBack' : this.settings.easing_default; var time_animate = 300 / this.settings.velocity; var image_old = this.box_skitter.find('.image_main').attr('src'); this.setActualLevel(); this.setLinkAtual(); this.box_skitter.find('.image_main').attr({ 'src': this.settings.image_atual }); var division_w = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 8)); var division_h = Math.ceil(this.settings.height_skitter / (this.settings.height_skitter / 3)); var total = division_w * division_h; var width_box = Math.ceil(this.settings.width_skitter / division_w); var height_box = Math.ceil(this.settings.height_skitter / division_h); var init_top = 0; var init_left = 0; var col_t = 0; var col = 0; var u = -1; for (i = 0; i < total; i++) { if (col % 2 != 0) { if (col_t == 0) { u = u + division_h + 1; } u--; } else { if (col > 0 && col_t == 0) { u = 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); var _vleft = (init_left + (width_box * col)); var _vtop_image = -(height_box * col_t); var _vleft_image = -(width_box * col); var _btop = _vtop - 50; var _bleft = _vleft - 50; var 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); var 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++; if (col_t == division_h) { col_t = 0; col++; } } }, animationCubeSize: function(options) { var self = this; this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeInOutQuad' : this.settings.easing_default; var time_animate = 600 / this.settings.velocity; var image_old = this.box_skitter.find('.image_main').attr('src'); this.setActualLevel(); this.setLinkAtual(); this.box_skitter.find('.image_main').attr({ 'src': this.settings.image_atual }); var division_w = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 8)); var division_h = Math.ceil(this.settings.height_skitter / (this.settings.height_skitter / 3)); var total = division_w * division_h; var width_box = Math.ceil(this.settings.width_skitter / division_w); var height_box = Math.ceil(this.settings.height_skitter / division_h); var init_top = 0; var init_left = 0; var col_t = 0; var col = 0; var _ftop = 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); var _vleft = (init_left + (width_box * col)); var _vtop_image = -(height_box * col_t); var _vleft_image = -(width_box * col); var _btop = _vtop - _ftop; var _bleft = _vleft - _ftop; var 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; var callback = (i == (total - 1)) ? function() { self.finishAnimation(); } : ''; box_clone.delay(delay_time).animate({ opacity: 'hide', width: 'hide', height: 'hide', top: _vtop + (width_box * 1.5), left: _vleft + (height_box * 1.5) }, time_animate, easing, callback); col_t++; if (col_t == division_h) { col_t = 0; col++; } } }, animationHorizontal: function(options) { var self = this; this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeOutExpo' : this.settings.easing_default; var time_animate = 700 / this.settings.velocity; this.setActualLevel(); var total = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 7)); var width_box = (this.settings.width_skitter); var height_box = Math.ceil(this.settings.height_skitter / total); for (i = 0; i < total; i++) { var _bleft = (i % 2 == 0 ? '' : '') + width_box; var _btop = (i * height_box); var 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; var 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; var options = $.extend({}, { random: false }, options || {}); this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeOutQuad' : this.settings.easing_default; var time_animate = 400 / this.settings.velocity; this.setActualLevel(); var total = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 10)); var width_box = Math.ceil(this.settings.width_skitter / total); var height_box = (this.settings.height_skitter); for (i = 0; i < total; i++) { var _bleft = (width_box * (i)); var _btop = 0; var box_clone = this.getBoxClone(); box_clone.css({ left: _bleft, top: _btop - 50, width: width_box, height: height_box }); box_clone.find('img').css({ left: -(width_box * i), top: 0 }); this.addBoxClone(box_clone); if (options.random) { var random = this.getRandom(total); var delay_time = 50 * random; delay_time = (i == (total - 1)) ? (50 * total) : delay_time; } else { var delay_time = 70 * (i); time_animate = time_animate - (i * 2); } 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); } }, animationTube: function(options) { var self = this; this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeOutElastic' : this.settings.easing_default; var time_animate = 600 / this.settings.velocity; this.setActualLevel(); var total = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 10)); var width_box = Math.ceil(this.settings.width_skitter / total); var height_box = this.settings.height_skitter; for (i = 0; i < total; i++) { var _btop = 0; var _vtop = height_box; var vleft = width_box * i; var 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); var delay_time = 30 * random; var callback = (i == (total - 1)) ? function() { self.finishAnimation(); } : ''; box_clone.show().delay(delay_time).animate({ top: _btop }, time_animate, easing, callback); } }, animationFade: function(options) { var self = this; this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeOutQuad' : this.settings.easing_default; var time_animate = 800 / this.settings.velocity; this.setActualLevel(); var width_box = this.settings.width_skitter; var height_box = this.settings.height_skitter; var total = 2; for (i = 0; i < total; i++) { var _vtop = 0; var _vleft = 0; var box_clone = this.getBoxClone(); box_clone.css({ left: _vleft, top: _vtop, width: width_box, height: height_box }); this.addBoxClone(box_clone); var callback = (i == (total - 1)) ? 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 = true; var easing = (this.settings.easing_default == '') ? 'easeOutQuad' : this.settings.easing_default; var time_animate = 500 / this.settings.velocity; this.setActualLevel(); var width_box = this.settings.width_skitter; var height_box = this.settings.height_skitter; var total = 4; for (i = 0; i < total; i++) { if (i == 0) { var _vtop = '-100px'; var _vleft = '-100px'; } else if (i == 1) { var _vtop = '-100px'; var _vleft = '100px'; } else if (i == 2) { var _vtop = '100px'; var _vleft = '-100px'; } else if (i == 3) { var _vtop = '100px'; var _vleft = '100px'; } var box_clone = this.getBoxClone(); box_clone.css({ left: _vleft, top: _vtop, width: width_box, height: height_box }); this.addBoxClone(box_clone); var callback = (i == (total - 1)) ? 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 = true; var easing = (this.settings.easing_default == '') ? 'easeOutQuad' : this.settings.easing_default; var time_animate = 400 / this.settings.velocity; this.setActualLevel(); var total = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 16)); var width_box = Math.ceil(this.settings.width_skitter / total); var height_box = this.settings.height_skitter; for (i = 0; i < total; i++) { var _bleft = (width_box * (i)); var _btop = 0; var box_clone = this.getBoxClone(); box_clone.css({ left: _bleft, top: _btop - 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; if (i <= ((total / 2) - 1)) { delay_time = 1400 - (i * 200); } else if (i > ((total / 2) - 1)) { delay_time = ((i - (total / 2)) * 200); } delay_time = delay_time / 2.5; var callback = (i == (total - 1)) ? function() { self.finishAnimation(); } : ''; box_clone.delay(delay_time).animate({ top: _btop + 'px', left: _bleft + 'px', opacity: 'show' }, time_animate, easing, callback); } }, animationBlind: function(options) { var self = this; var options = $.extend({}, { height: false }, options || {}); this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeOutQuad' : this.settings.easing_default; var time_animate = 400 / this.settings.velocity; this.setActualLevel(); var total = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 16)); var width_box = Math.ceil(this.settings.width_skitter / total); var height_box = this.settings.height_skitter; for (i = 0; i < total; i++) { var _bleft = (width_box * (i)); var _btop = 0; var box_clone = this.getBoxClone(); box_clone.css({ left: _bleft, top: _btop, 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) { if (i <= ((total / 2) - 1)) { delay_time = 1400 - (i * 200); } else if (i > ((total / 2) - 1)) { delay_time = ((i - (total / 2)) * 200); } var callback = (i == (total - 1)) ? function() { self.finishAnimation(); } : ''; } else { if (i <= ((total / 2) - 1)) { delay_time = 200 + (i * 200); } else if (i > ((total / 2) - 1)) { delay_time = (((total / 2) - i) * 200) + (total * 100); } var callback = (i == (total / 2)) ? function() { self.finishAnimation(); } : ''; } delay_time = delay_time / 2.5; if (!options.height) { box_clone.delay(delay_time).animate({ opacity: 'show', top: _btop + 'px', left: _bleft + 'px', width: 'show' }, time_animate, easing, callback); } else { time_animate = time_animate + (i * 2); var easing = 'easeOutQuad'; box_clone.delay(delay_time).animate({ opacity: 'show', top: _btop + 'px', left: _bleft + 'px', height: 'show' }, time_animate, easing, callback); } } }, animationBlindDimension: function(options) { var self = this; var options = $.extend({}, { height: true, time_animate: 500, delay: 100 }, options || {}); this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeOutQuad' : this.settings.easing_default; var time_animate = options.time_animate / this.settings.velocity; this.setActualLevel(); var total = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 16)); var width_box = Math.ceil(this.settings.width_skitter / total); var height_box = this.settings.height_skitter; for (i = 0; i < total; i++) { var _bleft = (width_box * (i)); var _btop = 0; var box_clone = this.getBoxClone(); box_clone.css({ left: _bleft, top: _btop, 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; var callback = (i == (total - 1)) ? function() { self.finishAnimation(); } : ''; if (!options.height) { box_clone.delay(delay_time).animate({ opacity: 'show', top: _btop + 'px', left: _bleft + 'px', width: 'show' }, time_animate, easing, callback); } else { var easing = 'easeOutQuad'; box_clone.delay(delay_time).animate({ opacity: 'show', top: _btop + 'px', left: _bleft + 'px', height: 'show' }, time_animate, easing, callback); } } }, animationDirection: function(options) { var self = this; var options = $.extend({}, { direction: 'top', delay_type: 'sequence', total: 7 }, options || {}); this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeInOutExpo' : this.settings.easing_default; var time_animate = 1200 / this.settings.velocity; var image_old = this.box_skitter.find('.image_main').attr('src'); this.setActualLevel(); this.setLinkAtual(); this.box_skitter.find('.image_main').attr({ 'src': this.settings.image_atual }); this.box_skitter.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); var height_box = this.settings.height_skitter; var _itopc = 0; var _ileftc = (width_box * i); var _ftopc = -height_box; var _fleftc = _ileftc; var _itopn = height_box; var _ileftn = _ileftc; var _ftopn = 0; var _fleftn = _ileftc; var _vtop_image = 0; var _vleft_image = -_ileftc; break; case 'bottom': var width_box = Math.ceil(this.settings.width_skitter / total); var height_box = this.settings.height_skitter; var _itopc = 0; var _ileftc = (width_box * i); var _ftopc = height_box; var _fleftc = _ileftc; var _itopn = -height_box; var _ileftn = _ileftc; var _ftopn = 0; var _fleftn = _ileftc; var _vtop_image = 0; var _vleft_image = -_ileftc; break; case 'right': var width_box = this.settings.width_skitter; var height_box = Math.ceil(this.settings.height_skitter / total); var _itopc = (height_box * i); var _ileftc = 0; var _ftopc = _itopc; var _fleftc = width_box; var _itopn = _itopc; var _ileftn = -_fleftc; var _ftopn = _itopc; var _fleftn = 0; var _vtop_image = -_itopc; var _vleft_image = 0; break; case 'left': var width_box = this.settings.width_skitter; var height_box = Math.ceil(this.settings.height_skitter / total); var _itopc = (height_box * i); var _ileftc = 0; var _ftopc = _itopc; var _fleftc = -width_box; var _itopn = _itopc; var _ileftn = -_fleftc; var _ftopn = _itopc; var _fleftn = 0; var _vtop_image = -_itopc; var _vleft_image = 0; break; } 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 = i * 100; break; } 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); // Next image 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 = true; var easing = (this.settings.easing_default == '') ? 'easeOutQuad' : this.settings.easing_default; var time_animate = 700 / this.settings.velocity; this.setActualLevel(); var division_w = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 8)); var division_h = Math.ceil(this.settings.height_skitter / (this.settings.width_skitter / 8)); var total = division_w * division_h; var width_box = Math.ceil(this.settings.width_skitter / division_w); var height_box = Math.ceil(this.settings.height_skitter / division_h); var init_top = 0; var init_left = 0; var col_t = 0; var col = 0; var order = new Array; var spread = new Array; // Make order 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); var _vleft = (init_left + (width_box * col)); order[i] = [_vtop, _vleft]; col_t++; if (col_t == division_h) { col_t = 0; col++; } } // Reset col and col_t col_t = 0; col = 0; // Make array for spread for (i = 0; i < total; i++) { spread[i] = i; }; // Shuffle array 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); var _vleft = (init_left + (width_box * col)); var _vtop_image = -(height_box * col_t); var _vleft_image = -(width_box * col); var _btop = _vtop; var _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); if (i == (total - 1)) delay_time = 30 * 30; 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++; if (col_t == division_h) { col_t = 0; col++; } } }, animationGlassCube: function(options) { var self = this; this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeOutExpo' : this.settings.easing_default; var time_animate = 500 / this.settings.velocity; this.setActualLevel(); var total = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 10)) * 2; var width_box = Math.ceil(this.settings.width_skitter / total) * 2; var height_box = (this.settings.height_skitter) / 2; var col = 0; for (i = 0; i < total; i++) { mod = (i % 2) == 0 ? true : false; var _ileft = (width_box * (col)); var _itop = (mod) ? -self.settings.height_skitter : self.settings.height_skitter; var _fleft = (width_box * (col)); var _ftop = (mod) ? 0 : (height_box); var _bleft = -(width_box * col); var _btop = (mod) ? 0 : -(height_box); var delay_time = 120 * col; var 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 }, (time_animate * 1.9), '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); if ((i % 2) != 0) col++; } }, animationGlassBlock: function(options) { var self = this; this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeOutExpo' : this.settings.easing_default; var time_animate = 700 / this.settings.velocity; this.setActualLevel(); var total = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 10)); var width_box = Math.ceil(this.settings.width_skitter / total); var height_box = (this.settings.height_skitter); for (i = 0; i < total; i++) { var _ileft = (width_box * (i)); var _itop = 0; var _fleft = (width_box * (i)); var _ftop = 0; var _bleft = -(width_box * (i)); var _btop = 0; var delay_time = 100 * i; var 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 }, (time_animate * 1.1), 'easeInOutQuad'); this.addBoxClone(box_clone); var callback = (i == (total - 1)) ? function() { self.finishAnimation(); } : ''; box_clone.delay(delay_time).animate({ top: _ftop, left: _fleft, opacity: 'show' }, time_animate, easing, callback); } }, animationCircles: function(options) { var self = this; this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeInQuad' : this.settings.easing_default; var time_animate = 500 / this.settings.velocity; this.setActualLevel(); var total = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 10)); var size_box = 100; var radius = Math.sqrt(Math.pow((this.settings.width_skitter), 2) + Math.pow((this.settings.height_skitter), 2)); var radius = Math.ceil(radius); for (i = 0; i < total; i++) { var _ileft = (self.settings.width_skitter / 2) - (size_box / 2); var _itop = (self.settings.height_skitter / 2) - (size_box / 2); var _fleft = _ileft; var _ftop = _itop; var box_clone = null; // if ($.browser.mozilla) { // box_clone = this.getBoxClone(); // box_clone.css({left: _ileft, top:_itop, width:size_box, height:size_box}).css3({ // 'border-radius': radius+'px' // }); // box_clone.find('img').css({left: -_ileft, top: -_itop}); // } // else { box_clone = this.getBoxCloneBackground({ image: self.settings.image_atual, left: _ileft, top: _itop, width: size_box, height: size_box, position: { top: -_itop, left: -_ileft } }).css3({ 'border-radius': radius + 'px' }); // } // var box_clone = this.getBoxClone(); // box_clone.css({left: _ileft, top:_itop, width:size_box, height:size_box}).css3({ // 'border-radius': radius+'px' // }); // box_clone.find('img').css({left: -_ileft, top: -_itop}); size_box += 100; this.addBoxClone(box_clone); var delay_time = 70 * i; var 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 = true; var easing = (this.settings.easing_default == '') ? 'easeInQuad' : this.settings.easing_default; var time_animate = 500 / this.settings.velocity; var image_old = this.box_skitter.find('.image_main').attr('src'); this.setActualLevel(); this.setLinkAtual(); this.box_skitter.find('.image_main').attr({ 'src': this.settings.image_atual }); var total = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 10)); var radius = Math.sqrt(Math.pow((this.settings.width_skitter), 2) + Math.pow((this.settings.height_skitter), 2)); var radius = Math.ceil(radius); var size_box = radius; for (i = 0; i < total; i++) { var _ileft = (self.settings.width_skitter / 2) - (size_box / 2); var _itop = (self.settings.height_skitter / 2) - (size_box / 2); var _fleft = _ileft; var _ftop = _itop; var box_clone = null; // if ($.browser.mozilla) { // box_clone = this.getBoxCloneImgOld(image_old); // box_clone.css({left: _ileft, top:_itop, width:size_box, height:size_box}).css3({ // 'border-radius': radius+'px' // }); // box_clone.find('img').css({left: -_ileft, top: -_itop}); // } // else { box_clone = this.getBoxCloneBackground({ image: image_old, left: _ileft, top: _itop, width: size_box, height: size_box, position: { top: -_itop, left: -_ileft } }).css3({ 'border-radius': radius + 'px' }); // } // var box_clone = this.getBoxCloneImgOld(image_old); // box_clone.css({left: _ileft, top:_itop, width:size_box, height:size_box}).css3({ // 'border-radius': radius+'px' // }); // box_clone.find('img').css({left: -_ileft, top: -_itop}); size_box -= 100; this.addBoxClone(box_clone); box_clone.show(); var delay_time = 70 * i; var 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 = true; var easing = (this.settings.easing_default == '') ? 'easeOutQuad' : this.settings.easing_default; var time_animate = 500 / this.settings.velocity; var image_old = this.box_skitter.find('.image_main').attr('src'); this.setActualLevel(); this.setLinkAtual(); this.box_skitter.find('.image_main').attr({ 'src': this.settings.image_atual }); var total = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 10)); var radius = Math.sqrt(Math.pow((this.settings.width_skitter), 2) + Math.pow((this.settings.height_skitter), 2)); var radius = Math.ceil(radius); var size_box = radius; for (i = 0; i < total; i++) { var _ileft = (self.settings.width_skitter / 2) - (size_box / 2); var _itop = (self.settings.height_skitter / 2) - (size_box / 2); var _fleft = _ileft; var _ftop = _itop; var box_clone = null; if ($.browser.mozilla) { box_clone = this.getBoxCloneImgOld(image_old); box_clone.css({ left: _ileft, top: _itop, width: size_box, height: size_box }).css3({ 'border-radius': radius + 'px' }); box_clone.find('img').css({ left: -_ileft, top: -_itop }); } else { box_clone = this.getBoxCloneBackground({ image: image_old, left: _ileft, top: _itop, width: size_box, height: size_box, position: { top: -_itop, left: -_ileft } }).css3({ 'border-radius': radius + 'px' }); } size_box -= 100; this.addBoxClone(box_clone); box_clone.show(); var delay_time = 100 * i; var callback = (i == (total - 1)) ? function() { self.finishAnimation(); } : ''; var _rotate = (i % 2 == 0) ? '20deg' : '-20deg'; box_clone.delay(delay_time).animate({ top: _ftop, left: _fleft, opacity: 'hide', rotate: _rotate }, time_animate, easing, callback); } }, animationCubeShow: function(options) { var self = this; this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeOutQuad' : this.settings.easing_default; var time_animate = 400 / this.settings.velocity; this.setActualLevel(); var division_w = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 8)); var division_h = Math.ceil(this.settings.height_skitter / (this.settings.height_skitter / 4)); var total = division_w * division_h; var width_box = Math.ceil(this.settings.width_skitter / division_w); var height_box = Math.ceil(this.settings.height_skitter / division_h); var last = false; var _btop = 0; var _bleft = 0; var line = 0; var col = 0; for (i = 0; i < total; i++) { _btop = height_box * line; _bleft = width_box * col; var delay_time = 30 * (i); var 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++; if (line == division_h) { line = 0; col++; } } }, animationDirectionBars: function(options) { var self = this; var options = $.extend({}, { direction: 'top' }, options || {}); this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeInOutQuad' : this.settings.easing_default; var time_animate = 400 / this.settings.velocity; var image_old = this.box_skitter.find('.image_main').attr('src'); this.setActualLevel(); this.setLinkAtual(); this.box_skitter.find('.image_main').attr({ 'src': this.settings.image_atual }); var total = 12; var width_box = Math.ceil(this.settings.width_skitter / total); var height_box = this.settings.height_skitter; var _ftop = (options.direction == 'top') ? -height_box : height_box; for (i = 0; i < total; i++) { var _vtop = 0; var _vleft = (width_box * i); var _vtop_image = 0; var _vleft_image = -(width_box * i); var 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 = 70 * i; var 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; var options = $.extend({}, { random: false }, options || {}); this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? 'easeOutCirc' : this.settings.easing_default; var time_animate = 700 / this.settings.velocity; var image_old = this.box_skitter.find('.image_main').attr('src'); this.setActualLevel(); this.setLinkAtual(); this.box_skitter.find('.image_main').attr({ 'src': this.settings.image_atual }); var division_w = Math.ceil(this.settings.width_skitter / (this.settings.width_skitter / 10)); var total = division_w; var width_box = Math.ceil(this.settings.width_skitter / division_w); var height_box = this.settings.height_skitter; for (i = 0; i < total; i++) { var _vtop = 0; var _vleft = width_box * i; var _vtop_image = 0; var _vleft_image = -(width_box * i); var _fleft = '+=' + width_box; var 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: _vtop_image }); var box_clone_main = this.getBoxCloneImgOld(image_old); box_clone_main.css({ left: _vleft + 'px', top: _vtop + 'px', 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; var 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; var options = $.extend({}, { direction: 'top', delay_type: 'sequence', total: 7, easing: 'easeOutCirc' }, options || {}); this.settings.is_animating = true; var easing = (this.settings.easing_default == '') ? options.easing : this.settings.easing_default; var time_animate = 500 / this.settings.velocity; var image_old = this.box_skitter.find('.image_main').attr('src'); this.setActualLevel(); this.setLinkAtual(); this.box_skitter.find('.image_main').attr({ 'src': this.settings.image_atual }); this.box_skitter.find('.image_main').hide(); var total = options.total; for (i = 0; i < total; i++) { var width_box = Math.ceil(this.settings.width_skitter / total); var height_box = this.settings.height_skitter; var _itopc = 0; var _ileftc = (width_box * i); var _ftopc = -height_box; var _fleftc = _ileftc + width_box; var _itopn = height_box; var _ileftn = _ileftc; var _ftopn = 0; var _fleftn = _ileftc; var _vtop_image = 0; var _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 = i * 100; break; } // Old image 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 }); // Next image 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 }); // Container box images 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 }); // Add containuer this.addBoxClone(box_clone_container); // Show boxes box_clone_container.show(); box_clone.show(); box_clone_next.show(); // Callback var callback = (i == (total - 1)) ? function() { self.finishAnimation(); } : ''; // Animations 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); } }, // End animations ---------------------- // Finish animation finishAnimation: function(options) { var self = this; this.box_skitter.find('.image_main').show(); this.showBoxText(); this.settings.is_animating = false; this.box_skitter.find('.image_main').attr({ 'src': this.settings.image_atual }); this.box_skitter.find('.image a').attr({ 'href': this.settings.link_atual }); if (!this.settings.is_hover_box_skitter && !this.settings.is_paused && !this.settings.is_blur) { this.timer = setTimeout(function() { self.completeMove(); }, this.settings.interval); } self.startTime(); }, // Complete move completeMove: function() { this.clearTimer(true); this.box_skitter.find('.box_clone').remove(); if (!this.settings.is_paused && !this.settings.is_blur) this.nextImage(); }, // Actual config for animation setActualLevel: function() { if ($.isFunction(this.settings.imageSwitched)) this.settings.imageSwitched(this.settings.image_i, this); this.setImageLink(); this.addClassNumber(); this.hideBoxText(); this.increasingImage(); }, // Set image and link setImageLink: function() { var name_image = this.settings.images_links[this.settings.image_i][0]; var link_image = this.settings.images_links[this.settings.image_i][1]; var label_image = this.settings.images_links[this.settings.image_i][3]; var 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; }, // Add class for number addClassNumber: function() { var self = this; this.box_skitter.find('.image_number_select').animate(self.settings.animateNumberOut, 500).removeClass('image_number_select'); $('#image_n_' + (this.settings.image_i + 1) + '_' + self.number_skitter).animate(self.settings.animateNumberActive, 700).addClass('image_number_select'); }, // Increment image_i increasingImage: function() { this.settings.image_i++; if (this.settings.image_i == this.settings.images_links.length) { this.settings.image_i = 0; } }, // Get box clone getBoxClone: function() { if (this.settings.link_atual != '#') { var img_clone = $('