// Diapo slideshow v1.0.1 - a jQuery slideshow with many effects, transitions, easy to customize, using canvas and mobile ready, based on jQuery 1.4+
// Copyright (c) 2011 by Manuel Masia - www.pixedelic.com
// Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
; (function ($) {
    $.fn.diapo = function (opts, callback) {
        var defaults = { selector: 'div', fx: 'random', mobileFx: '', slideOn: 'random', gridDifference: 250, easing: 'easeInOutExpo', mobileEasing: '', loader: 'pie', loaderOpacity: .8, loaderColor: '#ffff00', loaderBgColor: '#222222', pieDiameter: 50, piePosition: 'top:5px; right:5px', pieStroke: 8, barPosition: 'bottom', barStroke: 5, navigation: true, mobileNavigation: true, navigationHover: true, mobileNavHover: true, commands: true, mobileCommands: true, pagination: true, mobilePagination: true, thumbs: true, hover: true, pauseOnClick: true, rows: 4, cols: 6, slicedRows: 8, slicedCols: 12, time: 3000, transPeriod: 1500, autoAdvance: true, mobileAutoAdvance: true, onStartLoading: function () { }, onLoaded: function () { }, onEnterSlide: function () { }, onStartTransition: function () { } }; function isMobile() { if (navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPad/i) || navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i)) { return true; } }
        var opts = $.extend({}, defaults, opts); var elem = this; var h = elem.height(); var w = elem.width(); var u; var clickEv, autoAdv, navigation, navHover, commands, pagination; if (isMobile()) { clickEv = 'tap'; } else { clickEv = 'click'; }
        if (isMobile()) { autoAdv = opts.mobileAutoAdvance; } else { autoAdv = opts.autoAdvance; }
        if (autoAdv == false) { elem.addClass('stopped'); }
        if (isMobile()) { navigation = opts.mobileNavigation; } else { navigation = opts.navigation; }
        if (isMobile()) { navHover = opts.mobileNavHover; } else { navHover = opts.navigationHover; }
        if (isMobile()) { commands = opts.mobileCommands; } else { commands = opts.commands; }
        if (isMobile()) { pagination = opts.mobilePagination; } else { pagination = opts.pagination; }
        function loadimages(imgArr, callback) { if (!$.browser.msie || ($.browser.msie && $.browser.version == 9)) { var imagesLoaded = 0; opts.onStartLoading.call(this); $.each(imgArr, function (i, image) { var img = new Image(); img.onload = function () { imagesLoaded++; if (imagesLoaded == imgArr.length) { opts.onLoaded.call(this); callback(); } }; img.src = image; }); $('.pix_diapo').css('display','block'); } else { callback(); $('.pix_diapo').css('display','block'); } }
        if (elem.length != 0) {
            var selector = $('> ' + opts.selector, elem).not('#pix_canvas').not('#pix_canvas_wrap').not('#pix_next').not('#pix_prev').not('#pix_commands'); selector.wrapInner('<div class="pix_relativize" style="width:' + w + 'px; height:' + h + 'px" />'); var amountSlide = selector.length; var nav; function imgFake() { $('*[data-fake]', elem).each(function () { var t = $(this); var imgFakeUrl = t.attr('data-fake'); var imgFake = new Image(); imgFake.src = imgFakeUrl; t.after($(imgFake).attr('class', 'imgFake')); var clone = t.clone(); t.remove(); $('.elemToHide').show(); $(imgFake)[clickEv](function () { $(this).hide().after(clone); $('.elemToHide').hide(); }); }); }
            imgFake(); if (opts.hover == true) { if (!isMobile()) { elem.hoverIntent({ over: function () { elem.addClass('stopped'); }, out: function () { if (autoAdv != false) { elem.removeClass('stopped'); } }, timeout: 0 }); } }
            if (navHover == true) { if (isMobile()) { elem.live('vmouseover', function () { $('#pix_prev, #pix_next').animate({ opacity: 1 }, 200); }); elem.live('vmouseout', function () { $('#pix_prev, #pix_next').delay(500).animate({ opacity: 0 }, 200); }); } else { elem.hover(function () { $('#pix_prev, #pix_next').stop(true, false).animate({ opacity: 1 }, 200); }, function () { $('#pix_prev, #pix_next').stop(true, false).animate({ opacity: 0 }, 200); }); } }
            $.fn.diapoStop = function () { autoAdv = false; elem.addClass('stopped'); if ($('#pix_stop').length) { $('#pix_stop').fadeOut(100, function () { $('#pix_play').fadeIn(100); if (opts.loader != 'none') { $('#pix_canvas').fadeOut(100); } }); } else { if (opts.loader != 'none') { $('#pix_canvas').fadeOut(100); } } }
            $('#pix_stop').live('click', function () { elem.diapoStop(); }); $.fn.diapoPlay = function () { autoAdv = true; elem.removeClass('stopped'); if ($('#pix_play').length) { $('#pix_play').fadeOut(100, function () { $('#pix_stop').fadeIn(100); if (opts.loader != 'none') { $('#pix_canvas').fadeIn(100); } }); } else { if (opts.loader != 'none') { $('#pix_canvas').fadeIn(100); } } }
            $('#pix_play').live('click', function () { elem.diapoPlay(); }); if (opts.pauseOnClick == true) { selector[clickEv](function () { autoAdv = false; elem.addClass('stopped'); $('#pix_stop').fadeOut(100, function () { $('#pix_play').fadeIn(100); $('#pix_canvas').fadeOut(100); }); }); }
            var allImg = new Array(); $('img', elem).each(function () { allImg.push($(this).attr('src')); }); if (!$.browser.msie) { $('div, span, a', elem).each(function () { var bG = $(this).css('background'); var bG2 = $(this).attr('style'); if (typeof bG !== 'undefined' && bG !== false && bG.indexOf("url") != -1) { var bGstart = bG.lastIndexOf('url(') + 4; var bGfinish = bG.lastIndexOf(')'); bG = bG.substring(bGstart, bGfinish); bG = bG.replace(/'/g, ''); bG = bG.replace(/"/g, ''); allImg.push(bG); } else if (typeof bG2 !== 'undefined' && bG2 !== false && bG2.indexOf("url") != -1) { var bG2start = bG2.lastIndexOf('url(') + 4; var bG2finish = bG2.lastIndexOf(')'); bG2 = bG2.substring(bG2start, bG2finish); bG2 = bG2.replace(/'/g, ''); bG2 = bG2.replace(/"/g, ''); allImg.push(bG2); } }); }
            loadimages(allImg, nextSlide);
        }
        function shuffle(arr) { for (var j, x, i = arr.length; i; j = parseInt(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x); return arr; }
        function isInteger(s) { return Math.ceil(s) == Math.floor(s); }
        if (($.browser.msie && $.browser.version < 9) || opts.loader == 'bar') {
            elem.append('<span id="pix_canvas" />'); var canvas = $("#pix_canvas"); if (opts.barPosition == 'top') { canvas.css({ 'top': 0 }); } else { canvas.css({ 'bottom': 0 }); }
            canvas.css({ 'position': 'absolute', 'left': 0, 'z-index': 1001, 'height': opts.barStroke, 'width': 0, 'background-color': opts.loaderColor });
        } else { elem.append('<canvas id="pix_canvas"></canvas>'); var G_vmlCanvasManager; var canvas = document.getElementById("pix_canvas"); canvas.setAttribute("width", opts.pieDiameter); canvas.setAttribute("height", opts.pieDiameter); canvas.setAttribute("style", "position:absolute; z-index:1002; " + opts.piePosition); var rad; var radNew; if (canvas && canvas.getContext) { var ctx = canvas.getContext("2d"); ctx.rotate(Math.PI * (3 / 2)); ctx.translate(-opts.pieDiameter, 0); } }
        if (opts.loader == 'none' || autoAdv == false) { $('#pix_canvas, #pix_canvas_wrap').hide(); }
        if (navigation == true) { elem.append('<div id="pix_prev" />').append('<div id="pix_next" />'); $('#pix_prev').animate({ opacity: 0 }, 200); }
        elem.after('<div id="pix_pag" />'); if (pagination == true) { $('#pix_pag').append('<ul id="pix_pag_ul" />'); var li; for (li = 0; li < amountSlide; li++) { $('#pix_pag_ul').append('<li id="pag_nav_' + li + '" style="position:relative; z-index:1002"><span><span>' + li + '</span></span></li>'); if (opts.thumbs == true) { var dataThumb = selector.eq(li).attr('data-thumb'); var newImg = new Image(); newImg.src = dataThumb; $('li#pag_nav_' + li).append($(newImg).attr('class', 'pix_thumb').css('position', 'absolute').animate({ opacity: 0 }, 0)); $('li#pag_nav_' + li + ' > img').after('<div class="thumb_arrow" />'); $('li#pag_nav_' + li + ' > .thumb_arrow').animate({ opacity: 0 }, 0); if (!isMobile()) { $('#pix_pag li').hover(function () { $('.pix_thumb, .thumb_arrow', this).addClass('visible').stop(true, false).animate({ 'margin-top': -15, opacity: 1 }, 300, 'easeOutQuad'); }, function () { $('.pix_thumb, .thumb_arrow', this).removeClass('visible').stop(true, false).animate({ 'margin-top': 0, opacity: 0 }, 150); }); } } } }
        if (commands == true) { $('#pix_pag').append('<div id="pix_commands" />'); $('#pix_pag').find('#pix_commands').append('<div id="pix_play" />').append('<div id="pix_stop" />'); if (autoAdv == true) { $('#pix_play').hide(); $('#pix_stop').show(); } else { $('#pix_stop').hide(); $('#pix_play').show(); } }
        if (navHover == true) { $('#pix_prev, #pix_next').animate({ opacity: 0 }, 0); }
        function canvasLoader() { opts.onStartTransition.call(this); rad = 0; if (($.browser.msie && $.browser.version < 9) || opts.loader == 'bar') { $('#pix_canvas').css({ 'width': 0 }); } else { ctx.clearRect(0, 0, opts.pieDiameter, opts.pieDiameter); } }
        canvasLoader(); $('.fromLeft, .fromRight, .fromTop, .fromBottom, .fadeIn').each(function () { $(this).css('visibility', 'hidden'); }); function nextSlide(nav) {
            elem.addClass('diaposliding'); var vis = parseFloat($('> ' + opts.selector + '.diapocurrent', elem).not('#pix_canvas').not('#pix_canvas_wrap').not('#pix_next').not('#pix_prev').not('#pix_commands').index()); if (nav > 0) { var i = nav - 1; } else if (vis == amountSlide - 1) { var i = 0; } else { var i = vis + 1; }
            var rows = opts.rows, cols = opts.cols, couples = 1, difference = 0, dataSlideOn, time, fx, easing, randomFx = new Array('simpleFade', 'curtainTopLeft', 'curtainTopRight', 'curtainBottomLeft', 'curtainBottomRight', 'curtainSliceLeft', 'curtainSliceRight', 'blindCurtainTopLeft', 'blindCurtainTopRight', 'blindCurtainBottomLeft', 'blindCurtainBottomRight', 'blindCurtainSliceBottom', 'blindCurtainSliceTop', 'stampede', 'mosaic', 'mosaicReverse', 'mosaicRandom', 'mosaicSpiral', 'mosaicSpiralReverse', 'topLeftBottomRight', 'bottomRightTopLeft', 'bottomLeftTopRight', 'bottomLeftTopRight', 'scrollLeft', 'scrollRight', 'scrollTop', 'scrollBottom', 'scrollHorz'); marginLeft = 0, marginTop = 0; if (isMobile()) { var dataFx = selector.eq(i).attr('data-fx'); } else { var dataFx = selector.eq(i).attr('data-mobileFx'); }
            if (typeof dataFx !== 'undefined' && dataFx !== false) { fx = dataFx; } else {
                if (isMobile() && opts.mobileFx != '') { fx = opts.mobileFx; } else { fx = opts.fx; }
                if (fx == 'random') { fx = shuffle(randomFx); fx = fx[0]; } else { fx = fx; if (fx.indexOf(',') > 0) { fx = fx.replace(/ /g, ''); fx = fx.split(','); fx = shuffle(fx); fx = fx[0]; } } 
            }
            if (isMobile() && opts.mobileEasing != '') { easing = opts.mobileEasing; } else { easing = opts.easing; }
            dataSlideOn = selector.eq(i).attr('data-slideOn'); if (typeof dataSlideOn !== 'undefined' && dataSlideOn !== false) { slideOn = dataSlideOn; } else { if (opts.slideOn == 'random') { var slideOn = new Array('next', 'prev'); slideOn = shuffle(slideOn); slideOn = slideOn[0]; } else { slideOn = opts.slideOn; } }
            time = selector.eq(i).attr('data-time'); if (typeof time !== 'undefined' && time !== false) { time = time; } else { time = opts.time; }
            if (!$(elem).hasClass('diapostarted')) { fx = 'simpleFade'; slideOn = 'next'; $(elem).addClass('diapostarted') }
            switch (fx) {
                case 'simpleFade': cols = 1; rows = 1; break; case 'curtainTopLeft': if (opts.slicedCols == 0) { cols = opts.cols; } else { cols = opts.slicedCols; }
                    rows = 1; break; case 'curtainTopRight': if (opts.slicedCols == 0) { cols = opts.cols; } else { cols = opts.slicedCols; }
                    rows = 1; break; case 'curtainBottomLeft': if (opts.slicedCols == 0) { cols = opts.cols; } else { cols = opts.slicedCols; }
                    rows = 1; break; case 'curtainBottomRight': if (opts.slicedCols == 0) { cols = opts.cols; } else { cols = opts.slicedCols; }
                    rows = 1; break; case 'curtainSliceLeft': if (opts.slicedCols == 0) { cols = opts.cols; } else { cols = opts.slicedCols; }
                    rows = 1; break; case 'curtainSliceRight': if (opts.slicedCols == 0) { cols = opts.cols; } else { cols = opts.slicedCols; }
                    rows = 1; break; case 'blindCurtainTopLeft': if (opts.slicedRows == 0) { rows = opts.rows; } else { rows = opts.slicedRows; }
                    cols = 1; break; case 'blindCurtainTopRight': if (opts.slicedRows == 0) { rows = opts.rows; } else { rows = opts.slicedRows; }
                    cols = 1; break; case 'blindCurtainBottomLeft': if (opts.slicedRows == 0) { rows = opts.rows; } else { rows = opts.slicedRows; }
                    cols = 1; break; case 'blindCurtainBottomRight': if (opts.slicedRows == 0) { rows = opts.rows; } else { rows = opts.slicedRows; }
                    cols = 1; break; case 'blindCurtainSliceTop': if (opts.slicedRows == 0) { rows = opts.rows; } else { rows = opts.slicedRows; }
                    cols = 1; break; case 'blindCurtainSliceBottom': if (opts.slicedRows == 0) { rows = opts.rows; } else { rows = opts.slicedRows; }
                    cols = 1; break; case 'stampede': difference = '-' + opts.transPeriod; break; case 'mosaic': difference = opts.gridDifference; break; case 'mosaicReverse': difference = opts.gridDifference; break; case 'mosaicRandom': break; case 'mosaicSpiral': difference = opts.gridDifference; couples = 1.7; break; case 'mosaicSpiralReverse': difference = opts.gridDifference; couples = 1.7; break; case 'topLeftBottomRight': difference = opts.gridDifference; couples = 6; break; case 'bottomRightTopLeft': difference = opts.gridDifference; couples = 6; break; case 'bottomLeftTopRight': difference = opts.gridDifference; couples = 6; break; case 'topRightBottomLeft': difference = opts.gridDifference; couples = 6; break; case 'scrollLeft': cols = 1; rows = 1; break; case 'scrollRight': cols = 1; rows = 1; break; case 'scrollTop': cols = 1; rows = 1; break; case 'scrollBottom': cols = 1; rows = 1; break; case 'scrollHorz': cols = 1; rows = 1; break;
            }
            var cycle = 0; var blocks = rows * cols; var leftScrap = w - (Math.floor(w / cols) * cols); var topScrap = h - (Math.floor(h / rows) * rows); var addLeft; var addTop; var tAppW = 0; var tAppH = 0; var arr = new Array(); var delay = new Array(); var order = new Array(); while (cycle < blocks) {
                arr.push(cycle); delay.push(cycle); elem.append('<div class="diapoappended" style="display:none; overflow:hidden; position:absolute; z-index:1000" />'); var tApp = $('.diapoappended:eq(' + cycle + ')'); tApp.find('iframe').remove(); if (fx == 'scrollLeft' || fx == 'scrollRight' || fx == 'scrollTop' || fx == 'scrollBottom' || fx == 'scrollHorz') { selector.eq(i).clone().show().appendTo(tApp); } else { if (slideOn == 'next') { selector.eq(i).clone().show().appendTo(tApp); } else { selector.eq(vis).clone().show().appendTo(tApp); } }
                if (cycle % cols < leftScrap) { addLeft = 1; } else { addLeft = 0; }
                if (cycle % cols == 0) { tAppW = 0; }
                if (Math.floor(cycle / cols) < topScrap) { addTop = 1; } else { addTop = 0; }
                tApp.css({ 'height': Math.floor((h / rows) + addTop + 1), 'left': tAppW, 'top': tAppH, 'width': Math.floor((w / cols) + addLeft + 1) }); $('> ' + opts.selector, tApp).not('#pix_canvas').not('#pix_canvas_wrap').not('#pix_next').not('#pix_prev').not('#pix_commands').css({ 'height': h, 'margin-left': '-' + tAppW + 'px', 'margin-top': '-' + tAppH + 'px', 'width': w }); tAppW = tAppW + tApp.width() - 1; if (cycle % cols == cols - 1) { tAppH = tAppH + tApp.height() - 1; }
                cycle++;
            }
            switch (fx) {
                case 'curtainTopLeft': break; case 'curtainBottomLeft': break; case 'curtainSliceLeft': break; case 'curtainTopRight': arr = arr.reverse(); break; case 'curtainBottomRight': arr = arr.reverse(); break; case 'curtainSliceRight': arr = arr.reverse(); break; case 'blindCurtainTopLeft': break; case 'blindCurtainBottomLeft': arr = arr.reverse(); break; case 'blindCurtainSliceTop': break; case 'blindCurtainTopRight': break; case 'blindCurtainBottomRight': arr = arr.reverse(); break; case 'blindCurtainSliceBottom': arr = arr.reverse(); break; case 'stampede': arr = shuffle(arr); break; case 'mosaic': break; case 'mosaicReverse': arr = arr.reverse(); break; case 'mosaicRandom': arr = shuffle(arr); break; case 'mosaicSpiral': var rows2 = rows / 2, x, y, z, n = 0; for (z = 0; z < rows2; z++) {
                        y = z; for (x = z; x < cols - z - 1; x++) { order[n++] = y * cols + x; }
                        x = cols - z - 1; for (y = z; y < rows - z - 1; y++) { order[n++] = y * cols + x; }
                        y = rows - z - 1; for (x = cols - z - 1; x > z; x--) { order[n++] = y * cols + x; }
                        x = z; for (y = rows - z - 1; y > z; y--) { order[n++] = y * cols + x; } 
                    }
                    arr = order; break; case 'mosaicSpiralReverse': var rows2 = rows / 2, x, y, z, n = blocks - 1; for (z = 0; z < rows2; z++) {
                        y = z; for (x = z; x < cols - z - 1; x++) { order[n--] = y * cols + x; }
                        x = cols - z - 1; for (y = z; y < rows - z - 1; y++) { order[n--] = y * cols + x; }
                        y = rows - z - 1; for (x = cols - z - 1; x > z; x--) { order[n--] = y * cols + x; }
                        x = z; for (y = rows - z - 1; y > z; y--) { order[n--] = y * cols + x; } 
                    }
                    arr = order; break; case 'topLeftBottomRight': for (var y = 0; y < rows; y++)
                        for (var x = 0; x < cols; x++) { order.push(x + y); }
                    delay = order; break; case 'bottomRightTopLeft': for (var y = 0; y < rows; y++)
                        for (var x = 0; x < cols; x++) { order.push(x + y); }
                    delay = order.reverse(); break; case 'bottomLeftTopRight': for (var y = rows; y > 0; y--)
                        for (var x = 0; x < cols; x++) { order.push(x + y); }
                    delay = order; break; case 'topRightBottomLeft': for (var y = 0; y < rows; y++)
                        for (var x = cols; x > 0; x--) { order.push(x + y); }
                    delay = order; break;
            }
            $.each(arr, function (index, value) {
                if (value % cols < leftScrap) { addLeft = 1; } else { addLeft = 0; }
                if (value % cols == 0) { tAppW = 0; }
                if (Math.floor(value / cols) < topScrap) { addTop = 1; } else { addTop = 0; }
                $('.interval').text(fx); switch (fx) {
                    case 'simpleFade': height = h; width = w; break; case 'curtainTopLeft': height = 0, width = Math.floor((w / cols) + addLeft + 1), marginTop = '-' + Math.floor((h / rows) + addTop + 1) + 'px'; break; case 'curtainTopRight': height = 0, width = Math.floor((w / cols) + addLeft + 1), marginTop = '-' + Math.floor((h / rows) + addTop + 1) + 'px'; break; case 'curtainBottomLeft': height = 0, width = Math.floor((w / cols) + addLeft + 1), marginTop = Math.floor((h / rows) + addTop + 1) + 'px'; break; case 'curtainBottomRight': height = 0, width = Math.floor((w / cols) + addLeft + 1), marginTop = Math.floor((h / rows) + addTop + 1) + 'px'; break; case 'curtainSliceLeft': height = 0, width = Math.floor((w / cols) + addLeft + 1); if (value % 2 == 0) { marginTop = Math.floor((h / rows) + addTop + 1) + 'px'; } else { marginTop = '-' + Math.floor((h / rows) + addTop + 1) + 'px'; }
                        break; case 'curtainSliceRight': height = 0, width = Math.floor((w / cols) + addLeft + 1); if (value % 2 == 0) { marginTop = Math.floor((h / rows) + addTop + 1) + 'px'; } else { marginTop = '-' + Math.floor((h / rows) + addTop + 1) + 'px'; }
                        break; case 'blindCurtainTopLeft': height = Math.floor((h / rows) + addTop + 1), width = 0, marginLeft = '-' + Math.floor((w / cols) + addLeft + 1) + 'px'; break; case 'blindCurtainTopRight': height = Math.floor((h / rows) + addTop + 1), width = 0, marginLeft = Math.floor((w / cols) + addLeft + 1) + 'px'; break; case 'blindCurtainBottomLeft': height = Math.floor((h / rows) + addTop + 1), width = 0, marginLeft = '-' + Math.floor((w / cols) + addLeft + 1) + 'px'; break; case 'blindCurtainBottomRight': height = Math.floor((h / rows) + addTop + 1), width = 0, marginLeft = Math.floor((w / cols) + addLeft + 1) + 'px'; break; case 'blindCurtainSliceBottom': height = Math.floor((h / rows) + addTop + 1), width = 0; if (value % 2 == 0) { marginLeft = '-' + Math.floor((w / cols) + addLeft + 1) + 'px'; } else { marginLeft = Math.floor((w / cols) + addLeft + 1) + 'px'; }
                        break; case 'blindCurtainSliceTop': height = Math.floor((h / rows) + addTop + 1), width = 0; if (value % 2 == 0) { marginLeft = '-' + Math.floor((w / cols) + addLeft + 1) + 'px'; } else { marginLeft = Math.floor((w / cols) + addLeft + 1) + 'px'; }
                        break; case 'stampede': height = 0; width = 0; marginLeft = (w * 0.2) * (((index) % cols) - (cols - (Math.floor(cols / 2)))) + 'px'; marginTop = (h * 0.2) * ((Math.floor(index / cols) + 1) - (rows - (Math.floor(rows / 2)))) + 'px'; break; case 'mosaic': height = 0; width = 0; break; case 'mosaicReverse': height = 0; width = 0; marginLeft = Math.floor((w / cols) + addLeft + 1) + 'px'; marginTop = Math.floor((h / rows) + addTop + 1) + 'px'; break; case 'mosaicRandom': height = 0; width = 0; marginLeft = Math.floor((w / cols) + addLeft + 1) * 0.5 + 'px'; marginTop = Math.floor((h / rows) + addTop + 1) * 0.5 + 'px'; break; case 'mosaicSpiral': height = 0; width = 0; marginLeft = Math.floor((w / cols) + addLeft + 1) * 0.5 + 'px'; marginTop = Math.floor((h / rows) + addTop + 1) * 0.5 + 'px'; break; case 'mosaicSpiralReverse': height = 0; width = 0; marginLeft = Math.floor((w / cols) + addLeft + 1) * 0.5 + 'px'; marginTop = Math.floor((h / rows) + addTop + 1) * 0.5 + 'px'; break; case 'topLeftBottomRight': height = 0; width = 0; break; case 'bottomRightTopLeft': height = 0; width = 0; marginLeft = Math.floor((w / cols) + addLeft + 1) + 'px'; marginTop = Math.floor((h / rows) + addTop + 1) + 'px'; break; case 'bottomLeftTopRight': height = 0; width = 0; marginLeft = 0; marginTop = Math.floor((h / rows) + addTop + 1) + 'px'; break; case 'topRightBottomLeft': height = 0; width = 0; marginLeft = Math.floor((w / cols) + addLeft + 1) + 'px'; marginTop = '-' + Math.floor((h / rows) + addTop + 1) + 'px'; break; case 'scrollRight': height = h; width = w; marginLeft = -w; break; case 'scrollLeft': height = h; width = w; marginLeft = w; break; case 'scrollTop': height = h; width = w; marginTop = h; break; case 'scrollBottom': height = h; width = w; marginTop = -h; break; case 'scrollHorz': height = h; width = w; if (vis == 0 && i == amountSlide - 1) { marginLeft = -w; } else if (vis < i || (vis == amountSlide - 1 && i == 0)) { marginLeft = w; } else { marginLeft = -w; }
                        break;
                }
                var tApp = $('.diapoappended:eq(' + value + ')'); start = new Date().valueOf() + (opts.transPeriod + difference); if (typeof u !== 'undefined') { clearInterval(u); setTimeout(canvasLoader, opts.transPeriod + difference); }
                function diapoeased() {
                    $(this).addClass('diapoeased'); if ($('.diapoeased').length == blocks) {
                        opts.onEnterSlide.call(this); $('.fromLeft, .fromRight, .fromTop, .fromBottom, .fadeIn').each(function () { $(this).css('visibility', 'hidden'); }); selector.eq(i).show().css('z-index', '999').addClass('diapocurrent'); selector.eq(vis).css('z-index', '1').removeClass('diapocurrent'); var lMoveIn = selector.eq(i).find('.fromLeft, .fromRight, .fromTop, .fromBottom, .fadeIn').length; if (lMoveIn != 0) {
                            $('.diapocurrent .fromLeft, .diapocurrent .fromRight, .diapocurrent .fromTop, .diapocurrent .fromBottom, .diapocurrent .fadeIn').each(function () {
                                if ($(this).attr('data-easing') != '') { var easeMove = $(this).attr('data-easing'); } else { var easeMove = easing; }
                                var t = $(this); var wMoveIn = t.width(); var hMoveIn = t.outerHeight(); t.css('width', wMoveIn); var pos = t.position(); var left = pos.left; var top = pos.top; var tClass = t.attr('class'); var ind = t.index(); var hRel = t.parents('.pix_relativize').height(); var wRel = t.parents('.pix_relativize').width(); if (tClass.indexOf("fromLeft") != -1) { t.css({ 'left': '-' + wRel + 'px', 'right': 'auto' }); t.css('visibility', 'visible').delay((time / lMoveIn) * (0.1 * (ind - 1))).animate({ 'left': pos.left }, (time / lMoveIn) * 0.2, easeMove); } else if (tClass.indexOf("fromRight") != -1) { t.css({ 'left': wRel + 'px', 'right': 'auto' }); t.css('visibility', 'visible').delay((time / lMoveIn) * (0.1 * (ind - 1))).animate({ 'left': pos.left }, (time / lMoveIn) * 0.2, easeMove); } else if (tClass.indexOf("fromTop") != -1) { t.css({ 'top': '-' + hRel + 'px', 'bottom': 'auto' }); t.css('visibility', 'visible').delay((time / lMoveIn) * (0.1 * (ind - 1))).animate({ 'top': pos.top }, (time / lMoveIn) * 0.2, easeMove); } else if (tClass.indexOf("fromBottom") != -1) { t.css({ 'top': hRel + 'px', 'bottom': 'auto' }); t.css('visibility', 'visible').delay((time / lMoveIn) * (0.1 * (ind - 1))).animate({ 'top': pos.top }, (time / lMoveIn) * 0.2, easeMove); } else if (tClass.indexOf("fadeIn") != -1) { t.animate({ opacity: 0 }, 0).css('visibility', 'visible').delay((time / lMoveIn) * (0.1 * (ind - 1))).animate({ opacity: 1 }, (time / lMoveIn) * 0.2, easeMove); } 
                            });
                        }
                        if (pagination == true) { $('#pix_pag li').removeClass('diapocurrent'); $('#pix_pag li').eq(i).addClass('diapocurrent'); }
                        $('.diapoappended').remove(); elem.removeClass('diaposliding'); selector.eq(vis).hide(); $('#pix_canvas').animate({ opacity: opts.loaderOpacity }, 400); u = setInterval(function () {
                            if (($.browser.msie && $.browser.version < 9) || opts.loader == 'bar') {
                                if (rad <= 1 && !elem.hasClass('stopped')) { rad = rad + 0.01; } else if (rad <= 1 && (elem.hasClass('stopped'))) { rad = rad; } else {
                                    if (!elem.hasClass('stopped'))
                                        imgFake(); clearInterval(u); $('#pix_canvas').animate({ opacity: 0 }, 200, function () { setTimeout(canvasLoader, opts.transPeriod + difference); nextSlide(); });
                                }
                                canvas.css({ 'width': (w * rad) });
                            } else {
                                radNew = rad; ctx.clearRect(0, 0, opts.pieDiameter, opts.pieDiameter); ctx.globalCompositeOperation = 'destination-over'; ctx.beginPath(); ctx.arc((opts.pieDiameter) / 2, (opts.pieDiameter) / 2, (opts.pieDiameter) / 2 - opts.pieStroke, 0, Math.PI * 2, false); ctx.lineWidth = opts.pieStroke; ctx.strokeStyle = opts.loaderBgColor; ctx.stroke(); ctx.closePath(); ctx.globalCompositeOperation = 'source-over'; ctx.beginPath(); ctx.arc((opts.pieDiameter) / 2, (opts.pieDiameter) / 2, (opts.pieDiameter) / 2 - opts.pieStroke, 0, Math.PI * 2 * radNew, false); ctx.lineWidth = opts.pieStroke - 4; ctx.strokeStyle = opts.loaderColor; ctx.stroke(); ctx.closePath(); if (rad <= 1 && !elem.hasClass('stopped')) { rad = rad + 0.01; } else if (rad <= 1 && (elem.hasClass('stopped'))) { rad = rad; } else {
                                    if (!elem.hasClass('stopped'))
                                        imgFake(); clearInterval(u); $('#pix_canvas, #pix_canvas_wrap').animate({ opacity: 0 }, 200, function () { setTimeout(canvasLoader, opts.transPeriod + difference); nextSlide(); });
                                } 
                            } 
                        }, (time) * 0.01);
                    } 
                }
                if (fx == 'scrollLeft' || fx == 'scrollRight' || fx == 'scrollTop' || fx == 'scrollBottom' || fx == 'scrollHorz') { tApp.delay((((opts.transPeriod + difference) / blocks) * delay[index] * couples) * 0.5).css({ 'display': 'block', 'height': height, 'margin-left': marginLeft, 'margin-top': marginTop, 'width': width }).animate({ 'height': Math.floor((h / rows) + addTop + 1), 'margin-top': 0, 'margin-left': 0, 'width': Math.floor((w / cols) + addLeft + 1) }, (opts.transPeriod - difference), easing, diapoeased); selector.eq(vis).delay((((opts.transPeriod + difference) / blocks) * delay[index] * couples) * 0.5).animate({ 'margin-left': marginLeft * (-1), 'margin-top': marginTop * (-1) }, (opts.transPeriod - difference), easing, function () { jQuery(this).css({ 'margin-top': 0, 'margin-left': 0 }); }); } else { if (slideOn == 'next') { tApp.delay((((opts.transPeriod + difference) / blocks) * delay[index] * couples) * 0.5).css({ 'display': 'block', 'height': height, 'margin-left': marginLeft, 'margin-top': marginTop, 'width': width, 'opacity': 0 }).animate({ 'height': Math.floor((h / rows) + addTop + 1), 'margin-top': 0, 'margin-left': 0, 'opacity': 1, 'width': Math.floor((w / cols) + addLeft + 1) }, (opts.transPeriod - difference), easing, diapoeased); } else { selector.eq(i).show().css('z-index', '999').addClass('diapocurrent'); selector.eq(vis).css('z-index', '1').removeClass('diapocurrent'); tApp.delay((((opts.transPeriod + difference) / blocks) * delay[index] * couples) * 0.5).css({ 'display': 'block', 'height': Math.floor((h / rows) + addTop + 1), 'margin-top': 0, 'margin-left': 0, 'opacity': 1, 'width': Math.floor((w / cols) + addLeft + 1) }).animate({ 'height': height, 'margin-left': marginLeft, 'margin-top': marginTop, 'width': width, 'opacity': 0 }, (opts.transPeriod - difference), easing, diapoeased); } }
                if (navigation == true) { $('#pix_prev')[clickEv](function () { if (!elem.hasClass('diaposliding')) { var idNum = parseFloat($('.diapocurrent').index()); clearInterval(u); imgFake(); $('#pix_canvas, #pix_canvas_wrap').animate({ opacity: 0 }, 0); canvasLoader(); if (idNum != 0) { nextSlide(idNum); } else { nextSlide(amountSlide); } } }); $('#pix_next')[clickEv](function () { if (!elem.hasClass('diaposliding')) { var idNum = parseFloat($('.diapocurrent').index()); clearInterval(u); imgFake(); $('#pix_canvas, #pix_canvas_wrap').animate({ opacity: 0 }, 0); canvasLoader(); if (idNum == amountSlide - 1) { nextSlide(1); } else { nextSlide(idNum + 2); } } }); }
                if (isMobile()) { elem.live('swipeleft', function (event) { if (!elem.hasClass('diaposliding')) { var idNum = parseFloat($('.diapocurrent').index()); clearInterval(u); imgFake(); $('#pix_canvas, #pix_canvas_wrap').animate({ opacity: 0 }, 0); canvasLoader(); if (idNum == amountSlide - 1) { nextSlide(1); } else { nextSlide(idNum + 2); } } }); elem.live('swiperight', function (event) { if (!elem.hasClass('diaposliding')) { var idNum = parseFloat($('.diapocurrent').index()); clearInterval(u); imgFake(); $('#pix_canvas, #pix_canvas_wrap').animate({ opacity: 0 }, 0); canvasLoader(); if (idNum != 0) { nextSlide(idNum); } else { nextSlide(amountSlide); } } }); }
                if (pagination == true) { $('#pix_pag li')[clickEv](function () { if (!elem.hasClass('diaposliding')) { var idNum = parseFloat($(this).index()); var curNum = parseFloat($('.diapocurrent').index()); if (idNum != curNum) { clearInterval(u); imgFake(); $('#pix_canvas, #pix_canvas_wrap').animate({ opacity: 0 }, 0); canvasLoader(); nextSlide(idNum + 1); } } }); }
                if (opts.thumbs == true) { $('#pix_pag li .pix_thumb')[clickEv](function () { if (!elem.hasClass('diaposliding')) { var idNum = parseFloat($(this).parents('li').index()); var curNum = parseFloat($('.diapocurrent').index()); if (idNum != curNum) { clearInterval(u); imgFake(); $('#pix_canvas, #pix_canvas_wrap').animate({ opacity: 0 }, 0); canvasLoader(); nextSlide(idNum + 1); } } }); } 
            });
        } 
    } 
})(jQuery);