/************************************************ * REVOLUTION 5.4.6.4 EDIT LAYER TIMELINE JS * @version: 2.1 (06.03.2018) * @author ThemePunch ************************************************/ /* perfect-scrollbar v0.6.11 */ !function t(e,n,r){function o(l,a){if(!n[l]){if(!e[l]){var s="function"==typeof require&&require;if(!a&&s)return s(l,!0);if(i)return i(l,!0);var c=new Error("Cannot find module '"+l+"'");throw c.code="MODULE_NOT_FOUND",c}var u=n[l]={exports:{}};e[l][0].call(u.exports,function(t){var n=e[l][1][t];return o(n?n:t)},u,u.exports,t,e,n,r)}return n[l].exports}for(var i="function"==typeof require&&require,l=0;l<r.length;l++)o(r[l]);return o}({1:[function(t,e,n){"use strict";function r(t){t.fn.perfectScrollbar=function(t){return this.each(function(){if("object"==typeof t||"undefined"==typeof t){var e=t;i.get(this)||o.initialize(this,e)}else{var n=t;"update"===n?o.update(this):"destroy"===n&&o.destroy(this)}})}}var o=t("../main"),i=t("../plugin/instances");if("function"==typeof define&&define.amd)define(["jquery"],r);else{var l=window.jQuery?window.jQuery:window.$;"undefined"!=typeof l&&r(l)}e.exports=r},{"../main":7,"../plugin/instances":18}],2:[function(t,e,n){"use strict";function r(t,e){var n=t.className.split(" ");n.indexOf(e)<0&&n.push(e),t.className=n.join(" ")}function o(t,e){var n=t.className.split(" "),r=n.indexOf(e);r>=0&&n.splice(r,1),t.className=n.join(" ")}n.add=function(t,e){t.classList?t.classList.add(e):r(t,e)},n.remove=function(t,e){t.classList?t.classList.remove(e):o(t,e)},n.list=function(t){return t.classList?Array.prototype.slice.apply(t.classList):t.className.split(" ")}},{}],3:[function(t,e,n){"use strict";function r(t,e){return window.getComputedStyle(t)[e]}function o(t,e,n){return"number"==typeof n&&(n=n.toString()+"px"),t.style[e]=n,t}function i(t,e){for(var n in e){var r=e[n];"number"==typeof r&&(r=r.toString()+"px"),t.style[n]=r}return t}var l={};l.e=function(t,e){var n=document.createElement(t);return n.className=e,n},l.appendTo=function(t,e){return e.appendChild(t),t},l.css=function(t,e,n){return"object"==typeof e?i(t,e):"undefined"==typeof n?r(t,e):o(t,e,n)},l.matches=function(t,e){return"undefined"!=typeof t.matches?t.matches(e):"undefined"!=typeof t.matchesSelector?t.matchesSelector(e):"undefined"!=typeof t.webkitMatchesSelector?t.webkitMatchesSelector(e):"undefined"!=typeof t.mozMatchesSelector?t.mozMatchesSelector(e):"undefined"!=typeof t.msMatchesSelector?t.msMatchesSelector(e):void 0},l.remove=function(t){"undefined"!=typeof t.remove?t.remove():t.parentNode&&t.parentNode.removeChild(t)},l.queryChildren=function(t,e){return Array.prototype.filter.call(t.childNodes,function(t){return l.matches(t,e)})},e.exports=l},{}],4:[function(t,e,n){"use strict";var r=function(t){this.element=t,this.events={}};r.prototype.bind=function(t,e){"undefined"==typeof this.events[t]&&(this.events[t]=[]),this.events[t].push(e),this.element.addEventListener(t,e,!1)},r.prototype.unbind=function(t,e){var n="undefined"!=typeof e;this.events[t]=this.events[t].filter(function(r){return n&&r!==e?!0:(this.element.removeEventListener(t,r,!1),!1)},this)},r.prototype.unbindAll=function(){for(var t in this.events)this.unbind(t)};var o=function(){this.eventElements=[]};o.prototype.eventElement=function(t){var e=this.eventElements.filter(function(e){return e.element===t})[0];return"undefined"==typeof e&&(e=new r(t),this.eventElements.push(e)),e},o.prototype.bind=function(t,e,n){this.eventElement(t).bind(e,n)},o.prototype.unbind=function(t,e,n){this.eventElement(t).unbind(e,n)},o.prototype.unbindAll=function(){for(var t=0;t<this.eventElements.length;t++)this.eventElements[t].unbindAll()},o.prototype.once=function(t,e,n){var r=this.eventElement(t),o=function(t){r.unbind(e,o),n(t)};r.bind(e,o)},e.exports=o},{}],5:[function(t,e,n){"use strict";e.exports=function(){function t(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}return function(){return t()+t()+"-"+t()+"-"+t()+"-"+t()+"-"+t()+t()+t()}}()},{}],6:[function(t,e,n){"use strict";var r=t("./class"),o=t("./dom"),i=n.toInt=function(t){return parseInt(t,10)||0},l=n.clone=function(t){if(null===t)return null;if(t.constructor===Array)return t.map(l);if("object"==typeof t){var e={};for(var n in t)e[n]=l(t[n]);return e}return t};n.extend=function(t,e){var n=l(t);for(var r in e)n[r]=l(e[r]);return n},n.isEditable=function(t){return o.matches(t,"input,[contenteditable]")||o.matches(t,"select,[contenteditable]")||o.matches(t,"textarea,[contenteditable]")||o.matches(t,"button,[contenteditable]")},n.removePsClasses=function(t){for(var e=r.list(t),n=0;n<e.length;n++){var o=e[n];0===o.indexOf("ps-")&&r.remove(t,o)}},n.outerWidth=function(t){return i(o.css(t,"width"))+i(o.css(t,"paddingLeft"))+i(o.css(t,"paddingRight"))+i(o.css(t,"borderLeftWidth"))+i(o.css(t,"borderRightWidth"))},n.startScrolling=function(t,e){r.add(t,"ps-in-scrolling"),"undefined"!=typeof e?r.add(t,"ps-"+e):(r.add(t,"ps-x"),r.add(t,"ps-y"))},n.stopScrolling=function(t,e){r.remove(t,"ps-in-scrolling"),"undefined"!=typeof e?r.remove(t,"ps-"+e):(r.remove(t,"ps-x"),r.remove(t,"ps-y"))},n.env={isWebKit:"WebkitAppearance"in document.documentElement.style,supportsTouch:"ontouchstart"in window||window.DocumentTouch&&document instanceof window.DocumentTouch,supportsIePointer:null!==window.navigator.msMaxTouchPoints}},{"./class":2,"./dom":3}],7:[function(t,e,n){"use strict";var r=t("./plugin/destroy"),o=t("./plugin/initialize"),i=t("./plugin/update");e.exports={initialize:o,update:i,destroy:r}},{"./plugin/destroy":9,"./plugin/initialize":17,"./plugin/update":21}],8:[function(t,e,n){"use strict";e.exports={handlers:["click-rail","drag-scrollbar","keyboard","wheel","touch"],maxScrollbarLength:null,minScrollbarLength:null,scrollXMarginOffset:0,scrollYMarginOffset:0,stopPropagationOnClick:!0,suppressScrollX:!1,suppressScrollY:!1,swipePropagation:!0,useBothWheelAxes:!1,wheelPropagation:!1,wheelSpeed:1,theme:"default"}},{}],9:[function(t,e,n){"use strict";var r=t("../lib/helper"),o=t("../lib/dom"),i=t("./instances");e.exports=function(t){var e=i.get(t);e&&(e.event.unbindAll(),o.remove(e.scrollbarX),o.remove(e.scrollbarY),o.remove(e.scrollbarXRail),o.remove(e.scrollbarYRail),r.removePsClasses(t),i.remove(t))}},{"../lib/dom":3,"../lib/helper":6,"./instances":18}],10:[function(t,e,n){"use strict";function r(t,e){function n(t){return t.getBoundingClientRect()}var r=function(t){t.stopPropagation()};e.settings.stopPropagationOnClick&&e.event.bind(e.scrollbarY,"click",r),e.event.bind(e.scrollbarYRail,"click",function(r){var i=o.toInt(e.scrollbarYHeight/2),s=e.railYRatio*(r.pageY-window.pageYOffset-n(e.scrollbarYRail).top-i),c=e.railYRatio*(e.railYHeight-e.scrollbarYHeight),u=s/c;0>u?u=0:u>1&&(u=1),a(t,"top",(e.contentHeight-e.containerHeight)*u),l(t),r.stopPropagation()}),e.settings.stopPropagationOnClick&&e.event.bind(e.scrollbarX,"click",r),e.event.bind(e.scrollbarXRail,"click",function(r){var i=o.toInt(e.scrollbarXWidth/2),s=e.railXRatio*(r.pageX-window.pageXOffset-n(e.scrollbarXRail).left-i),c=e.railXRatio*(e.railXWidth-e.scrollbarXWidth),u=s/c;0>u?u=0:u>1&&(u=1),a(t,"left",(e.contentWidth-e.containerWidth)*u-e.negativeScrollAdjustment),l(t),r.stopPropagation()})}var o=t("../../lib/helper"),i=t("../instances"),l=t("../update-geometry"),a=t("../update-scroll");e.exports=function(t){var e=i.get(t);r(t,e)}},{"../../lib/helper":6,"../instances":18,"../update-geometry":19,"../update-scroll":20}],11:[function(t,e,n){"use strict";function r(t,e){function n(n){var o=r+n*e.railXRatio,l=Math.max(0,e.scrollbarXRail.getBoundingClientRect().left)+e.railXRatio*(e.railXWidth-e.scrollbarXWidth);0>o?e.scrollbarXLeft=0:o>l?e.scrollbarXLeft=l:e.scrollbarXLeft=o;var a=i.toInt(e.scrollbarXLeft*(e.contentWidth-e.containerWidth)/(e.containerWidth-e.railXRatio*e.scrollbarXWidth))-e.negativeScrollAdjustment;c(t,"left",a)}var r=null,o=null,a=function(e){n(e.pageX-o),s(t),e.stopPropagation(),e.preventDefault()},u=function(){i.stopScrolling(t,"x"),e.event.unbind(e.ownerDocument,"mousemove",a)};e.event.bind(e.scrollbarX,"mousedown",function(n){o=n.pageX,r=i.toInt(l.css(e.scrollbarX,"left"))*e.railXRatio,i.startScrolling(t,"x"),e.event.bind(e.ownerDocument,"mousemove",a),e.event.once(e.ownerDocument,"mouseup",u),n.stopPropagation(),n.preventDefault()})}function o(t,e){function n(n){var o=r+n*e.railYRatio,l=Math.max(0,e.scrollbarYRail.getBoundingClientRect().top)+e.railYRatio*(e.railYHeight-e.scrollbarYHeight);0>o?e.scrollbarYTop=0:o>l?e.scrollbarYTop=l:e.scrollbarYTop=o;var a=i.toInt(e.scrollbarYTop*(e.contentHeight-e.containerHeight)/(e.containerHeight-e.railYRatio*e.scrollbarYHeight));c(t,"top",a)}var r=null,o=null,a=function(e){n(e.pageY-o),s(t),e.stopPropagation(),e.preventDefault()},u=function(){i.stopScrolling(t,"y"),e.event.unbind(e.ownerDocument,"mousemove",a)};e.event.bind(e.scrollbarY,"mousedown",function(n){o=n.pageY,r=i.toInt(l.css(e.scrollbarY,"top"))*e.railYRatio,i.startScrolling(t,"y"),e.event.bind(e.ownerDocument,"mousemove",a),e.event.once(e.ownerDocument,"mouseup",u),n.stopPropagation(),n.preventDefault()})}var i=t("../../lib/helper"),l=t("../../lib/dom"),a=t("../instances"),s=t("../update-geometry"),c=t("../update-scroll");e.exports=function(t){var e=a.get(t);r(t,e),o(t,e)}},{"../../lib/dom":3,"../../lib/helper":6,"../instances":18,"../update-geometry":19,"../update-scroll":20}],12:[function(t,e,n){"use strict";function r(t,e){function n(n,r){var o=t.scrollTop;if(0===n){if(!e.scrollbarYActive)return!1;if(0===o&&r>0||o>=e.contentHeight-e.containerHeight&&0>r)return!e.settings.wheelPropagation}var i=t.scrollLeft;if(0===r){if(!e.scrollbarXActive)return!1;if(0===i&&0>n||i>=e.contentWidth-e.containerWidth&&n>0)return!e.settings.wheelPropagation}return!0}var r=!1;e.event.bind(t,"mouseenter",function(){r=!0}),e.event.bind(t,"mouseleave",function(){r=!1});var l=!1;e.event.bind(e.ownerDocument,"keydown",function(c){if(!c.isDefaultPrevented||!c.isDefaultPrevented()){var u=i.matches(e.scrollbarX,":focus")||i.matches(e.scrollbarY,":focus");if(r||u){var d=document.activeElement?document.activeElement:e.ownerDocument.activeElement;if(d){if("IFRAME"===d.tagName)d=d.contentDocument.activeElement;else for(;d.shadowRoot;)d=d.shadowRoot.activeElement;if(o.isEditable(d))return}var p=0,f=0;switch(c.which){case 37:p=-30;break;case 38:f=30;break;case 39:p=30;break;case 40:f=-30;break;case 33:f=90;break;case 32:f=c.shiftKey?90:-90;break;case 34:f=-90;break;case 35:f=c.ctrlKey?-e.contentHeight:-e.containerHeight;break;case 36:f=c.ctrlKey?t.scrollTop:e.containerHeight;break;default:return}s(t,"top",t.scrollTop-f),s(t,"left",t.scrollLeft+p),a(t),l=n(p,f),l&&c.preventDefault()}}})}var o=t("../../lib/helper"),i=t("../../lib/dom"),l=t("../instances"),a=t("../update-geometry"),s=t("../update-scroll");e.exports=function(t){var e=l.get(t);r(t,e)}},{"../../lib/dom":3,"../../lib/helper":6,"../instances":18,"../update-geometry":19,"../update-scroll":20}],13:[function(t,e,n){"use strict";function r(t,e){function n(n,r){var o=t.scrollTop;if(0===n){if(!e.scrollbarYActive)return!1;if(0===o&&r>0||o>=e.contentHeight-e.containerHeight&&0>r)return!e.settings.wheelPropagation}var i=t.scrollLeft;if(0===r){if(!e.scrollbarXActive)return!1;if(0===i&&0>n||i>=e.contentWidth-e.containerWidth&&n>0)return!e.settings.wheelPropagation}return!0}function r(t){var e=t.deltaX,n=-1*t.deltaY;return"undefined"!=typeof e&&"undefined"!=typeof n||(e=-1*t.wheelDeltaX/6,n=t.wheelDeltaY/6),t.deltaMode&&1===t.deltaMode&&(e*=10,n*=10),e!==e&&n!==n&&(e=0,n=t.wheelDelta),[e,n]}function o(e,n){var r=t.querySelector("textarea:hover, .ps-child:hover");if(r){if("TEXTAREA"!==r.tagName&&!window.getComputedStyle(r).overflow.match(/(scroll|auto)/))return!1;var o=r.scrollHeight-r.clientHeight;if(o>0&&!(0===r.scrollTop&&n>0||r.scrollTop===o&&0>n))return!0;var i=r.scrollLeft-r.clientWidth;if(i>0&&!(0===r.scrollLeft&&0>e||r.scrollLeft===i&&e>0))return!0}return!1}function a(a){var c=r(a),u=c[0],d=c[1];o(u,d)||(s=!1,e.settings.useBothWheelAxes?e.scrollbarYActive&&!e.scrollbarXActive?(d?l(t,"top",t.scrollTop-d*e.settings.wheelSpeed):l(t,"top",t.scrollTop+u*e.settings.wheelSpeed),s=!0):e.scrollbarXActive&&!e.scrollbarYActive&&(u?l(t,"left",t.scrollLeft+u*e.settings.wheelSpeed):l(t,"left",t.scrollLeft-d*e.settings.wheelSpeed),s=!0):(l(t,"top",t.scrollTop-d*e.settings.wheelSpeed),l(t,"left",t.scrollLeft+u*e.settings.wheelSpeed)),i(t),s=s||n(u,d),s&&(a.stopPropagation(),a.preventDefault()))}var s=!1;"undefined"!=typeof window.onwheel?e.event.bind(t,"wheel",a):"undefined"!=typeof window.onmousewheel&&e.event.bind(t,"mousewheel",a)}var o=t("../instances"),i=t("../update-geometry"),l=t("../update-scroll");e.exports=function(t){var e=o.get(t);r(t,e)}},{"../instances":18,"../update-geometry":19,"../update-scroll":20}],14:[function(t,e,n){"use strict";function r(t,e){e.event.bind(t,"scroll",function(){i(t)})}var o=t("../instances"),i=t("../update-geometry");e.exports=function(t){var e=o.get(t);r(t,e)}},{"../instances":18,"../update-geometry":19}],15:[function(t,e,n){"use strict";function r(t,e){function n(){var t=window.getSelection?window.getSelection():document.getSelection?document.getSelection():"";return 0===t.toString().length?null:t.getRangeAt(0).commonAncestorContainer}function r(){c||(c=setInterval(function(){return i.get(t)?(a(t,"top",t.scrollTop+u.top),a(t,"left",t.scrollLeft+u.left),void l(t)):void clearInterval(c)},50))}function s(){c&&(clearInterval(c),c=null),o.stopScrolling(t)}var c=null,u={top:0,left:0},d=!1;e.event.bind(e.ownerDocument,"selectionchange",function(){t.contains(n())?d=!0:(d=!1,s())}),e.event.bind(window,"mouseup",function(){d&&(d=!1,s())}),e.event.bind(window,"mousemove",function(e){if(d){var n={x:e.pageX,y:e.pageY},i={left:t.offsetLeft,right:t.offsetLeft+t.offsetWidth,top:t.offsetTop,bottom:t.offsetTop+t.offsetHeight};n.x<i.left+3?(u.left=-5,o.startScrolling(t,"x")):n.x>i.right-3?(u.left=5,o.startScrolling(t,"x")):u.left=0,n.y<i.top+3?(i.top+3-n.y<5?u.top=-5:u.top=-20,o.startScrolling(t,"y")):n.y>i.bottom-3?(n.y-i.bottom+3<5?u.top=5:u.top=20,o.startScrolling(t,"y")):u.top=0,0===u.top&&0===u.left?s():r()}})}var o=t("../../lib/helper"),i=t("../instances"),l=t("../update-geometry"),a=t("../update-scroll");e.exports=function(t){var e=i.get(t);r(t,e)}},{"../../lib/helper":6,"../instances":18,"../update-geometry":19,"../update-scroll":20}],16:[function(t,e,n){"use strict";function r(t,e,n,r){function o(n,r){var o=t.scrollTop,i=t.scrollLeft,l=Math.abs(n),a=Math.abs(r);if(a>l){if(0>r&&o===e.contentHeight-e.containerHeight||r>0&&0===o)return!e.settings.swipePropagation}else if(l>a&&(0>n&&i===e.contentWidth-e.containerWidth||n>0&&0===i))return!e.settings.swipePropagation;return!0}function s(e,n){a(t,"top",t.scrollTop-n),a(t,"left",t.scrollLeft-e),l(t)}function c(){Y=!0}function u(){Y=!1}function d(t){return t.targetTouches?t.targetTouches[0]:t}function p(t){return t.targetTouches&&1===t.targetTouches.length?!0:!(!t.pointerType||"mouse"===t.pointerType||t.pointerType===t.MSPOINTER_TYPE_MOUSE)}function f(t){if(p(t)){w=!0;var e=d(t);v.pageX=e.pageX,v.pageY=e.pageY,g=(new Date).getTime(),null!==y&&clearInterval(y),t.stopPropagation()}}function h(t){if(!w&&e.settings.swipePropagation&&f(t),!Y&&w&&p(t)){var n=d(t),r={pageX:n.pageX,pageY:n.pageY},i=r.pageX-v.pageX,l=r.pageY-v.pageY;s(i,l),v=r;var a=(new Date).getTime(),c=a-g;c>0&&(m.x=i/c,m.y=l/c,g=a),o(i,l)&&(t.stopPropagation(),t.preventDefault())}}function b(){!Y&&w&&(w=!1,clearInterval(y),y=setInterval(function(){return i.get(t)?Math.abs(m.x)<.01&&Math.abs(m.y)<.01?void clearInterval(y):(s(30*m.x,30*m.y),m.x*=.8,void(m.y*=.8)):void clearInterval(y)},10))}var v={},g=0,m={},y=null,Y=!1,w=!1;n&&(e.event.bind(window,"touchstart",c),e.event.bind(window,"touchend",u),e.event.bind(t,"touchstart",f),e.event.bind(t,"touchmove",h),e.event.bind(t,"touchend",b)),r&&(window.PointerEvent?(e.event.bind(window,"pointerdown",c),e.event.bind(window,"pointerup",u),e.event.bind(t,"pointerdown",f),e.event.bind(t,"pointermove",h),e.event.bind(t,"pointerup",b)):window.MSPointerEvent&&(e.event.bind(window,"MSPointerDown",c),e.event.bind(window,"MSPointerUp",u),e.event.bind(t,"MSPointerDown",f),e.event.bind(t,"MSPointerMove",h),e.event.bind(t,"MSPointerUp",b)))}var o=t("../../lib/helper"),i=t("../instances"),l=t("../update-geometry"),a=t("../update-scroll");e.exports=function(t){if(o.env.supportsTouch||o.env.supportsIePointer){var e=i.get(t);r(t,e,o.env.supportsTouch,o.env.supportsIePointer)}}},{"../../lib/helper":6,"../instances":18,"../update-geometry":19,"../update-scroll":20}],17:[function(t,e,n){"use strict";var r=t("../lib/helper"),o=t("../lib/class"),i=t("./instances"),l=t("./update-geometry"),a={"click-rail":t("./handler/click-rail"),"drag-scrollbar":t("./handler/drag-scrollbar"),keyboard:t("./handler/keyboard"),wheel:t("./handler/mouse-wheel"),touch:t("./handler/touch"),selection:t("./handler/selection")},s=t("./handler/native-scroll");e.exports=function(t,e){e="object"==typeof e?e:{},o.add(t,"ps-container");var n=i.add(t);n.settings=r.extend(n.settings,e),o.add(t,"ps-theme-"+n.settings.theme),n.settings.handlers.forEach(function(e){a[e](t)}),s(t),l(t)}},{"../lib/class":2,"../lib/helper":6,"./handler/click-rail":10,"./handler/drag-scrollbar":11,"./handler/keyboard":12,"./handler/mouse-wheel":13,"./handler/native-scroll":14,"./handler/selection":15,"./handler/touch":16,"./instances":18,"./update-geometry":19}],18:[function(t,e,n){"use strict";function r(t){function e(){s.add(t,"ps-focus")}function n(){s.remove(t,"ps-focus")}var r=this;r.settings=a.clone(c),r.containerWidth=null,r.containerHeight=null,r.contentWidth=null,r.contentHeight=null,r.isRtl="rtl"===u.css(t,"direction"),r.isNegativeScroll=function(){var e=t.scrollLeft,n=null;return t.scrollLeft=-1,n=t.scrollLeft<0,t.scrollLeft=e,n}(),r.negativeScrollAdjustment=r.isNegativeScroll?t.scrollWidth-t.clientWidth:0,r.event=new d,r.ownerDocument=t.ownerDocument||document,r.scrollbarXRail=u.appendTo(u.e("div","ps-scrollbar-x-rail"),t),r.scrollbarX=u.appendTo(u.e("div","ps-scrollbar-x"),r.scrollbarXRail),r.scrollbarX.setAttribute("tabindex",0),r.event.bind(r.scrollbarX,"focus",e),r.event.bind(r.scrollbarX,"blur",n),r.scrollbarXActive=null,r.scrollbarXWidth=null,r.scrollbarXLeft=null,r.scrollbarXBottom=a.toInt(u.css(r.scrollbarXRail,"bottom")),r.isScrollbarXUsingBottom=r.scrollbarXBottom===r.scrollbarXBottom,r.scrollbarXTop=r.isScrollbarXUsingBottom?null:a.toInt(u.css(r.scrollbarXRail,"top")),r.railBorderXWidth=a.toInt(u.css(r.scrollbarXRail,"borderLeftWidth"))+a.toInt(u.css(r.scrollbarXRail,"borderRightWidth")),u.css(r.scrollbarXRail,"display","block"),r.railXMarginWidth=a.toInt(u.css(r.scrollbarXRail,"marginLeft"))+a.toInt(u.css(r.scrollbarXRail,"marginRight")),u.css(r.scrollbarXRail,"display",""),r.railXWidth=null,r.railXRatio=null,r.scrollbarYRail=u.appendTo(u.e("div","ps-scrollbar-y-rail"),t),r.scrollbarY=u.appendTo(u.e("div","ps-scrollbar-y"),r.scrollbarYRail),r.scrollbarY.setAttribute("tabindex",0),r.event.bind(r.scrollbarY,"focus",e),r.event.bind(r.scrollbarY,"blur",n),r.scrollbarYActive=null,r.scrollbarYHeight=null,r.scrollbarYTop=null,r.scrollbarYRight=a.toInt(u.css(r.scrollbarYRail,"right")),r.isScrollbarYUsingRight=r.scrollbarYRight===r.scrollbarYRight,r.scrollbarYLeft=r.isScrollbarYUsingRight?null:a.toInt(u.css(r.scrollbarYRail,"left")),r.scrollbarYOuterWidth=r.isRtl?a.outerWidth(r.scrollbarY):null,r.railBorderYWidth=a.toInt(u.css(r.scrollbarYRail,"borderTopWidth"))+a.toInt(u.css(r.scrollbarYRail,"borderBottomWidth")),u.css(r.scrollbarYRail,"display","block"),r.railYMarginHeight=a.toInt(u.css(r.scrollbarYRail,"marginTop"))+a.toInt(u.css(r.scrollbarYRail,"marginBottom")),u.css(r.scrollbarYRail,"display",""),r.railYHeight=null,r.railYRatio=null}function o(t){return t.getAttribute("data-ps-id")}function i(t,e){t.setAttribute("data-ps-id",e)}function l(t){t.removeAttribute("data-ps-id")}var a=t("../lib/helper"),s=t("../lib/class"),c=t("./default-setting"),u=t("../lib/dom"),d=t("../lib/event-manager"),p=t("../lib/guid"),f={};n.add=function(t){var e=p();return i(t,e),f[e]=new r(t),f[e]},n.remove=function(t){delete f[o(t)],l(t)},n.get=function(t){return f[o(t)]}},{"../lib/class":2,"../lib/dom":3,"../lib/event-manager":4,"../lib/guid":5,"../lib/helper":6,"./default-setting":8}],19:[function(t,e,n){"use strict";function r(t,e){return t.settings.minScrollbarLength&&(e=Math.max(e,t.settings.minScrollbarLength)),t.settings.maxScrollbarLength&&(e=Math.min(e,t.settings.maxScrollbarLength)),e}function o(t,e){var n={width:e.railXWidth};e.isRtl?n.left=e.negativeScrollAdjustment+t.scrollLeft+e.containerWidth-e.contentWidth:n.left=t.scrollLeft,e.isScrollbarXUsingBottom?n.bottom=e.scrollbarXBottom-t.scrollTop:n.top=e.scrollbarXTop+t.scrollTop,a.css(e.scrollbarXRail,n);var r={top:t.scrollTop,height:e.railYHeight};e.isScrollbarYUsingRight?e.isRtl?r.right=e.contentWidth-(e.negativeScrollAdjustment+t.scrollLeft)-e.scrollbarYRight-e.scrollbarYOuterWidth:r.right=e.scrollbarYRight-t.scrollLeft:e.isRtl?r.left=e.negativeScrollAdjustment+t.scrollLeft+2*e.containerWidth-e.contentWidth-e.scrollbarYLeft-e.scrollbarYOuterWidth:r.left=e.scrollbarYLeft+t.scrollLeft,a.css(e.scrollbarYRail,r),a.css(e.scrollbarX,{left:e.scrollbarXLeft,width:e.scrollbarXWidth-e.railBorderXWidth}),a.css(e.scrollbarY,{top:e.scrollbarYTop,height:e.scrollbarYHeight-e.railBorderYWidth})}var i=t("../lib/helper"),l=t("../lib/class"),a=t("../lib/dom"),s=t("./instances"),c=t("./update-scroll");e.exports=function(t){var e=s.get(t);e.containerWidth=t.clientWidth,e.containerHeight=t.clientHeight,e.contentWidth=t.scrollWidth,e.contentHeight=t.scrollHeight;var n;t.contains(e.scrollbarXRail)||(n=a.queryChildren(t,".ps-scrollbar-x-rail"),n.length>0&&n.forEach(function(t){a.remove(t)}),a.appendTo(e.scrollbarXRail,t)),t.contains(e.scrollbarYRail)||(n=a.queryChildren(t,".ps-scrollbar-y-rail"),n.length>0&&n.forEach(function(t){a.remove(t)}),a.appendTo(e.scrollbarYRail,t)),!e.settings.suppressScrollX&&e.containerWidth+e.settings.scrollXMarginOffset<e.contentWidth?(e.scrollbarXActive=!0,e.railXWidth=e.containerWidth-e.railXMarginWidth,e.railXRatio=e.containerWidth/e.railXWidth,e.scrollbarXWidth=r(e,i.toInt(e.railXWidth*e.containerWidth/e.contentWidth)),e.scrollbarXLeft=i.toInt((e.negativeScrollAdjustment+t.scrollLeft)*(e.railXWidth-e.scrollbarXWidth)/(e.contentWidth-e.containerWidth))):e.scrollbarXActive=!1,!e.settings.suppressScrollY&&e.containerHeight+e.settings.scrollYMarginOffset<e.contentHeight?(e.scrollbarYActive=!0,e.railYHeight=e.containerHeight-e.railYMarginHeight,e.railYRatio=e.containerHeight/e.railYHeight,e.scrollbarYHeight=r(e,i.toInt(e.railYHeight*e.containerHeight/e.contentHeight)),e.scrollbarYTop=i.toInt(t.scrollTop*(e.railYHeight-e.scrollbarYHeight)/(e.contentHeight-e.containerHeight))):e.scrollbarYActive=!1,e.scrollbarXLeft>=e.railXWidth-e.scrollbarXWidth&&(e.scrollbarXLeft=e.railXWidth-e.scrollbarXWidth),e.scrollbarYTop>=e.railYHeight-e.scrollbarYHeight&&(e.scrollbarYTop=e.railYHeight-e.scrollbarYHeight),o(t,e),e.scrollbarXActive?l.add(t,"ps-active-x"):(l.remove(t,"ps-active-x"),e.scrollbarXWidth=0,e.scrollbarXLeft=0,c(t,"left",0)),e.scrollbarYActive?l.add(t,"ps-active-y"):(l.remove(t,"ps-active-y"),e.scrollbarYHeight=0,e.scrollbarYTop=0,c(t,"top",0))}},{"../lib/class":2,"../lib/dom":3,"../lib/helper":6,"./instances":18,"./update-scroll":20}],20:[function(t,e,n){"use strict";var r,o,i=t("./instances"),l=document.createEvent("Event"),a=document.createEvent("Event"),s=document.createEvent("Event"),c=document.createEvent("Event"),u=document.createEvent("Event"),d=document.createEvent("Event"),p=document.createEvent("Event"),f=document.createEvent("Event"),h=document.createEvent("Event"),b=document.createEvent("Event");l.initEvent("ps-scroll-up",!0,!0),a.initEvent("ps-scroll-down",!0,!0),s.initEvent("ps-scroll-left",!0,!0),c.initEvent("ps-scroll-right",!0,!0),u.initEvent("ps-scroll-y",!0,!0),d.initEvent("ps-scroll-x",!0,!0),p.initEvent("ps-x-reach-start",!0,!0),f.initEvent("ps-x-reach-end",!0,!0),h.initEvent("ps-y-reach-start",!0,!0),b.initEvent("ps-y-reach-end",!0,!0),e.exports=function(t,e,n){if("undefined"==typeof t)throw"You must provide an element to the update-scroll function";if("undefined"==typeof e)throw"You must provide an axis to the update-scroll function";if("undefined"==typeof n)throw"You must provide a value to the update-scroll function";"top"===e&&0>=n&&(t.scrollTop=n=0,t.dispatchEvent(h)),"left"===e&&0>=n&&(t.scrollLeft=n=0,t.dispatchEvent(p));var v=i.get(t);"top"===e&&n>=v.contentHeight-v.containerHeight&&(n=v.contentHeight-v.containerHeight,n-t.scrollTop<=1?n=t.scrollTop:t.scrollTop=n,t.dispatchEvent(b)),"left"===e&&n>=v.contentWidth-v.containerWidth&&(n=v.contentWidth-v.containerWidth,n-t.scrollLeft<=1?n=t.scrollLeft:t.scrollLeft=n,t.dispatchEvent(f)),r||(r=t.scrollTop),o||(o=t.scrollLeft),"top"===e&&r>n&&t.dispatchEvent(l),"top"===e&&n>r&&t.dispatchEvent(a),"left"===e&&o>n&&t.dispatchEvent(s),"left"===e&&n>o&&t.dispatchEvent(c),"top"===e&&(t.scrollTop=r=n,t.dispatchEvent(u)),"left"===e&&(t.scrollLeft=o=n,t.dispatchEvent(d))}},{"./instances":18}],21:[function(t,e,n){"use strict";var r=t("../lib/helper"),o=t("../lib/dom"),i=t("./instances"),l=t("./update-geometry"),a=t("./update-scroll");e.exports=function(t){var e=i.get(t);e&&(e.negativeScrollAdjustment=e.isNegativeScroll?t.scrollWidth-t.clientWidth:0,o.css(e.scrollbarXRail,"display","block"),o.css(e.scrollbarYRail,"display","block"),e.railXMarginWidth=r.toInt(o.css(e.scrollbarXRail,"marginLeft"))+r.toInt(o.css(e.scrollbarXRail,"marginRight")),e.railYMarginHeight=r.toInt(o.css(e.scrollbarYRail,"marginTop"))+r.toInt(o.css(e.scrollbarYRail,"marginBottom")),o.css(e.scrollbarXRail,"display","none"),o.css(e.scrollbarYRail,"display","none"),l(t),a(t,"top",t.scrollTop),a(t,"left",t.scrollLeft),o.css(e.scrollbarXRail,"display",""),o.css(e.scrollbarYRail,"display",""))}},{"../lib/dom":3,"../lib/helper":6,"./instances":18,"./update-geometry":19,"./update-scroll":20}]},{},[1]); // AUDIO CONTEXT window.AudioContext = window.AudioContext || window.webkitAudioContext ; if (window.AudioContext) { var audioContext = new AudioContext(), audiosource = audioContext.createBufferSource(); // creates a sound source } else { audiosource = null; } /***************************************************** - THE TIME LINE AND ANIMATION FUNCTIONS - *****************************************************/ var tpLayerTimelinesRev = new function(){ var t = this, u = new Object(), sortMode = "time", __ctime, __ctimeb, __ctimei , __coffset = 0; t.timelinetype ="absolute"; t.mainMaxTimeLeft = 0; t.layout="desktop"; t.timercorrectur = 0; /*********************************************************** - INITIALISE THE TIMELINE AND ANIMATION ELEMENTS - ***********************************************************/ t.init = function() { u = UniteLayersRev; g_rebuildTimer =999; g_slideTime = u.getMaintime(); g_keyTimer = 0; t.mainMaxTimeLeft = jQuery('#mastertimer-maxtime').position().left; initSlideDuration(); initSortbox(); initMasterTimer(); preparePeviewAnimations(); prepareLoopAnimations(); showHideTimeines(); basicClicksAndHovers(); addIconFunction(); t.addToSortbox(); //jQuery('.master-rightcell .layers-wrapper, .master-leftcell .layers-wrapper, #divLayers-wrapper').perfectScrollbar("update"); jQuery('#slide_transition, #slot_amount, #transition_rotation').change(function() { setFakeAnim(); }); var timer; jQuery(window).resize(function() { clearTimeout(timer); timer = setTimeout(function(){ t.resetSlideAnimations(false); },250); }); var keyboardallowed = false; jQuery('#thelayer-editor-wrapper').hover(function() { keyboardallowed = true; },function() { keyboardallowed = false; }) jQuery('#fake-select-title-wrapper').click(function() { jQuery('#slide-animation-settings-content-tab').click(); jQuery('html,body').animate({scrollTop: (-100 + jQuery('#slide-animation-settings-content-tab').offset().top)},200); }) jQuery('.slide-trans-menu-element').each(function() { var b = jQuery(this); b.text(b.text().toLowerCase()); b.click(function() { var b = jQuery(this); jQuery('.slide-trans-menu-element').removeClass("selected"); b.addClass("selected"); jQuery('.slide-trans-checkelement').hide(); jQuery("."+b.data('reference')).show(); }); }); jQuery('.slide-trans-menu-element').first().click(); var createListOfTrans = function() { var c = jQuery('.slide-trans-cur-ul'); for(var key in choosen_slide_transition){ var data_string = ''; data_string+= ' data-duration="'+transition_settings['duration'][key]+'"'; data_string+= ' data-ease_in="'+transition_settings['ease_in'][key]+'"'; data_string+= ' data-ease_out="'+transition_settings['ease_out'][key]+'"'; data_string+= ' data-rotation="'+transition_settings['rotation'][key]+'"'; data_string+= ' data-slot="'+transition_settings['slot'][key]+'"'; c.append('<li value="'+choosen_slide_transition[key]+'"'+data_string+' class="justaddedtrans draggable-trans-element">'+jQuery('input[name="slide_transition[]"][value="'+choosen_slide_transition[key]+'"]').parent().text()+'<i class="remove-trans-from-list eg-icon-cancel"></i></li>'); jQuery('.justaddedtrans').data('animval',choosen_slide_transition[key]); jQuery('.justaddedtrans').removeClass("justaddedtrans"); } setFakeAnim(); }; if(typeof(choosen_slide_transition) !== 'undefined'){ //if not exists, then we are at static slide createListOfTrans(); } var etl = new punchgs.TimelineLite(), ord = 0, sto = jQuery('#form_slide_params').offset(), tou; jQuery('body').on('click','.remove-trans-from-list',function() { var t = jQuery(this), li = t.parent(), v = li.data('animval'), found = false; jQuery('.slide-trans-checkelement').each(function() { var d = jQuery(this), inp = d.find('input'); if (inp.val()==v) { inp.removeAttr('checked'); found = true; } }); if (found && jQuery('.remove-trans-from-list').length>1) { li.remove(); jQuery('.slide-trans-cur-ul li:first-child').click(); }else{ alert(rev_lang.cant_remove_last_transition); } return false; }); jQuery('.slide-trans-checkelement').on("mouseover", function(e) { var inp = jQuery(this).find('input[name="slide_transition[]"]'), a = jQuery('.slide-trans-example-inner .slotholder'), b = jQuery('.slide-trans-example-inner .oldslotholder'), examp = jQuery('.slide-trans-example'); a.find('.slot').each(function() { jQuery(this).remove();}); b.find('.slot').each(function() { jQuery(this).remove();}); etl.kill() punchgs.TweenLite.set(a,{clearProps:"transform"}); punchgs.TweenLite.set(b,{clearProps:"transform"}); punchgs.TweenLite.set(a.find('.defaultimg'),{clearProps:"transform",autoAlpha:1}); punchgs.TweenLite.set(b.find('.defaultimg'),{clearProps:"transform",autoAlpha:1}); etl = slideAnimation(a, b,inp.val(),etl,true); etl.pause(0.001); punchgs.TweenLite.to(examp,0.2,{top:(e.pageY - sto.top),overwrite:"all",autoAlpha:1,ease:punchgs.Power3.easeInOut,onComplete:function() { setTimeout(function() { etl.play(); },100); }}); }); jQuery('.slide-trans-checkelement').on("mouseleave",function() { clearTimeout(tou); var inp = jQuery(this).find('input[name="slide_transition[]"]'), a = jQuery('.slide-trans-example-inner .slotholder'), b = jQuery('.slide-trans-example-inner .oldslotholder'); punchgs.TweenLite.to(jQuery('.slide-trans-example'),0.2,{autoAlpha:0,delay:0.2}); }); jQuery('input[name="slide_transition[]"]').on("change",function() { if (jQuery(this).is(":checked")) { var data_string = ''; data_string+= ' data-duration="default"'; data_string+= ' data-ease_in="default"'; data_string+= ' data-ease_out="default"'; data_string+= ' data-rotation="0"'; data_string+= ' data-slot="default"'; jQuery('.slide-trans-cur-ul').append('<li value="'+jQuery(this).val()+'"'+data_string+' class="justaddedtrans draggable-trans-element">'+jQuery(this).parent().text()+'<i class="remove-trans-from-list eg-icon-cancel"></i></li>') jQuery('.justaddedtrans').data('animval',jQuery(this).val()); jQuery('.justaddedtrans').removeClass("justaddedtrans"); } else { if (jQuery('.remove-trans-from-list').length>1) { jQuery('.slide-trans-cur-ul').find('li:data[value='+jQuery(this).val()+']').remove(); jQuery('.slide-trans-cur-ul li:first-child').click(); }else{ jQuery(this).attr('checked', true); alert(rev_lang.cant_remove_last_transition); } } setFakeAnim(); }); jQuery('body').on('click', '.slide-trans-cur-ul li', function(){ jQuery('.slide-trans-cur-ul li').each(function(){ jQuery(this).removeClass('selected'); }); jQuery(this).addClass('selected'); jQuery('input[name="slot_amount"]').val(jQuery(this).data('slot')); jQuery('input[name="transition_rotation"]').val(jQuery(this).data('rotation')); jQuery('input[name="transition_duration"]').val(jQuery(this).data('duration')); jQuery('select[name="transition_ease_in"] option[value="'+jQuery(this).data('ease_in')+'"]').attr('selected', true); jQuery('select[name="transition_ease_out"] option[value="'+jQuery(this).data('ease_out')+'"]').attr('selected', true); }); jQuery('.slide-trans-cur-ul li:first-child').click(); jQuery('input[name="slot_amount"]').change(function(){ jQuery('.slide-trans-cur-ul li.selected').data('slot', jQuery(this).val()); }); jQuery('input[name="transition_rotation"]').change(function(){ jQuery('.slide-trans-cur-ul li.selected').data('rotation', jQuery(this).val()); }); jQuery('#transition_duration').change(function(){ jQuery('.slide-trans-cur-ul li.selected').data('duration', jQuery(this).val()); t.setSlideTransitionTimerBar(); }); jQuery('#delay').change(function(){ t.mainMaxTimeLeft = this.value / 10; t.setSlideTransitionTimerBar(); }); jQuery('select[name="transition_ease_in"]').change(function(){ jQuery('.slide-trans-cur-ul li.selected').data('ease_in', jQuery(this).val()); }); jQuery('select[name="transition_ease_out"]').change(function(){ jQuery('.slide-trans-cur-ul li.selected').data('ease_out', jQuery(this).val()); }); jQuery('.slide-trans-cur-ul').sortable({ containment: ".slide-trans-cur-selected", stop:function() { setTimeout(function() { setFakeAnim(); },200); } }) jQuery('#abs_rel_timeline').on('change',function() { t.timelinetype = jQuery(this).val(); t.updateAllLayerTimeline(); }) // END OF MAIN TRANSITION SELECTOR jQuery(document).on('keydown', function(event) { var noinputfocus = jQuery('input:focus').length>0; if (event.ctrlKey || event.metaKey || event.shiftKey) { switch (String.fromCharCode(event.which).toLowerCase()) { case 's': if (!event.shiftKey) { event.preventDefault(); if (jQuery('#button_save_static_slide-tb').length>0) jQuery('#button_save_static_slide-tb').click(); else jQuery('#button_save_slide-tb').click(); } break; case 'z': if ((event.metaKey || event.ctrlKey) && !noinputfocus) { event.preventDefault(); if (event.shiftKey) u.oneStepRedo(); else u.oneStepUndo(); } break; case 'y': if ((event.ctrlKey || event.metaKey) && !noinputfocus) { event.preventDefault(); u.oneStepRedo(); } break; } } switch (event) { } }); jQuery("body").on("keydown keyup",function(e) { if (jQuery('#layer_text').is(":focus")) return true; if (jQuery('#layer_text_toggle').is(":focus")) return true; var code = (e.keyCode ? e.keyCode : e.which), dist = jQuery(document.activeElement).data('steps')!=undefined ? parseFloat(jQuery(document.activeElement).data('steps')):1, x = Number(parseInt(jQuery('#layer_left').val(),0)), y = Number(parseInt(jQuery('#layer_top').val(),0)); if (e.shiftKey) dist = dist*10; switch (jQuery(document.activeElement).get(0).tagName.toLowerCase()) { case "INPUT": case "input": var cv = parseFloat(jQuery(document.activeElement).val()); if (jQuery(document.activeElement).data('suffix')!=undefined && !jQuery(document.activeElement).data('suffix').match(/auto/g)) { cv=Number(cv); if (jQuery.isNumeric(cv)) switch(code) { case 38: if (e.type=="keyup") reBlurFocus(dist,cv,jQuery(document.activeElement)); return false; break; case 40: if (e.type=="keyup") reBlurFocus(-dist,cv,jQuery(document.activeElement)); return false; break; } } break; case "textarea": return true; break; default: switch(code) { case 8: case 46: e.preventDefault(); if (e.type=="keydown") { jQuery('#button_delete_layer').click(); window.deletecalled = true; } break; } if (keyboardallowed) switch(code) { case 40: if (e.type=="keyup") setTimeout(function() {u.updateMovedLayers()},50); else u.adjustSelectedLayerPositions("top",dist); return false; break; case 38: if (e.type=="keyup") setTimeout(function() {u.updateMovedLayers();},50); else u.adjustSelectedLayerPositions("top",-1*dist); return false; break; case 37: if (e.type=="keyup") setTimeout(function() {u.updateMovedLayers();},50); else u.adjustSelectedLayerPositions("left",-1*dist); return false; break; case 39: if (e.type=="keyup") setTimeout(function() {u.updateMovedLayers();},50); else u.adjustSelectedLayerPositions("left",dist); return false; break; } break; } }); t.deepSelection(); // DEEP LINK INPUT FIELD ADD ONS jQuery('.input-deepselects').each(function() { var inp = jQuery(this); inp.wrap('<span class="inp-deep-wrapper"></span>'); inp.parent().append('<div class="inp-deep-list"></div>'); var dl = inp.parent().find('.inp-deep-list'), txt = '<span class="inp-deep-listitems">', rev = inp.data('reverse'), minw = inp.data('deepwidth'), list = inp.data('selects') != undefined ? inp.data('selects').split("||") : "", vals = inp.data('svalues') != undefined ? inp.data('svalues').split("||") : "", icos = inp.data('icons') != undefined ? inp.data('icons').split("||") : "", id = inp.attr('id'); if (minw!==undefined) punchgs.TweenLite.set(dl,{minWidth:minw+"px"}); if (rev=="on") { txt = txt+"<span class='reverse_input_wrapper'><span class='reverse_input_text'>Direction Auto Reverse</span><input class='reverse_input_check tp-moderncheckbox' name='"+id+"_reverse' id='"+id+"_reverse' type='checkbox'></span>"; } if (list!==undefined && list!="") { jQuery.each(list,function(i){ var v = vals[i] || "", l = list[i] || "", i = icos[i] || ""; txt = txt + "<span class='inp-deep-prebutton' data-val='"+v+"'><i class='eg-icon-"+i+"'></i>"+l+"</span>"; }); } txt = txt + "</span>"; dl.append(txt); if (rev=="on") { RevSliderSettings.onoffStatus(jQuery('input[name="'+id+'_reverse"]')); } }) jQuery('body').on('click','.inp-deep-prebutton',function() { var btn = jQuery(this), inp = btn.closest('.inp-deep-wrapper').find('input'); inp.val(btn.data('val')); inp.blur(); inp.focus(); inp.trigger("change"); }); jQuery('body').on('click','.input-deepselects',function() { jQuery(this).closest('.inp-deep-wrapper').find('.inp-deep-list').addClass("visible"); jQuery(this).closest('.inp-deep-wrapper').addClass("selected-deep-wrapper"); }) jQuery('.inp-deep-wrapper').on('mouseleave',function() { jQuery(this).find('.inp-deep-list').removeClass("visible"); jQuery(this).removeClass("selected-deep-wrapper"); }); // SHOW HIDE MASKING PARAMETERS jQuery('input[name="masking-start"]').on("change",function() { if (jQuery(this).attr('checked') ==="checked") jQuery('.mask-start-settings').show(); else jQuery('.mask-start-settings').hide(); }) jQuery('input[name="masking-end"]').on("change",function() { if (jQuery(this).attr('checked') ==="checked") jQuery('.mask-end-settings').show(); else jQuery('.mask-end-settings').hide(); }); jQuery('#use_text_color_start').on("change",function() { if (jQuery(this).attr('checked') === "checked") jQuery('.use_text_color_wrap_start').show(); else jQuery('.use_text_color_wrap_start').hide(); }); jQuery('#use_bg_color_start').on("change",function() { if (jQuery(this).attr('checked') === "checked") jQuery('.use_bg_color_wrap_start').show(); else jQuery('.use_bg_color_wrap_start').hide(); }); jQuery('#use_text_color_end').on("change",function() { if (jQuery(this).attr('checked') === "checked") jQuery('.use_text_color_wrap_end').show(); else jQuery('.use_text_color_wrap_end').hide(); }); jQuery('#use_bg_color_end').on("change",function() { if (jQuery(this).attr('checked') === "checked") jQuery('.use_bg_color_wrap_end').show(); else jQuery('.use_bg_color_wrap_end').hide(); }); // OPEN QUICK TIME LINE INPUT FIELDS jQuery('body').on('click','.show_timeline_helper',function() { var btn = jQuery(this), li = btn.closest('li'), tf = btn.closest('.timeline_frame'), d = jQuery('#timline-manual-dialog'), pl = tf.position().left, lw = li.width(), fi = tf.data('frameindex'), objLayer = u.getLayerByUniqueId(li.data('uniqueid')), st = objLayer.frames["frame_"+fi].time, sp = objLayer.frames["frame_"+fi].speed; d.appendTo(li); pl = fi===999 ? (pl-d.width()+tf.width()-20) : fi===0 ? pl : (pl-d.width()/2)+10; pl = pl<20 ? 20 : pl; d.css({left:pl}); // Update Frame Start and Speed in Quick Editor jQuery('#clayer_start_time').val(st) jQuery('#clayer_start_speed').val(sp) d.data('frameindex',fi); d.data('uniqueid',objLayer.unique_id); d.show(); }) // CLOSE QUICK TIME LINE INPUT FIELDS jQuery('body').on('click','#timline-manual-closer',function() { var d = jQuery('#timline-manual-dialog'); d.hide(); d.appendTo(jQuery('#thelayer-editor-wrapper')); }); jQuery('body').on('click','#timline-manual-apply',function() { var btn = jQuery(this), d = jQuery('#timline-manual-dialog'), fi = d.data('frameindex'), frame = document.getElementById("tl_"+d.data('uniqueid')+"_frame_"+fi) objLayer = u.getLayerByUniqueId(d.data('uniqueid')), objUpdate = {frames:{}}; t.recordFrameStatus(frame); objUpdate.frames["frame_"+fi] = {}; objUpdate.frames["frame_"+fi].time = jQuery('#clayer_start_time').val(); objUpdate.frames["frame_"+fi].speed = jQuery('#clayer_start_speed').val(); d.hide(); d.appendTo(jQuery('#thelayer-editor-wrapper')); u.updateLayer(objLayer.serial,objUpdate); t.updateLayerTimeline(objLayer); t.updateTLFrame(frame,"trigger"); t.updateAllSelectedLayerTimeline(frame); t.updateAllLayerTimeline(); //PERFORMANCE WIN, ONLY CALL IF LAYER IS A GROUP OR COLUMN ETC... }); // SELECT / DESELECT ALL LAYERS jQuery('body').on('click','#timing-all-onoff-checkbox',function() { var b = jQuery(this), objUpdate = {}; if (b.attr('checked')!="checked" || jQuery('.mastertimer-timeline-selector-row.selected').length==jQuery('.layer-on-timeline-selector').length) { jQuery('.mastertimer-timeline-selector-row.selected').removeClass("selected"); jQuery('.layer-on-timeline-selector').removeAttr('checked'); } else { jQuery('.layer-on-timeline-selector').attr('checked','checked'); jQuery('.sortable_elements .mastertimer-timeline-selector-row').addClass("selected"); } t.checkMultipleSelectedItems(); checkAvailableAutoTimes(); }); jQuery('body').on('click','.list-of-layer-links', function() { jQuery(this).toggleClass("showmenow"); }); jQuery('body').on('click','.timing-layer-link-type-element',function() { var ltype = jQuery(this).data('linktype'), objUpdate = {}; u.selectedLayers = []; jQuery('.layer-on-timeline-selector').each(function() { var inp = jQuery(this), uniqueid = inp.closest('.mastertimer-layer').data('uniqueid'), objLayer = u.getLayerByUniqueId(uniqueid); if (objLayer.groupLink == ltype) { inp.attr('checked','checked'); u.selectedLayers.push(uniqueid); objLayer.references.htmlLayer.addClass("multiplelayerselected"); } else { inp.removeAttr('checked','checked'); objLayer.references.htmlLayer.removeClass("multiplelayerselected"); } }); }); jQuery('body').on('change','.layer-on-timeline-selector',function() { t.checkMultipleSelectedItems() }); } t.deepSelection = function(extend) { // DEEP LINK INPUT FIELD ADD ONS jQuery('.input-deepselects').each(function() { var inp = jQuery(this); if (!inp.hasClass("deepselection_ready")) { inp.addClass("deepselection_ready"); inp.wrap('<span class="inp-deep-wrapper"></span>'); inp.parent().append('<span class="inp-deep-list"></span>'); var dl = inp.parent().find('.inp-deep-list'), txt = '<span class="inp-deep-listitems">', rev = inp.data('reverse'), minw = inp.data('deepwidth'), list = inp.data('selects') != undefined ? inp.data('selects').split("||") : "", vals = inp.data('svalues') != undefined ? inp.data('svalues').split("||") : "", icos = inp.data('icons') != undefined ? inp.data('icons').split("||") : "", id = inp.attr('id'); if (minw!==undefined) punchgs.TweenLite.set(dl,{minWidth:minw+"px"}); if (rev=="on") { txt = txt+"<span class='reverse_input_wrapper'><span class='reverse_input_text'>Direction Auto Reverse</span><input class='reverse_input_check tp-moderncheckbox' name='"+id+"_reverse' id='"+id+"_reverse' type='checkbox'></span>"; } if (list!==undefined && list!="") { jQuery.each(list,function(i){ var v = vals[i] || "", l = list[i] || "", i = icos[i] || ""; txt = txt + "<span class='inp-deep-prebutton' data-val='"+v+"'><i class='eg-icon-"+i+"'></i>"+l+"</span>"; }); } txt = txt + "</span>"; dl.append(txt); if (rev=="on") { RevSliderSettings.onoffStatus(jQuery('input[name="'+id+'_reverse"]')); } inp.parent().on('mouseleave',function() { jQuery(this).find('.inp-deep-list').removeClass("visible"); jQuery(this).removeClass("selected-deep-wrapper"); }); } }) if (extend!==true) { jQuery('body').on('click','.inp-deep-prebutton',function() { var btn = jQuery(this), inp = btn.closest('.inp-deep-wrapper').find('input'); inp.val(btn.data('val')); inp.blur(); inp.focus(); inp.trigger("change"); }); jQuery('body').on('click','.input-deepselects',function() { jQuery(this).closest('.inp-deep-wrapper').find('.inp-deep-list').addClass("visible"); jQuery(this).closest('.inp-deep-wrapper').addClass("selected-deep-wrapper"); }) } } t.checkMultipleSelectedItems = function(disableall) { u.selectedLayers = []; var objUpdate = {}; jQuery('.layer-on-timeline-selector').each(function() { var inp = jQuery(this), objLayer = u.getLayerByUniqueId(inp.closest('.mastertimer-layer').data('uniqueid')); if (inp.attr('checked') && disableall!==true) { objLayer.references.htmlLayer.addClass("multiplelayerselected"); u.selectedLayers.push(objLayer.unique_id); } else { inp.removeAttr('checked'); objLayer.references.htmlLayer.removeClass("multiplelayerselected"); } }); } // COMPARE SLIDE LENGTH TO LAYERS END, AND UPDATE THE END OF THE LAYERS AS NEEDED t.compareLayerEndsVSSlideEnd = function() { var maxtime = (t.mainMaxTimeLeft)*10; jQuery.each(u.arrLayers,function(i,objLayer) { if (objLayer.endWithSlide || maxtime<objLayer.frames["frame_999"].time - objLayer.frames["frame_999"].speed) { objLayer.frames["frame_999"].time = maxtime+objLayer.frames["frame_999"].speed; //t.updateLayerTimeline(jQuery('#layer_sort_time_'+objLayer.serial+" .timeline .tl-fullanim")); } }); t.updateAllLayerTimeline(); } function checkAvailableAutoTimes() { var sel = jQuery('.mastertimer-timeline-selector-row.selected').length; jQuery('.autotiming-action').addClass("notclickable"); if (sel>1) { jQuery('.autotiming-action').removeClass("notclickable"); } else if (sel==1) { jQuery('.autotiming-action-3').removeClass("notclickable"); jQuery('.autotiming-action-4').removeClass("notclickable"); jQuery('.autotiming-action-5').removeClass("notclickable"); jQuery('.autotiming-action-6').removeClass("notclickable"); } } function addIconFunction() { jQuery('#tp-addiconbutton, .addbutton-icon').click(function() { var buttons = {"Close":function(){jQuery("#dialog_insert_button").dialog("close")}} jQuery("#dialog_insert_icon").dialog({ //buttons:buttons, width:491, height:500, dialogClass:"tpdialogs", resize:function() { var di = jQuery('#dialog_insert_icon'); di.css({width:(di.parent().width()-30),height:(di.parent().height()-60)}); }, modal:true, create:function(event,ui) { var cont = jQuery(event.target), sheets = document.styleSheets, di = jQuery('#dialog_insert_icon'); di.parent().css({padding:"0px", border:"none", borderRadius:"0px"}); di.parent().find('.ui-dialog-titlebar.ui-widget-header.ui-corner-all.ui-helper-clearfix.ui-draggable-handle').addClass("tp-slider-new-dialog-title"); //css({fontSize:"14px", fontWeight:"400",lineHeight:"35px"}); if (sheets) jQuery.each(sheets,function(index,sheet) { var found = false, markup = ""; try{ if (sheet.cssRules !==null & sheet.cssRules!=undefined) jQuery.each(sheet.cssRules, function(index,rule) { if (rule && rule!==null && rule !=="null" && rule.selectorText!=undefined) { jQuery.each(rs_icon_sets,function(j,prefix){ if (rule.selectorText.split(prefix).length>1 && rule.cssText.split("content").length>1) { var csname = rule.selectorText.split("::before")[0].split(":before")[0]; if (csname!=undefined) { csname = csname.split(".")[1]; if (csname!=undefined) { if (found==false) { found=true; markup = '<ul class="tp-icon-preview-list lastaddediconset">'; } markup=markup + '<li><i class="'+csname+'"></i></li>'; } } } }) } }); } catch(e) {} if (found) { markup = markup + '</ul>'; cont.append(markup); var fli = cont.find('.lastaddediconset').find('li').first().find('i'); cont.find('.lastaddediconset').prepend('<h3>'+fli.css("fontFamily")+'</h3>').removeClass("lastaddediconset"); } }) cont.on("click","li",function() { if (jQuery('#dialog_addbutton').length>0 && jQuery('#dialog_addbutton').closest('.tpdialogs').css('display')!=="none") { if (jQuery('.addbutton-icon:visible').length>0) { jQuery('.addbutton-icon').html(jQuery(this).html()); jQuery("#dialog_insert_icon").dialog("close"); setExampleButtons(); } else { if (jQuery('.lasteditedlayertext').length>0) jQuery('.lasteditedlayertext').val(jQuery('.lasteditedlayertext').val()+jQuery(this).html()).blur().focus(); else jQuery('#layer_text').val(jQuery('#layer_text').val()+jQuery(this).html()).blur().focus(); jQuery("#dialog_insert_icon").dialog("close"); } } else { if (jQuery('.lasteditedlayertext').length>0) jQuery('.lasteditedlayertext').val(jQuery('.lasteditedlayertext').val()+jQuery(this).html()).blur().focus(); else jQuery('.layer_text').val(jQuery('#layer_text').val()+jQuery(this).html()).blur().focus(); jQuery("#dialog_insert_icon").dialog("close"); } u.updateLayerFromFields(); }); } }); }); } function reBlurFocus(dist,cv,el) { if (!jQuery('#rs-animation-tab-button').hasClass("selected") && !jQuery('#rs-loopanimation-tab-button').hasClass("selected")) { cv = Number(cv) +dist; cv=Math.round(cv*100)/100; el.val(cv); /* PUT THIS IN EDIT_LAYERS.js */ jQuery(':focus').blur(); el.focus(); } } /*********************************************************** - INITIALISE CLICK, LOOP, INOUT ANIMATION HANDLERS - ***********************************************************/ function basicClicksAndHovers() { // CHANGING ANY STYLE SHOULD REBUILD THE LAYERS jQuery('.rs-staticcustomstylechange').change(function() { //setTimeout(function() { t.rebuildLayerIdle(jQuery('.slide_layer.layer_selected')); // },20); }) // HANDLING OF LAYER ANIMATIONS STOP/PLAY OF SINGLE LAYERS jQuery('.rs-layer-settings-tabs li').click(function() { var li = jQuery(this); if ((li.attr('id') != '#rs-animation-tab-button' && li.closest('#rs-animation-tab-button').length==0) && (li.attr('id') != '#rs-loopanimation-tab-button' && li.closest('#rs-loopanimation-tab-button').length==0)) { t.stopAllLayerAnimation(); setTimeout(function() { u.removeCurrentLayerRotatable(); u.makeCurrentLayerRotatable(); jQuery('#hide_layer_content_editor').click(); },19); } else if (!jQuery(this).hasClass("selected")) { t.stopAllLayerAnimation(); if (li.attr('id') == '#rs-animation-tab-button' || li.closest('#rs-animation-tab-button').length!=0) { t.animateCurrentSelectedLayer(3); u.removeCurrentLayerRotatable(); jQuery('#hide_layer_content_editor').click(); } else { t.callCaptionLoops(); u.removeCurrentLayerRotatable(); jQuery('#hide_layer_content_editor').click(); } } }); // CLICK ON LAYERS ARE SHOULD STOP ANY LAYER ANIMATION OR LOOPS jQuery('#divLayers').click(function() { t.stopAllLayerAnimation(); u.removeCurrentLayerRotatable(); setTimeout(function() { if (t.checkAnimationTab()) t.animateCurrentSelectedLayer(4); if (t.checkLoopTab()) t.callCaptionLoops(); },19); }) // Click on LayerAnimation Button the current Selected Layer should be Animated jQuery('#layeranimation-playpause').click(function() { var btn = jQuery(this); if (btn.hasClass("inpause")) { btn.removeClass("inpause"); if (t.checkAnimationTab()) { t.stopAllLayerAnimation(); t.animateCurrentSelectedLayer(5); u.removeCurrentLayerRotatable(); } } else { btn.addClass("inpause"); t.stopAllLayerAnimation(); } }) // Click on LayerAnimation Button the current Selected Layer should be Animated jQuery('#loopanimation-playpause').click(function() { var btn = jQuery(this); if (btn.hasClass("inpause")) { btn.removeClass("inpause"); if (t.checkLoopTab()) { t.stopAllLayerAnimation(); t.callCaptionLoops(); u.removeCurrentLayerRotatable(); } } else { btn.addClass("inpause"); t.stopAllLayerAnimation(); } }) jQuery('#rs-style-tab-button').click(function() { setTimeout(function() { jQuery('.slide_layer').each(function() { t.rebuildLayerIdle(jQuery(this)); var inlayer = jQuery(this).find('.innerslide_layer').first(); if (inlayer.length>0 && inlayer.data('hoveranim')!=undefined) { var tl = inlayer.data('hoveranim'); tl.seek(tl.endTime()); } }) },19); }); jQuery('#toggle-idle-hover').click(function() { setTimeout(function() { t.rebuildLayerIdle(jQuery('.slide_layer.layer_selected')); },19); }) jQuery('#style_form_wrapper').on("colorchanged",function() { t.rebuildLayerIdle(jQuery('.slide_layer.layer_selected')); }) } t.resetIdleSelector = function() { var bt = jQuery('#toggle-idle-hover'); bt.addClass("idleisselected").removeClass("hoverisselected"); jQuery('#tp-idle-state-advanced-style').show(); jQuery('#tp-hover-state-advanced-style').hide(); } /************************************************************************************************************************ - CHECK IF ANIMATION AND LOOP ANIMATION TABS ARE ACTIVATED AND IN IDLE OR PLAY MODE ARE - **************************************************************************************************************************/ t.checkAnimationTab = function() { return (!jQuery('#layeranimation-playpause').hasClass("inpause") && jQuery('#rs-animation-tab-button').hasClass("selected")); } t.checkLoopTab = function() { return (!jQuery('#loopanimation-playpause').hasClass("inpause") && jQuery('#rs-loopanimation-tab-button').hasClass("selected")); } /********************************************************** - ANIMATION HANDLING - **********************************************************/ /********************************* - PREPARE THE ANIMATIONS - ********************************/ function preparePeviewAnimations() { // NORMAL FIELDS CHANGED IN IN/OUT ANIMATION jQuery('.rs-inoutanimationfield').on("change", function() { if (t.checkAnimationTab()) { t.stopAllLayerAnimation(); setTimeout(function() { t.animateCurrentSelectedLayer(50); },19); } }); // NORMAL FIELDS CHANGED IN LOOP ANIMATIONS } function prepareLoopAnimations() { // NORMAL FIELDS CHANGED IN IN/OUT ANIMATION jQuery('.rs-loopanimationfield').on("change", function() { if (t.checkLoopTab()) { t.stopAllLayerAnimation(); setTimeout(function() { t.callCaptionLoops(); },19); } }); } /****************************** - STOP ALL ANIMATION - ********************************/ t.stopAllLayerAnimation = function() { document.getElementById('mastertimer-playpause-wrapper').innerHTML = '<i class="eg-icon-play"></i><span>PLAY</span>'; punchgs.TweenLite.set(document.getElementsByClassName('tp-mask-wrap'),{clearProps:"transform",overwrite:"all"}); jQuery('#divbgholder').find('.tp-blockmask_in, .tp-blockmask_out').remove(); jQuery('.tp-showmask').removeClass('tp-showmask'); var ils = document.getElementsByClassName("innerslide_layer"); for (var i=0;i<ils.length;i++) { var nextcaption = jQuery(ils[i]); if (ils[i].parentNode.classList.contains('rs-preview-inside-looper') || ils[i].parentNode.parentNode.classList.contains('rs-preview-inside-looper')) nextcaption.unwrap(); if (nextcaption.data('tl')!=undefined) { var tl = nextcaption.data('tl'); tl.clear(); tl.kill(); try{ if (nextcaption.data('mySplitText')) nextcaption.data('mySplitText').revert(); } catch(e) {} punchgs.TweenLite.set(nextcaption[0].parentNode,{autoAlpha:1}); t.rebuildLayerIdle(nextcaption.closest('.slide_layer')); u.removeCurrentLayerRotatable(); } } punchgs.TweenLite.set(document.getElementById('startanim_wrapper'),{autoAlpha:0}); punchgs.TweenLite.set(document.getElementById('endanim_wrapper'),{autoAlpha:0}); } /****************************** - LOOP ANIMATIONS - ********************************/ t.callCaptionLoops = function() { t.stopAllLayerAnimation(); var caption = jQuery('.slide_layer.layer_selected'), el = caption.find('.innerslide_layer').first(); if (el.length==0) { return false; } var id = u.getSerialFromID(caption.attr('id')); params=u.getLayer(id), loopanim = params["loop_animation"]; if (el.closest('.rs-preview-inside-looper').length>0) { el.unwrap(); } el.wrap('<div class="rs-preview-inside-looper" style="width:100%;height:100%;position:relative"></div>'); var loopobj =caption.find('.rs-preview-inside-looper'), startdeg = params["loop_startdeg"], enddeg = params["loop_enddeg"], speed = params["loop_speed"], origin = ''+params["loop_xorigin"]+'% '+params["loop_yorigin"]+'%', easing = params["loop_easing"], angle= params["loop_angle"], radius = parseInt(params["loop_radius"],0), xs = params["loop_xstart"], ys = params["loop_ystart"], xe = params["loop_xend"], ye = params["loop_yend"], zoomstart = params["loop_zoomstart"], zoomend = params["loop_zoomend"]; factor = 1; var tl = new punchgs.TimelineLite(); tl.pause(); // SOME LOOPING ANIMATION ON INTERNAL ELEMENTS switch (loopanim) { case "rs-pendulum": //punchgs.TweenLite.fromTo(loopobj,speed,{force3D:"auto",rotation:startdeg,transformOrigin:origin},{rotation:enddeg,ease:easing}); tl.add(punchgs.TweenLite.fromTo(loopobj,speed,{force3D:"auto",rotation:startdeg,transformOrigin:origin},{rotation:enddeg,ease:easing})); tl.add(punchgs.TweenLite.fromTo(loopobj,speed,{force3D:"auto",rotation:enddeg},{rotation:startdeg,ease:easing,onComplete:function() { tl.restart(); }})); break; case "rs-rotate": tl.add(punchgs.TweenLite.fromTo(loopobj,speed,{force3D:"auto",rotation:startdeg,transformOrigin:origin},{rotation:enddeg,ease:easing,onComplete:function() { tl.restart(); }})); break; case "rs-slideloop": tl.add(punchgs.TweenLite.fromTo(loopobj,speed,{force3D:"auto",x:xs,y:ys},{x:xe,y:ye,ease:easing})); tl.add(punchgs.TweenLite.fromTo(loopobj,speed,{force3D:"auto",x:xe,y:ye},{x:xs,y:ys,onComplete:function() { tl.restart(); }})); break; case "rs-pulse": tl.add(punchgs.TweenLite.fromTo(loopobj,speed,{force3D:"auto",scale:zoomstart},{scale:zoomend,ease:easing})); tl.add(punchgs.TweenLite.fromTo(loopobj,speed,{force3D:"auto",scale:zoomend},{scale:zoomstart,onComplete:function() { tl.restart(); }})); break; case "rs-wave": var _ox = ((parseInt(params["loop_xorigin"],0)/100)-0.5) * loopobj.width(), _oy = ((parseInt(params["loop_yorigin"],0)/100)-0.5) * loopobj.height(), yo = (-1*radius) + _oy, xo = 0 + _ox, angobj = {a:0, ang : angle, element:loopobj, unit:radius,xoffset:xo,yoffset:yo}; var ang = parseInt(angle,0); tl.add(punchgs.TweenLite.fromTo(angobj,speed, { a:0+ang }, { a:360+ang, force3D:"auto", ease:punchgs.Linear.easeNone, onUpdate:function() { var rad = angobj.a * (Math.PI / 180), yy = angobj.yoffset+(angobj.unit * (1 - Math.sin(rad))), xx = angobj.xoffset+Math.cos(rad) * angobj.unit; punchgs.TweenLite.to(angobj.element,0.1,{force3D:"auto",x:xx, y:yy}); }, onComplete:function() { tl.restart(); } } )); break; } tl.play(); caption.data('tl',tl); } /****************************************** - REBUILD IDLE STATES OF ITEMS - ******************************************/ t.rebuildLayerIdle = function(caption,timer,isDemo) { timer = timer == undefined ? 50 : timer; isDemo = isDemo == undefined ? false : isDemo; if (g_rebuildTimer == 0) { timer = 0; g_rebuildTimer = 999; } if (caption==undefined || jQuery(caption).length==0 || caption[0].classList.contains("layer-deleted")) return false; var cp = jQuery(caption); clearTimeout(cp.data('idlerebuildtimer')); t.rebuildLayerIdleProgress(caption); var id = u.getSerialFromID(caption.attr('id')), objLayer = u.getLayer(id,isDemo); var e_img = caption.find('.tp-caption img'); u.updateHtmlLayerPosition(false,objLayer,u.getVal(objLayer, 'top'),u.getVal(objLayer, 'left'),u.getVal(objLayer, 'align_hor'),u.getVal(objLayer, 'align_vert')); if (e_img.length>0 && !jQuery(e_img).hasClass("loaded")) { jQuery(e_img).addClass("loaded"); var img = new Image(); img.onload = function() { objLayer.originalWidth = this.width; objLayer.originalHeight = this.height; u.updateHtmlLayerPosition(false,objLayer,u.getVal(objLayer, 'top'),u.getVal(objLayer, 'left'),u.getVal(objLayer, 'align_hor'),u.getVal(objLayer, 'align_vert')); } img.onerror = function() { e_img[0].src = objLayer.image_url = g_revslider_url+"/admin/assets/images/tp-brokenimage.png"; u.updateHtmlLayerPosition(false,objLayer,u.getVal(objLayer, 'top'),u.getVal(objLayer, 'left'),u.getVal(objLayer, 'align_hor'),u.getVal(objLayer, 'align_vert')); } img.onabort = function() { u.updateHtmlLayerPosition(false,objLayer,u.getVal(objLayer, 'top'),u.getVal(objLayer, 'left'),u.getVal(objLayer, 'align_hor'),u.getVal(objLayer, 'align_vert')); } img.src = e_img[0].src; } else { //u.updateHtmlLayerPosition(false,caption,objLayer,u.getVal(objLayer, 'top'),u.getVal(objLayer, 'left'),u.getVal(objLayer, 'align_hor'),u.getVal(objLayer, 'align_vert')); //update corners u.updateHtmlLayerCorners(objLayer); //update cross position u.updateCrossIconPosition(objLayer); } u.extendSlideHeightBasedOnRows(); return true; } //////////////////////////////// // REBUILD LAYER CSS FOR IDLE // //////////////////////////////// t.rebuildLayerIdleProgress = function(caption) { if (caption===undefined) return; var is_demo = (caption.attr('id') !== caption.attr('id').replace('demo_layer_')) ? true : false; if (caption==undefined || jQuery(caption).length==0) return false; var id = u.getSerialFromID(caption.attr('id')), params=u.getLayer(id, is_demo); if (params==undefined || params==false) return false; // CLEAR UP HALF ANIMATED STATUS ON WRAPPING AND HELPING CONTAINERS punchgs.TweenLite.set(caption.find('.tp-mask-wrap'), { clearProps:"all", visibility:"visible",opacity:1}); if (params.type==="column") punchgs.TweenLite.set(caption.find('.column_background').first(),{clearProps:"all",visibility:"visible",opacity:1}); var inlayer = jQuery(caption[0].getElementsByClassName('innerslide_layer')[0]), deform = params.deformation, deformidle = params.deformation, deformhover = params["deformation-hover"], ss = params["static_styles"], fontcolor = window.RevColor.get(u.getVal(ss,"color")), fonttrans = deform["color-transparency"], bgcolor = window.RevColor.get(deform["background-color"]), bordercolor = deform["border-color"], bordertrans = deform["border-transparency"]; if (params.type=="audio") { if (params.video_data.video_show_visibility) { caption.addClass("invisible-audio"); } else { caption.removeClass("invisible-audio"); } return false; } //console.log(params) if(is_demo && params.alias == 'First'){ } // REMOVE SPLITS if (inlayer.data('mySplitText') != undefined) { try{inlayer.data('mySplitText').revert();} catch(e) {} if (params.type=="text" || params.type=="button") { inlayer[0].innerHTML = params.text; u.makeCurrentLayerRotatable(); } inlayer.removeData('mySplitText') } // BORDER OPACITY if (Number(bordertrans)<1) { var rgb = UniteAdminRev.convertHexToRGB(bordercolor); bordercolor="rgba("+rgb[0]+","+rgb[1]+","+rgb[2]+","+bordertrans+")"; } // SET ELEMENT IDLE var mwidth = u.getVal(params,"max_width"), mheight = u.getVal(params,"max_height"), cmode = u.getVal(params,"cover_mode"), loc_position = "absolute"; switch(params.type){ case 'image': mwidth = u.getVal(params,"scaleX"); mheight = u.getVal(params,"scaleY"); break; case 'video': mwidth = params.video_data.cover===true || params.video_data.fullwidth===true ? "100%" : u.getVal(params,"video_width"); mheight = params.video_data.cover===true || params.video_data.fullwidth===true ? "100%" : u.getVal(params,"video_height"); caption.find('.slide_layer_video').css({width:parseInt(mwidth,0)+"px",height:parseInt(mheight,0)+"px"}); break; case 'row': mwidth = "100%"; if (u.getVal(params,"align_vert")==="bottom") caption[0].style.position = "absolute" else caption[0].style.position = "relative" if ((params.column_break_at==="mobile" && t.layout==="mobile") || (params.column_break_at==="tablet" && (t.layout==="tablet" || t.layout==="mobile")) || (params.column_break_at==="notebook" && t.layout!=="desktop")) { caption.addClass("rev_breakcolumns"); } else { caption.removeClass("rev_breakcolumns"); } break; case 'column': mwidth = (100*eval(params.column_size))+"%"; mheight = "auto"; caption[0].style.position = "relative"; caption[0].style.display = "table_cell"; caption[0].style.minHeight = parseInt(u.getVal(params,"min_height"),0)+"px"; caption[0].style.verticalAlign = deform["vertical-align"]; caption[0].cb = caption[0].cb === undefined ? caption.find('.column_background') : caption[0].cb; /*caption[0].style.marginTop = parseInt(u.getVal(params,'margin')[0],0)+"px"; caption[0].style.marginRight= parseInt(u.getVal(params,'margin')[1],0)+"px"; caption[0].style.marginBottom = parseInt(u.getVal(params,'margin')[2],0)+"px"; caption[0].style.marginLeft = parseInt(u.getVal(params,'margin')[3],0)+"px";*/ if (params.bgimage_url!==undefined && params.bgimage_url.length>0) { caption[0].cb.css({ backgroundImage:"url('"+params.bgimage_url+"')", backgroundSize:params.layer_bg_size, backgroundPosition:params.layer_bg_position, backgroundRepeat:params.layer_bg_repeat, }); } else { caption[0].cb.css({ backgroundImage:"", background:bgcolor }) } break; case 'group': switch(mwidth) { case '#1/1#': mwidth="100%";break; case '#1/2#': mwidth="50%";break; case '#1/3#': mwidth="33.333333%";break; case '#2/3#': mwidth="66.666666%";break; case '#1/4#': mwidth="25%";break; case '#3/4#': mwidth="75%";break; case '#1/5#': mwidth="20%";break; case '#2/5#': mwidth="40%";break; case '#3/5#': mwidth="60%";break; case '#4/5#': mwidth="80%";break; case '#1/6#': mwidth="16.666666%";break; case '#4/6#': mwidth="66.666666%";break; case '#5/6#': mwidth="83.333333%";break; } break; } //console.log(params.text+" "+params.groupOrder) if (deform.overflow===undefined || params.type!=="group") deform.overflow = "visible"; if(mwidth == undefined) mwidth = ''; if(mheight == undefined) mheight = ''; if (params.p_uid!==-1 && u.getObjLayerType(params.p_uid)==="column") punchgs.TweenLite.set(caption,{position:"relative", display:u.getVal(params,"display"), top:"auto",left:"auto",right:"auto",bottom:"auto"}); else { if (params.type==="column") { punchgs.TweenLite.set(caption,{position:"absolute", display:"table-cell"}); } else punchgs.TweenLite.set(caption,{position:"absolute", display:"block"}); } if (params.type==="column") bgcolor = "transparent" mwidth = cmode===undefined || cmode==="custom" ? jQuery.isNumeric(mwidth) ? mwidth+"px" : mwidth.match(/px/g) ? parseInt(mwidth,0)+"px" : mwidth.match(/%/g) ? parseFloat(mwidth)+"%" : mwidth : cmode === "fullwidth" || cmode ==="cover" || cmode ==="cover-proportional" ? "100%" : mwidth; mheight = cmode===undefined || cmode==="custom" ? jQuery.isNumeric(mheight) ? mheight+"px" : mheight.match(/px/g) ? parseInt(mheight,0)+"px" : mheight.match(/%/g) ? parseFloat(mheight,0)+"%" : mheight : cmode === "fullheight" || cmode ==="cover" || cmode ==="cover-proportional" ? "100%" : mheight; // SET LAYER WIDTH HEIGHT INNER AND OUTTER caption[0].style.width = mwidth; caption[0].style.height = mheight; if (params.type==="row") { caption[0].style.minHeight = mheight; //caption[0].style.minWidth = mwidth; //caption[0].style.maxWidth = mwidth; } var fw = parseInt(u.getVal(ss,"font-weight"),0) || 400; var bgimage = ""; punchgs.TweenLite.set(inlayer, { clearProps:"all", visibility:"visible",opacity:1}); if (params.bgimage_url!==undefined && params.bgimage_url.length>0 && params.type!=="column") inlayer.css({backgroundImage:"url('"+params.bgimage_url+"')", backgroundSize:params.layer_bg_size, backgroundPosition:params.layer_bg_position, backgroundRepeat:params.layer_bg_repeat}); else inlayer.css({backgroundImage:"", backgroundSize:params.layer_bg_size, backgroundPosition:params.layer_bg_position, backgroundRepeat:params.layer_bg_repeat}); var inlay_object_anim = { z:deform.z, scaleX:parseFloat(deform.scalex), scaleY:parseFloat(deform.scaley), textAlign:u.getVal(params,"text-align"), rotationX:parseFloat(deform.xrotate), rotationY:parseFloat(deform.yrotate), rotationZ:parseFloat(params["2d_rotation"]), skewX:parseFloat(deform.skewx), skewY:parseFloat(deform.skewy), transformPerspective:parseFloat(deform.pers), transformOrigin:params["layer_2d_origin_x"]+"%"+params["layer_2d_origin_y"]+"%", autoAlpha:deform.opacity, paddingTop:parseInt(u.getVal(params,'padding')[0],0)+"px", paddingRight:parseInt(u.getVal(params,'padding')[1],0)+"px", paddingBottom:parseInt(u.getVal(params,'padding')[2],0)+"px", paddingLeft:parseInt(u.getVal(params,'padding')[3],0)+"px", fontSize:parseInt(u.getVal(ss,"font-size"),0)+"px", lineHeight:parseInt(u.getVal(ss,"line-height"),0)+"px", fontWeight:fw, color:fontcolor, letterSpacing:parseInt(u.getVal(ss,"letter-spacing"),0)+"px", fontStyle:deformidle["font-style"], textDecoration:deform["text-decoration"], textTransform:deform["text-transform"], borderColor:bordercolor, borderRadius:deform["border-radius"][0]+" "+deform["border-radius"][1]+" "+deform["border-radius"][2]+" "+deform["border-radius"][3], borderWidth:deform["border-width"][0]+" "+deform["border-width"][1]+" "+deform["border-width"][2]+" "+deform["border-width"][3], //borderWidth:parseInt(deform["border-width"],0)+"px", borderStyle:deform["border-style"], whiteSpace:u.getVal(params,"whitespace"), maxWidth:"100%", maxHeight:"100%" } // CHECK GRADIENT BG COLOR if (bgcolor.indexOf("gradient")>=0) { inlay_object_anim.background = bgcolor; } else { inlay_object_anim.backgroundColor = bgcolor; } if ((deform.blurfilter!==undefined && parseInt(deform.blurfilter,0)>0) || (deformhover.blurfilter!==undefined && parseInt(deformhover.blurfilter,0)>0)) { var bf = 'blur('+parseInt(deform.blurfilter,0)+'px)'; inlay_object_anim['-webkit-filter'] = bf; inlay_object_anim['filter'] = bf; } if ((deform.grayscalefilter!==undefined && parseInt(deform.grayscalefilter,0)>0) || (deformhover.grayscalefilter!==undefined && parseInt(deformhover.grayscalefilter,0)>0)) { var gf = 'grayscale('+parseInt(deform.grayscalefilter,0)+'%)'; inlay_object_anim['-webkit-filter'] = inlay_object_anim['-webkit-filter']===undefined ? gf : inlay_object_anim['-webkit-filter']+' '+gf; inlay_object_anim['filter'] = inlay_object_anim['filter']===undefined ? gf: inlay_object_anim['filter']+' '+gf; } if ((deform.brightnessfilter!==undefined && parseInt(deform.brightnessfilter,0)!==100) || (deformhover.brightnessfilter!==undefined && parseInt(deformhover.brightnessfilter,0)!=100)) { var brf = 'brightness('+parseInt(deform.brightnessfilter,0)+'%)'; inlay_object_anim['-webkit-filter'] = inlay_object_anim['-webkit-filter']===undefined ? brf : inlay_object_anim['-webkit-filter']+' '+brf; inlay_object_anim['filter'] = inlay_object_anim['filter']===undefined ? brf: inlay_object_anim['filter']+' '+brf; } /*if (deform.shadow_idle===true) { var shcolor = UniteAdminRev.convertHexToRGB(deform.ds_color); shcolor="rgba("+shcolor[0]+","+shcolor[1]+","+shcolor[2]+","+deform.ds_opacity+")"; var dshadow = "drop-shadow("+parseInt(deform.ds_x,0)+"px "+parseInt(deform.ds_y,0)+"px "+parseInt(deform.ds_blur,0)+"px "+shcolor+")"; inlay_object_anim['-webkit-filter'] = inlay_object_anim['-webkit-filter']===undefined ? dshadow : inlay_object_anim['-webkit-filter']+' '+dshadow; inlay_object_anim['filter'] = inlay_object_anim['filter']===undefined ? dshadow: inlay_object_anim['filter']+' '+dshadow; }*/ if (deformidle["font-family"]) inlay_object_anim.fontFamily = deformidle["font-family"]; if (params.type==="group") punchgs.TweenLite.set(inlayer.find('.tp_layer_group_inner_wrapper').first(),{overflow:deform.overflow}); if (params.type==="row") punchgs.TweenLite.set(inlayer.find('.tp_layer_group_inner_wrapper').first(),{minHeight:mheight}); if (params.layer_blend_mode!==undefined && jQuery.inArray(params.type,["image","shape","text","svg"]>=0)) punchgs.TweenLite.set(inlayer.closest('.slide_layer'),{mixBlendMode:params.layer_blend_mode}); switch (params.type) { case "shape": case "svg": punchgs.TweenLite.set(caption, { marginTop:parseInt(u.getVal(params,'margin')[0],0)+"px", marginRight:parseInt(u.getVal(params,'margin')[1],0)+"px", marginBottom:parseInt(u.getVal(params,'margin')[2],0)+"px", marginLeft:parseInt(u.getVal(params,'margin')[3],0)+"px" }); break; case "column": // Draw Border to fake color Background of Column Content punchgs.TweenLite.set(caption.find('.column_background'),{ borderTopWidth:parseInt(u.getVal(params,'margin')[0],0)+"px", borderRightWidth:parseInt(u.getVal(params,'margin')[1],0)+"px", borderBottomWidth:parseInt(u.getVal(params,'margin')[2],0)+"px", borderLeftWidth:parseInt(u.getVal(params,'margin')[3],0)+"px" }); // Set Column inner Content Spacing for Column Gap's inlay_object_anim.marginTop=parseInt(u.getVal(params,'margin')[0],0)+"px"; inlay_object_anim.marginRight=parseInt(u.getVal(params,'margin')[1],0)+"px"; inlay_object_anim.marginBottom=parseInt(u.getVal(params,'margin')[2],0)+"px"; inlay_object_anim.marginLeft=parseInt(u.getVal(params,'margin')[3],0)+"px"; break; default: punchgs.TweenLite.set(caption, { marginTop:parseInt(u.getVal(params,'margin')[0],0)+"px", marginRight:parseInt(u.getVal(params,'margin')[1],0)+"px", marginBottom:parseInt(u.getVal(params,'margin')[2],0)+"px", marginLeft:parseInt(u.getVal(params,'margin')[3],0)+"px" }); break; } if (params.type==="image") { if(params.scaleProportional) { punchgs.TweenLite.set(inlayer.find('img'),{width:"100%",height:"auto"}) inlay_object_anim.width="100%"; inlay_object_anim.height="auto"; } else { punchgs.TweenLite.set(inlayer.find('img'),{width:"100%",height:"100%"}) inlay_object_anim.width="100%"; inlay_object_anim.height="100%"; } } if (params.type==="video") { punchgs.TweenLite.set(inlayer.find('.slide_layer_video'),{width:"100%",height:"100%"}) inlay_object_anim.width="100%"; inlay_object_anim.height="100%"; } if (params.type==="svg" && params.svg!=undefined) { var svgstrokecolor = window.RevColor.get(params.svg["svgstroke-color"]) || "transparent", svgstrokewidth = params.svg["svgstroke-width"] || 0, svgstrokedasharray = params.svg["svgstroke-dasharray"] || 0, svgstrokedashoffset = params.svg["svgstroke-dashoffset"] || 0; punchgs.TweenLite.set(inlayer.find('svg'),{ fill:fontcolor, stroke:svgstrokecolor, strokeWidth:svgstrokewidth, strokeDasharray:svgstrokedasharray, strokeDashoffset:svgstrokedashoffset }); punchgs.TweenLite.set(inlayer.find('svg path'),{ fill:fontcolor }); } // SET INLAYER STYLE punchgs.TweenLite.set(inlayer, inlay_object_anim); if (params.inline !=undefined && params.inline.idle!=undefined) jQuery.each(params.inline.idle, function(key,value) { inlayer.css(key,value); }) //SET ELEMENT HOVER (IN CASE IT EXISTS) if (params.hover===true) { deform = params["deformation-hover"]; var fontcolor = window.RevColor.get(deform.color), fonttrans = deform["color-transparency"], bgcolor = window.RevColor.get(deform["background-color"]), bgtrans = deform["background-transparency"], bordercolor = deform["border-color"], bordertrans = deform["border-transparency"]; // BORDER OPACITY if (Number(bordertrans)<1) { var rgb = UniteAdminRev.convertHexToRGB(bordercolor); bordercolor="rgba("+rgb[0]+","+rgb[1]+","+rgb[2]+","+bordertrans+")"; } var tl=new punchgs.TimelineLite(); tl.pause(); var hoverspeed = parseFloat(deform.speed)/1000; hoverspeed = hoverspeed === 0 ? 0.001 : hoverspeed; var hover_object_anim = { scaleX:parseFloat(deform.scalex), scaleY:parseFloat(deform.scaley), rotationX:parseFloat(deform.xrotate), rotationY:parseFloat(deform.yrotate), rotationZ:parseFloat(deform["2d_rotation"]), skewX:parseFloat(deform.skewx), skewY:parseFloat(deform.skewy), autoAlpha:deform.opacity, color:fontcolor, textDecoration:deform["text-decoration"], borderColor:bordercolor, borderRadius:parseInt(deform["border-radius"][0],0)+"px "+parseInt(deform["border-radius"][1],0)+"px "+parseInt(deform["border-radius"][2],0)+"px "+parseInt(deform["border-radius"][3],0)+"px", borderWidth:parseInt(deform["border-width"][0],0)+"px "+parseInt(deform["border-width"][1],0)+"px "+parseInt(deform["border-width"][2],0)+"px "+parseInt(deform["border-width"][3],0)+"px", //borderWidth:parseInt(deform["border-width"],0)+"px", borderStyle:deform["border-style"], onComplete:function() { if (params.inline && params.inline.hover!=undefined) jQuery.each(params.inline.hover, function(key,value) { inlayer.css(key,value); }) }, ease:deform.easing } if (bgcolor.indexOf("gradient")>=0) { hover_object_anim.background = bgcolor; } else { hover_object_anim.backgroundColor = bgcolor; } if ((deform.blurfilter!==undefined && parseInt(deform.blurfilter,0)>0) || (deformidle.blurfilter!==undefined && parseInt(deformidle.blurfilter,0)>0)) { var bf = 'blur('+parseInt(deform.blurfilter,0)+'px)'; hover_object_anim['-webkit-filter'] = bf; hover_object_anim['filter'] = bf; } if ((deform.grayscalefilter!==undefined && parseInt(deform.grayscalefilter,0)>0) || (deformidle.grayscalefilter!==undefined && parseInt(deformidle.grayscalefilter,0)>0)) { var gf = 'grayscale('+parseInt(deform.grayscalefilter,0)+'%)'; hover_object_anim['-webkit-filter'] = hover_object_anim['-webkit-filter']===undefined ? gf : hover_object_anim['-webkit-filter']+' '+gf; hover_object_anim['filter'] = hover_object_anim['filter']===undefined ? gf: hover_object_anim['filter']+' '+gf; } if ((deform.brightnessfilter!==undefined && parseInt(deform.brightnessfilter,0)!=100) || (deformidle.brightnessfilter!==undefined && parseInt(deformidle.brightnessfilter,0)!=100)) { var brf = 'brightness('+parseInt(deform.brightnessfilter,0)+'%)'; hover_object_anim['-webkit-filter'] = hover_object_anim['-webkit-filter']===undefined ? brf : hover_object_anim['-webkit-filter']+' '+brf; hover_object_anim['filter'] = hover_object_anim['filter']===undefined ? brf: hover_object_anim['filter']+' '+brf; } /*if (deformidle.shadow_idle===true) { var shcolor = UniteAdminRev.convertHexToRGB(deformidle.ds_color); shcolor="rgba("+shcolor[0]+","+shcolor[1]+","+shcolor[2]+","+deformidle.ds_opacity+")"; var dshadow = "drop-shadow("+parseInt(deformidle.ds_x,0)+"px "+parseInt(deformidle.ds_y,0)+"px "+parseInt(deformidle.ds_blur,0)+"px "+shcolor+")"; hover_object_anim['-webkit-filter'] = inlay_object_anim['-webkit-filter']===undefined ? dshadow : inlay_object_anim['-webkit-filter']+' '+dshadow; hover_object_anim['filter'] = inlay_object_anim['filter']===undefined ? dshadow: inlay_object_anim['filter']+' '+dshadow; }*/ // ANIMATION TO HOVER EFFECT tl.add(punchgs.TweenLite.to(inlayer, hoverspeed,hover_object_anim)); if (params.type==="svg" && params.svg!=undefined) { var svgstrokecolor = window.RevColor.get(params.svg["svgstroke-hover-color"]) || "transparent", svgstrokewidth = params.svg["svgstroke-hover-width"] || 0, svgstrokedasharray = params.svg["svgstroke-hover-dasharray"] || 0, svgstrokedashoffset = params.svg["svgstroke-hover-dashoffset"] || 0; tl.add(punchgs.TweenLite.to(inlayer.find('svg'),hoverspeed,{ fill:fontcolor, stroke:svgstrokecolor, strokeWidth:svgstrokewidth, strokeDasharray:svgstrokedasharray, strokeDashoffset:svgstrokedashoffset, ease:deform.easing }),0); tl.add(punchgs.TweenLite.to(inlayer.find('svg path'),hoverspeed,{ fill:fontcolor }),0); } inlayer.data('hoveranim',tl); // ADD HOVER ON THE ELEMENT if (caption.data('hoverexist')===undefined || caption.data('hoverexist')===false) { caption.hover(function() { if (jQuery('#rs-style-tab-button').hasClass("selected")) { if (jQuery('#toggle-idle-hover').hasClass("idleisselected")) { var inlayer = jQuery(this).find('.innerslide_layer').first(); if (inlayer.length>0 && inlayer.data('hoveranim')!=undefined) { var tl = inlayer.data('hoveranim'); tl.play(0); } } } },function() { if (jQuery('#rs-style-tab-button').hasClass("selected")) { if (jQuery('#toggle-idle-hover').hasClass("idleisselected")) { var inlayer = jQuery(this).find('.innerslide_layer').first(); if (inlayer.length>0 && inlayer.data('hoveranim')!=undefined) { var tl = inlayer.data('hoveranim'); tl.reverse(); } } } }); caption.data('hoverexist',true); } if (document.getElementById('toggle-idle-hover').classList.contains("hoverisselected")) { tl.seek(tl.endTime()); } else { tl.seek(0); tl.pause(0); setTimeout(function() { tl.pause(0); },109) } } else { caption.unbind("hover"); caption.data("hoverexist",false); } } /****************************************************************************************** - ANIMATE CURRENT SELECTED LAYER IN AND OUT ON SHORT TIMEFRAME - ********************************************************************************************/ t.animateCurrentSelectedLayer = function(delay) { // if (delay==undefined) delay = 229; u.removeCurrentLayerRotatable(); var nextcaption = jQuery('.slide_layer.layer_selected').find('.innerslide_layer').first(); if (nextcaption.length==0) { return false; } if (nextcaption.data('tl')==undefined) var tl=new punchgs.TimelineLite(); else var tl = nextcaption.data('tl'); tl.clear(); tl.kill(); tl.pause(); nextcaption.data('inanim',theLayerInAnimation(nextcaption)); nextcaption.data('outanim',theLayerOutAnimation(nextcaption)); // RUN THE IN ANIMATION tl.addLabel("inanimation"); tl.add(nextcaption.data('inanim'),"=+0.2"); // ADD SOME ANIMATION ON THE IN/OUT TABS tl.addLabel("outanimation"); tl.add(punchgs.TweenLite.fromTo(jQuery('#startanim_timerunner'),1,{x:0,y:0},{y:41}),"outanimation"); tl.add(punchgs.TweenLite.fromTo(jQuery('#startanim_timerunnerbox'),1,{x:0,y:0},{y:41}),"outanimation"); tl.add(punchgs.TweenLite.fromTo(jQuery('#endanim_timerunnerbox'),1,{x:0,y:-41},{x:0,y:0}),"outanimation"); tl.add(punchgs.TweenLite.fromTo(jQuery('#endanim_timerunner'),1,{x:0,y:-41},{y:0}),"outanimation"); tl.add(punchgs.TweenLite.set(jQuery('#endanim_wrapper'),{width:67,autoAlpha:1}),"outanimation"); // RUN THE OUT ANIMATION tl.add(nextcaption.data('outanim')); tl.eventCallback("onComplete",function() { tl.restart(); }) tl.play(); nextcaption.data('tl',tl); } /*************************************** - BUILD IN ANIMATION TIMELINE - ****************************************/ var checkAnimValue = function(val,defval,nextcaption,direction,$splitamount) { var v = val, d = defval; if (jQuery.isNumeric(parseFloat(v))) { return parseFloat(v); } else if (v===undefined || v==="inherit") { return d; } else if (v.split("{").length>1) { var min = v.split(","); max = min[1].split("}")[0]; min = min[0].split("{")[1]; if ($splitamount!==undefined && $splitamount>1) { v="["+(parseInt(Math.random()*(max-min),0) + parseInt(min,0)); for (var i=0;i<$splitamount;i++) { v = v+"|"+(parseInt(Math.random()*(max-min),0) + parseInt(min,0)); } v = v+"]"; } else { v = Math.random()*(max-min) + min; } return v; } else { var cw = jQuery('#divLayers').width(), ch = jQuery('#divLayers').height(), el = nextcaption.closest('.slide_layer'), elw = el.width(), elh = el.height(), p = el.position(); if (v.match(/%]/g)) { v = v.split("[")[1].split("]")[0]; if (direction=="horizontal") v = elw*parseInt(v,0)/100; else if (direction=="vertical") v = elh*parseInt(v,0)/100; } else switch (v.toLowerCase()) { case "top": case "stage_top": v = 0-elh-p.top; break; case "bottom": case "stage_bottom": v = ch; break; case "stage_left": case "left": v = 0-elw-p.left; break; case "right": case "stage_right": v = cw; break; case "center": case "stage_center": v = (cw/2 - p.left - elw/2); break; case "middle": case "stage_middle": v = (ch/2 - p.top - elh/2); break; case "layer_top": v = 0-elh; break; case "layer_bottom": v = elh; break; case "layer_left": v = 0-elw; break; case "layer_right": v = elw; break; case "layer_center": v = elw/2; break; case "layer_middle": v = elh/2; break; default: break; } return v; } return v; } // SFX ANIMATIONS function checkSFXAnimations(params,effect,mask,mdelay,easedata,speed) { // BLOCK SFX ANIMATIONS if (effect!==undefined && effect.indexOf("block")>=0) { var $sfx = new Object(); if (mask.find('.tp-blockmask_in').length===0) { mask.append('<div class="tp-blockmask_in"></div>'); mask.append('<div class="tp-blockmask_out"></div>'); } $sfx.ft = [{scaleY:1,scaleX:0,transformOrigin:"0% 50%"},{scaleY:1,scaleX:1,ease:easedata,immediateRender:false}]; $sfx.t = {scaleY:1,scaleX:0,transformOrigin:"100% 50%",ease:easedata,immediateRender:false}; $sfx.bmask_in = mask.find('.tp-blockmask_in'); $sfx.bmask_out = mask.find('.tp-blockmask_out'); $sfx.type = "block"; switch (effect) { case "blocktoleft": case "blockfromright": $sfx.ft[0].transformOrigin = "100% 50%"; $sfx.t.transformOrigin = "0% 50%"; break; case "blockfromtop": case "blocktobottom": $sfx.ft = [{scaleX:1,scaleY:0,transformOrigin:"50% 0%"},{scaleX:1,scaleY:1,ease:easedata,immediateRender:false}]; $sfx.t = {scaleX:1,scaleY:0,transformOrigin:"50% 100%",ease:easedata,immediateRender:false}; break; case "blocktotop": case "blockfrombottom": $sfx.ft = [{scaleX:1,scaleY:0,transformOrigin:"50% 100%"},{scaleX:1,scaleY:1,ease:easedata,immediateRender:false}]; $sfx.t = {scaleX:1,scaleY:0,transformOrigin:"50% 0%",ease:easedata,immediateRender:false}; break; } $sfx.ft[1].overwrite = "auto"; $sfx.t.overwrite = "auto"; return $sfx; } else { mask.find('.tp-blockmask').remove(); return false; } } ////////////////////////////////////////////// // - GET SPLITTEXT DIRECTION ARRAY - // ///////////////////////////////////////////// function shuffleArray(array) { var currentIndex = array.length, temporaryValue, randomIndex; // While there remain elements to shuffle... while (0 !== currentIndex) { // Pick a remaining element... randomIndex = Math.floor(Math.random() * currentIndex); currentIndex -= 1; // And swap it with the current element. temporaryValue = array[currentIndex]; array[currentIndex] = array[randomIndex]; array[randomIndex] = temporaryValue; } return array; } function getSplitTextDirs(alen,d) { var ri = new Array(); switch (d) { case "forward": case "random": for (var si=0;si<=alen;si++) { ri.push(si);} if (d==="random") ri = shuffleArray(ri); break; case "backward": for (var si=0;si<=alen;si++) { ri.push(alen-si); } break; case "middletoedge": var cc = Math.ceil(alen/2), mm = cc-1, pp = cc+1; ri.push(cc); for (var si=0;si<cc;si++) { if (mm>=0) ri.push(mm); if (pp<=alen) ri.push(pp); mm--; pp++; } break; case "edgetomiddle": var mm = alen, pp = 0; for (var si=0;si<=Math.floor(alen/2);si++) { ri.push(mm); if (pp<mm) ri.push(pp); mm--; pp++; } break; } return ri; } ////////////////////////////////////////////// // - GET SPLITTEXT CYCLES ANIMATION - // ///////////////////////////////////////////// function getCycles(anim) { var _ = {}; for (var a in anim) { if (typeof anim[a] === "string" && anim[a].indexOf("|")>=0) { if (_[a]===undefined) _[a] = {index:0}; _[a].values = ((anim[a].replace("[","")).replace("]","")).split("|"); _[a].len = _[a].values.length-1; } } return _; } function theLayerInAnimation(nextcaption) { var sl = nextcaption.closest('.slide_layer'), id = u.getSerialFromID(sl.attr('id')), params = new Object(); params=jQuery.extend(true,{},params, u.getLayer(id)); if (sl.children(".tp-mask-wrap").length==0) sl.wrapInner('<div style="width:100%;height:100%;position:relative;" class="tp-mask-wrap"></div>'); var mask = sl.find('.tp-mask-wrap'), anim = params.animation, colbg = sl.hasClass("slide_layer_type_column") ? sl.find('.column_background').first() : undefined, speed = params.frames["frame_0"].speed/1000, easedata = params.frames["frame_0"].easing, mdelay = params.frames["frame_0"].splitdelay/100, $split = params.frames["frame_0"].split, $endsplit = params.frames["frame_999"].split, animobject = nextcaption, thesource = new Object(), theresult = new Object(), $splitdir = params.frames["frame_0"].split_direction; thesource.transx = 0; thesource.transy = 0; thesource.transz = 0; thesource.rotatex = 0; thesource.rotatey = 0; thesource.rotatez = 0; thesource.scalex = 1; thesource.scaley = 1; thesource.skewx = 0; thesource.skewy = 0; thesource.opac = 0; thesource.tper = parseFloat(params.deformation.pers); thesource.origin = "center,center"; //parseInt(u.getVal(ss,"font-size"),0)+"px", theresult.transx = 0; theresult.transy = 0; theresult.transz = parseFloat(params.deformation.z); theresult.rotatex = parseFloat(params.deformation.xrotate); theresult.rotatey = parseFloat(params.deformation.yrotate); theresult.rotatez = parseFloat(params["2d_rotation"]); theresult.scalex = parseFloat(params.deformation.scalex); theresult.scaley = parseFloat(params.deformation.scaley); theresult.skewx = parseFloat(params.deformation.skewx); theresult.skewy = parseFloat(params.deformation.skewy); theresult.opac = parseFloat(params.deformation.opacity); theresult.tper = parseFloat(params.deformation.pers); thesource['-webkit-filter'] = ""; thesource['filter'] = ""; theresult['-webkit-filter'] = ""; theresult['filter'] = ""; //FILTERS if ((params.deformation.blurfilter!==undefined && parseInt(params.deformation.blurfilter,0)>0) || (params.blurfilter_start!==undefined && parseInt(params.blurfilter_start,0)>0)) { var bfidle = 'blur('+parseInt(params.deformation.blurfilter,0)+'px)', bf = params.blurfilter_start==="inherit" ? bfidle : 'blur('+parseInt(params.blurfilter_start,0)+'px)'; thesource['-webkit-filter'] = bf; thesource['filter'] = bf; theresult['-webkit-filter'] = bfidle; theresult['filter'] = bfidle; } if ((params.deformation.grayscalefilter!==undefined && parseInt(params.deformation.grayscalefilter,0)>0) || (params.grayscalefilter_start!==undefined && parseInt(params.grayscalefilter_start,0)>0)) { var gfidle = 'grayscale('+parseInt(params.deformation.grayscalefilter,0)+'%)', gf = params.grayscalefilter_start==="inherit" ? gfidle : 'grayscale('+parseInt(params.grayscalefilter_start,0)+'%)'; thesource['-webkit-filter'] = thesource['-webkit-filter']==="" ? gf : thesource['-webkit-filter']+' '+gf; thesource['filter'] = thesource['filter']==="" ? gf: thesource['filter']+' '+gf; theresult['-webkit-filter'] = theresult['-webkit-filter']==="" ? gfidle : theresult['-webkit-filter']+' '+gfidle; theresult['filter'] = theresult['filter']==="" ? gfidle: theresult['filter']+' '+gfidle; } if ((params.deformation.brightnessfilter!==undefined && parseInt(params.deformation.brightnessfilter,0)!=100) || (params.brightnessfilter_start!==undefined && parseInt(params.brightnessfilter_start,0)!=100)) { var brfidle = 'brightness('+parseInt(params.deformation.brightnessfilter,0)+'%)', brr = params.brightnessfilter_start==="inherit" ? brfidle : 'brightness('+parseInt(params.brightnessfilter_start,0)+'%)'; thesource['-webkit-filter'] = thesource['-webkit-filter']==="" ? brr : thesource['-webkit-filter']+' '+brr; thesource['filter'] = thesource['filter']==="" ? brr: thesource['filter']+' '+brr; theresult['-webkit-filter'] = theresult['-webkit-filter']==="" ? brfidle : theresult['-webkit-filter']+' '+brfidle; theresult['filter'] = theresult['filter']==="" ? brfidle: theresult['filter']+' '+brfidle; } var originx = params["layer_2d_origin_x"]+"%", originy = params["layer_2d_origin_y"]+"%", origin = originx+" "+originy; if (nextcaption.data('mySplitText') != undefined) if ($split !="none" || $endsplit !="none") try{nextcaption.data('mySplitText').revert();} catch(e) {} if ($split == "chars" || $split == "words" || $split == "lines" || $endsplit == "chars" || $endsplit == "words" || $endsplit == "lines" ) { if (nextcaption.find('a').length>0) nextcaption.data('mySplitText',new SplitText(nextcaption.find('a'),{type:"lines,words,chars"})); else nextcaption.data('mySplitText',new SplitText(nextcaption,{type:"lines,words,chars"})); } else { nextcaption.data('mySplitText',"none"); } switch($split) { case "chars": animobject = nextcaption.data('mySplitText').chars; break; case "words": animobject = nextcaption.data('mySplitText').words; break; case "lines": animobject = nextcaption.data('mySplitText').lines; break; } var timedelay=((animobject.length*mdelay) + speed)*1000; punchgs.TweenLite.killTweensOf(nextcaption,false); punchgs.TweenLite.killTweensOf(animobject,false); punchgs.TweenLite.set(mask,{clearProps:"transform"}); punchgs.TweenLite.set(nextcaption,{clearProps:"transform"}); punchgs.TweenLite.set(animobject,{clearProps:"transform"}); var tl = new punchgs.TimelineLite(), tt = new punchgs.TimelineLite(); if (animobject != nextcaption) { tl.add(punchgs.TweenLite.set(nextcaption, { scaleX:theresult.scalex, scaleY:theresult.scaley, rotationX:theresult.rotatex, rotationY:theresult.rotatey, rotationZ:theresult.rotatez, x:theresult.transx, y:theresult.transy, z:theresult.transz+1, skewX:theresult.skewx, skewY:theresult.skewy, transformPerspective:theresult.tper, transformOrigin:origin, autoAlpha:theresult.opac,overwrite:"all"})); } if (nextcaption.data("timer")) clearTimeout(nextcaption.data('timer')); if (nextcaption.data("timera")) clearTimeout(nextcaption.data('timera')); var $sfx = checkSFXAnimations(params,params.frames["frame_0"].sfx_effect,mask,mdelay,easedata,speed); if ($sfx!==false) { if ($sfx.type==="block") { $sfx.ft[0].background = window.RevColor.get(params.frames["frame_0"].sfxcolor); tl.add(punchgs.TweenLite.fromTo($sfx.bmask_in,speed/2, $sfx.ft[0], $sfx.ft[1] ,mdelay)); tl.add(punchgs.TweenLite.fromTo($sfx.bmask_in,speed/2, $sfx.ft[1], $sfx.t, (mdelay+speed/2))); tl.add(tt.set(animobject,{clearProps:"transform"}),0); tl.add(tt.staggerFromTo(animobject,0.05,{ x:0,y:0,scale:1,autoAlpha:0},{x:0,y:0,autoAlpha:1,delay:speed/2},mdelay),0); } } else { thesource.transx = checkAnimValue(params.x_start,theresult.transx,nextcaption,"horizontal",animobject.length); thesource.transy = checkAnimValue(params.y_start,theresult.transy,nextcaption,"vertical",animobject.length); thesource.transz = checkAnimValue(params.z_start,theresult.transz,nextcaption,undefined,animobject.length); thesource.rotatex = checkAnimValue(params.x_rotate_start,theresult.rotatex,nextcaption,undefined,animobject.length); thesource.rotatey = checkAnimValue(params.y_rotate_start,theresult.rotatey,nextcaption,undefined,animobject.length); thesource.rotatez = checkAnimValue(params.z_rotate_start,theresult.rotatez,nextcaption,undefined,animobject.length); thesource.scalex = checkAnimValue(params.scale_x_start,theresult.scalex,nextcaption,undefined,animobject.length); thesource.scaley = checkAnimValue(params.scale_y_start,theresult.scaley,nextcaption,undefined,animobject.length); thesource.skewx = checkAnimValue(params.skew_x_start,theresult.skewx,nextcaption,undefined,animobject.length); thesource.skewy =checkAnimValue( params.skew_y_start,theresult.skewy,nextcaption,undefined,animobject.length); thesource.opac = checkAnimValue(params.opacity_start,theresult.opac,nextcaption,undefined,animobject.length); thesource.tper = params.deformation.pers; tl.add(tt.set(animobject,{clearProps:"transform"}),0); var animfrom = { scaleX:thesource.scalex, scaleY:thesource.scaley, rotationX:thesource.rotatex, rotationY:thesource.rotatey, rotationZ:thesource.rotatez, x:thesource.transx, y:thesource.transy, z:thesource.transz, skewX:thesource.skewx, skewY:thesource.skewy, transformPerspective:thesource.tper, transformOrigin:origin, autoAlpha:thesource.opac, "-webkit-filter":thesource['-webkit-filter'], filter:thesource['filter'], }, animto = { scaleX:theresult.scalex, scaleY:theresult.scaley, rotationX:theresult.rotatex, rotationY:theresult.rotatey, rotationZ:theresult.rotatez, x:theresult.transx, y:theresult.transy, z:theresult.transz, skewX:theresult.skewx, skewY:Number(theresult.skewy), transformPerspective:theresult.tper, transformOrigin:origin, ease:easedata, autoAlpha:theresult.opac,overwrite:"all", force3D:"auto", "-webkit-filter":theresult['-webkit-filter'], filter:theresult['filter'], }; if (params.frames["frame_0"].use_text_c) { animfrom.color = params.frames["frame_0"].text_c; animto.color = window.RevColor.get(u.getVal(params["static_styles"],"color")); } if (params.frames["frame_0"].use_bg_c) { animfrom.backgroundColor = params.frames["frame_0"].bg_c; animto.backgroundColor = window.RevColor.get(params.deformation["background-color"]); } if (animobject.length>1) { var ri = getSplitTextDirs(animobject.length-1, $splitdir), cycles = {from:getCycles(jQuery.extend({},animfrom,true)), to:getCycles(jQuery.extend({},animto,true))}; for (var si in animobject) { var $fanim = jQuery.extend({},animfrom,true), $tanim = jQuery.extend({},animto,true); for (var k in cycles.from) { $fanim[k] = parseInt(cycles.from[k].values[cycles.from[k].index],0); cycles.from[k].index = cycles.from[k].index < cycles.from[k].len ? cycles.from[k].index+1 : 0; } tl.add(tt.fromTo(animobject[ri[si]],speed,$fanim,$tanim,mdelay*si),0); } } else { tl.add(tt.staggerFromTo(animobject,speed, jQuery.extend({},animfrom,true),jQuery.extend({},animto,true),mdelay)); } } // COLUMN BG ANIMATION if (colbg!=undefined) { tl.add(punchgs.TweenLite.fromTo(colbg,speed, { scaleX:thesource.scalex, scaleY:thesource.scaley, rotationX:thesource.rotatex, rotationY:thesource.rotatey, rotationZ:thesource.rotatez, x:thesource.transx, y:thesource.transy, z:thesource.transz, skewX:thesource.skewx, skewY:thesource.skewy, transformPerspective:thesource.tper, transformOrigin:origin, autoAlpha:thesource.opac }, { scaleX:theresult.scalex, scaleY:theresult.scaley, rotationX:theresult.rotatex, rotationY:theresult.rotatey, rotationZ:theresult.rotatez, x:theresult.transx, y:theresult.transy, z:theresult.transz, skewX:theresult.skewx, skewY:Number(theresult.skewy), transformPerspective:theresult.tper, transformOrigin:origin, ease:easedata, autoAlpha:theresult.opac,overwrite:"all", force3D:"auto" }),0); } // MASK ANIMATION if (!params.mask_start) tl.add(punchgs.TweenLite.set(mask,{overflow:"visible"}),0); // MASK ANIMATION if (params.mask_start) { var maskp = new Object(); maskp.x = checkAnimValue(params.mask_x_start,params.mask_x_start,nextcaption,"horizontal"); maskp.y = checkAnimValue(params.mask_y_start,params.mask_y_start,nextcaption,"vertical"); tl.add(punchgs.TweenLite.fromTo(mask,speed,{overflow:"hidden",x:maskp.x,y:maskp.y},{x:0,y:0,ease:easedata}),0); } if (params.mask_start || params.mask_end) mask.addClass('tp-showmask'); else mask.removeClass('tp-showmask'); nextcaption.data('startanimobj',thesource); tl.add(punchgs.TweenLite.fromTo(jQuery('#startanim_wrapper'),tt.totalDuration(),{autoAlpha:1,width:0},{width:67,ease:easedata}),0); if (animobject != nextcaption) tl.add(punchgs.TweenLite.fromTo(nextcaption.parent(), 0.2,{autoAlpha:0},{autoAlpha:1}),0); return tl; } /*************************************** - BUILD OUT ANIMATION TIMELINE - ****************************************/ function theLayerOutAnimation(nextcaption) { var sl = nextcaption.closest('.slide_layer'), id = u.getSerialFromID(sl.attr('id')), params = new Object(); params=jQuery.extend(true,{},params, u.getLayer(id)); var mask = sl.find('.tp-mask-wrap'), colbg = sl.hasClass("slide_layer_type_column") ? sl.find('.column_background').first() : undefined, anim = params.frames["frame_999"].animation, speed = params.frames["frame_999"].speed/1000, easedata = params.frames["frame_999"].easing, mdelay = params.frames["frame_999"].splitdelay/100, $split = params.frames["frame_999"].split, animobject = nextcaption; theanim = new Object(), theresult = new Object(), originx = params["layer_2d_origin_x"]+"%", originy = params["layer_2d_origin_y"]+"%", origin = originx+" "+originy, $splitdir = params.frames["frame_999"].split_direction; easedata = easedata=="nothing" ? params.frames["frame_999"].easing : easedata; theanim.transx = 0; theanim.transy = 0; theanim.transz = 0; theanim.rotatex = 0; theanim.rotatey = 0; theanim.rotatez = 0; theanim.scalex = 1; theanim.scaley = 1; theanim.skewx = 0; theanim.skewy = 0; theanim.opac = 0; theanim.tper = parseFloat(params.deformation.pers);; theresult.transx = 0; theresult.transy = 0; theresult.transz = parseFloat(params.deformation.z); theresult.rotatex = parseFloat(params.deformation.xrotate); theresult.rotatey = parseFloat(params.deformation.yrotate); theresult.rotatez = parseFloat(params["2d_rotation"]); theresult.scalex = parseFloat(params.deformation.scalex); theresult.scaley = parseFloat(params.deformation.scaley); theresult.skewx = parseFloat(params.deformation.skewx); theresult.skewy =parseFloat( params.deformation.skewy); theresult.opac = parseFloat(params.deformation.opacity); theresult.tper = parseFloat(params.deformation.pers); theanim['-webkit-filter'] = ""; theanim['filter'] = ""; theresult['-webkit-filter'] = ""; theresult['filter'] = ""; //FILTERS if ((params.deformation.blurfilter!==undefined && parseInt(params.deformation.blurfilter,0)>0) || (params.blurfilter_start!==undefined && parseInt(params.blurfilter_start,0)>0)) { var bfidle = 'blur('+parseInt(params.deformation.blurfilter,0)+'px)', bf = params.blurfilter_end==="inherit" ? bfidle : 'blur('+parseInt(params.blurfilter_end,0)+'px)'; theanim['-webkit-filter'] = bf; theanim['filter'] = bf; theresult['-webkit-filter'] = bfidle; theresult['filter'] = bfidle; } if ((params.deformation.grayscalefilter!==undefined && parseInt(params.deformation.grayscalefilter,0)>0) || (params.grayscalefilter_end!==undefined && parseInt(params.grayscalefilter_end,0)>0)) { var gfidle = 'grayscale('+parseInt(params.deformation.grayscalefilter,0)+'%)', gf = params.grayscalefilter_end==="inherit" ? gfidle : 'grayscale('+parseInt(params.grayscalefilter_end,0)+'%)'; theanim['-webkit-filter'] = theanim['-webkit-filter']==="" ? gf : theanim['-webkit-filter']+' '+gf; theanim['filter'] = theanim['filter']==="" ? gf: theanim['filter']+' '+gf; theresult['-webkit-filter'] = theresult['-webkit-filter']==="" ? gfidle : theresult['-webkit-filter']+' '+gfidle; theresult['filter'] = theresult['filter']==="" ? gfidle: theresult['filter']+' '+gfidle; } if ((params.deformation.brightnessfilter!==undefined && parseInt(params.deformation.brightnessfilter,0)!=100) || (params.brightnessfilter_end!==undefined && parseInt(params.brightnessfilter_end,0)!=100)) { var brfidle = 'brightness('+parseInt(params.deformation.brightnessfilter,0)+'%)', brf = params.brightnessfilter_end==="inherit" ? brfidle : 'brightness('+parseInt(params.brightnessfilter_end,0)+'%)'; theanim['-webkit-filter'] = theanim['-webkit-filter']==="" ? brf : theanim['-webkit-filter']+' '+brf; theanim['filter'] = theanim['filter']==="" ? brf: theanim['filter']+' '+brf; theresult['-webkit-filter'] = theresult['-webkit-filter']==="" ? brfidle : theresult['-webkit-filter']+' '+brfidle; theresult['filter'] = theresult['filter']==="" ? brfidle: theresult['filter']+' '+brfidle; } switch($split) { case "chars": animobject = nextcaption.data('mySplitText').chars; break; case "words": animobject = nextcaption.data('mySplitText').words; break; case "lines": animobject = nextcaption.data('mySplitText').lines; break; } var timedelay=((animobject.length*mdelay) + speed)*1000; var tl = new punchgs.TimelineLite(), tt = new punchgs.TimelineLite(); if (anim == null) anim = "auto"; // MASK ANIMATION if (!params.mask_end || (anim==="auto" && !params.mask_start)) tl.add(punchgs.TweenLite.set(mask,{overflow:"visible"})); var $sfx = checkSFXAnimations(params,params.frames["frame_999"].sfx_effect,mask,mdelay,easedata,speed); if ($sfx!==false) { if ($sfx.type==="block") { $sfx.ft[0].background = window.RevColor.get(params.frames["frame_999"].sfxcolor); tl.add(punchgs.TweenLite.fromTo($sfx.bmask_out,speed/2, $sfx.ft[0], $sfx.ft[1] ,mdelay)); tl.add(punchgs.TweenLite.fromTo($sfx.bmask_out,speed/2, $sfx.ft[1], $sfx.t, (mdelay+speed/2))); tl.add(tt.set(animobject,{clearProps:"transform"}),0); tl.add(tt.staggerTo(animobject,0.05,{x:0,y:0,autoAlpha:0,delay:speed/2},mdelay),0); } } else { if (anim==="auto") { theanim = nextcaption.data('startanimobj'); } else { var mask_is_on = params.mask_end || (anim==="auto" && params.mask_start) ? true : false; theanim.transx = checkAnimValue(params.x_end,theresult.transx,nextcaption,"horizontal",animobject.length); theanim.transy = checkAnimValue(params.y_end,theresult.transy,nextcaption,"vertical",animobject.length); theanim.transz = checkAnimValue(params.z_end,theresult.transz,nextcaption,undefined,animobject.length); theanim.rotatex = checkAnimValue(params.x_rotate_end,theresult.rotatex,nextcaption,undefined,animobject.length); theanim.rotatey = checkAnimValue(params.y_rotate_end,theresult.rotatey,nextcaption,undefined,animobject.length); theanim.rotatez = checkAnimValue(params.z_rotate_end,theresult.rotatez,nextcaption,undefined,animobject.length); theanim.scalex = checkAnimValue(params.scale_x_end,theresult.scalex,nextcaption,undefined,animobject.length); theanim.scaley = checkAnimValue(params.scale_y_end,theresult.scaley,nextcaption,undefined,animobject.length); theanim.skewx = checkAnimValue(params.skew_x_end,theresult.skewx,nextcaption,undefined,animobject.length); theanim.skewy =checkAnimValue( params.skew_y_end,theresult.skewy,nextcaption,undefined,animobject.length); theanim.opac = checkAnimValue(params.opacity_end,theresult.opac,nextcaption,undefined,animobject.length); theanim.tper = params.deformation.pers; } tl.add(tt.staggerTo(animobject,0.001, { "-webkit-filter":theresult['-webkit-filter'], filter:theresult['filter'] },(mdelay-0.001))); var animto = { scaleX:theanim.scalex, scaleY:theanim.scaley, rotationX:theanim.rotatex, rotationY:theanim.rotatey, rotationZ:theanim.rotatez, x:theanim.transx, y:theanim.transy, z:theanim.transz+1, skewX:theanim.skewx, skewY:theanim.skewy, opacity:theanim.opac, transformPerspective:theanim.tper, transformOrigin:origin, ease:easedata, "-webkit-filter":theanim['-webkit-filter'], filter:theanim['filter'], }; if (params.frames["frame_999"].use_text_c) animto.color = params.frames["frame_999"].text_c; if (params.frames["frame_999"].use_bg_c) animto.backgroundColor = params.frames["frame_999"].bg_c; if (animobject.length>1) { var ri = getSplitTextDirs(animobject.length-1, $splitdir), cycles = {to:getCycles(jQuery.extend({},animto,true))}; for (var si in animobject) { var $fanim = jQuery.extend({},animto,true); for (var k in cycles.to) { $fanim[k] = parseInt(cycles.to[k].values[cycles.to[k].index],0); cycles.to[k].index = cycles.to[k].index < cycles.to[k].len ? cycles.to[k].index+1 : 0; } tl.add(tt.to(animobject[ri[si]],speed,$fanim,mdelay*si),0); } } else { tl.add(tt.staggerTo(animobject,speed,jQuery.extend({},animto,true),mdelay)); } } // COLUMN BG ANIMATION if (colbg!=undefined) tl.add(punchgs.TweenLite.to(colbg,speed, { scaleX:theanim.scalex, scaleY:theanim.scaley, rotationX:theanim.rotatex, rotationY:theanim.rotatey, rotationZ:theanim.rotatez, x:theanim.transx, y:theanim.transy, z:theanim.transz+1, skewX:theanim.skewx, skewY:theanim.skewy, opacity:theanim.opac, transformPerspective:theanim.tper, transformOrigin:origin, ease:easedata },mdelay),0); // MASK ANIMATION if (params.mask_end) { var maskp = new Object(); maskp.x = checkAnimValue(params.mask_x_end,params.mask_x_end,nextcaption); maskp.y = checkAnimValue(params.mask_y_end,params.mask_y_end,nextcaption); tl.add(punchgs.TweenLite.to(mask,speed,{x:maskp.x,y:maskp.y,ease:easedata,overflow:"hidden"},mdelay),0); } else if (anim==="auto" && params.mask_start) { var maskp = new Object(); maskp.x = checkAnimValue(params.mask_x_start,params.mask_x_start,nextcaption); maskp.y = checkAnimValue(params.mask_y_start,params.mask_y_start,nextcaption); tl.add(punchgs.TweenLite.to(mask,speed,{x:maskp.x,y:maskp.y,ease:easedata},mdelay),0); } tl.add(punchgs.TweenLite.fromTo(jQuery('#endanim_timerunnerbox'),tt.totalDuration(),{x:0},{x:-67,ease:easedata}),0); tl.add(punchgs.TweenLite.fromTo(jQuery('#endanim_timerunner'),tt.totalDuration(),{x:0},{x:-67,ease:easedata}),0); if (animobject != nextcaption) tl.add(punchgs.TweenLite.fromTo(nextcaption.parent(), 0.2,{autoAlpha:1},{autoAlpha:0}),(tt.totalDuration()-0.2)); return tl; } /****************************************************************************************** - PUT THE BLUE TIMER LINE IN POSITION BASED ON DEFAULT OR PREDEFINED VALUES - ******************************************************************************************/ var initSlideDuration = function() { // SET MAXTIME POSITION var duration = jQuery('#delay').val(); if (duration==undefined || duration==0 || duration=="undefined") duration = g_slideTime; jQuery('#mastertimer-maxtime').css({left:duration/10}); } /****************************************************************************************** - EVENT LISTENER FOR MASTER TIME POSITION CHANGE, ALL ANIMATION MOVE IN POSTION - ********************************************************************************************/ t.masterTimerPositionChange = function(recreatetimers) { var mp = jQuery(document.getElementById('mastertimer-position')), tpos = (((mp[0].getBoundingClientRect().left - document.getElementById('master-rightheader').getBoundingClientRect().left+t.timercorrectur))/100), mst = jQuery(document.getElementById('divbgholder')).data('slidetimeline'); mp[0].className = mp[0].classList.contains("hovering") ? mp[0].className : mp[0].className + " hovering"; if (tpos<=0 && (mp.data('wasidle')=="wasnotidle" || mp.data('wasidle')==undefined)) { t.stopAllLayerAnimation(); mp.data('wasidle',"wasidle"); if (mp.data('tl')!=undefined) { mp.data('tl').kill(); } if (mst!=undefined) { mst.stop(); mst.seek(100000); } t.allLayerToIdle(); } if (tpos>0 && (mp.data('wasidle')=="wasidle" || mp.data('wasidle')==undefined)) { mp.data('wasidle','wasnotidle'); createGlobalTimeline(true); document.getElementById('mastertimer-playpause-wrapper').innerHTML = '<i class="eg-icon-play"></i><span>PLAY</span>'; mp[0].className = mp[0].classList.contains('inaction') ? mp[0].className : mp[0].className+" inaction"; } if (tpos>0 && mp.data('wasidle')=="wasnotidle") { if (recreatetimers) createGlobalTimeline(false); var mtl = mp.data('tl'); mtl.stop(); mst.stop(); mtl.seek(tpos); mst.seek(tpos); } if (tpos>0) { var mpst = document.getElementById('mastertimer-poscurtime'); mpst.className = mpst.classList.contains('movedalready') ? mpst.className : mpst.className+' movedalready'; mpst.innerHTML = t.convToTime(tpos*100); mp.removeClass("timerinidle"); } else { var mpst = document.getElementById('mastertimer-poscurtime'); if (mpst.classList.contains('movedalready')) { mpst.innerHTML = "Idle"; mp.addClass("timerinidle"); } } mp.trigger('poschanged'); } t.convToTime = function(tpos) { var min = Math.floor(tpos/6000), sec = Math.floor(Math.ceil(tpos - (min*6000))/100), ms = Math.round(tpos-(sec*100)-(min*6000)); if (min==0) min = "00" else if (min<10) min = "0"+min.toString(); if (sec==0) sec = "00" else if (sec<10) sec = "0"+sec.toString(); if (ms==0) ms = "00" else if (ms<10) ms = "0"+ms.toString() return min.toString()+":"+sec.toString()+"."+ms.toString(); } t.allLayerToIdle = function(obj) { var search = obj!=undefined && obj.type!=undefined ? 'slide_layer_type_'+obj.type : 'slide_layer'; elements = document.getElementsByClassName(search); for (var i=0;i<elements.length;i++) { t.rebuildLayerIdle(jQuery(elements[i])); } } /*********************************** - INIT THE MASTER TIMER - ************************************/ var initMasterTimer = function() { var mw = jQuery('#master-rightheader'); // CHANGE THE POSITION OF THE TIME LINE jQuery('#mastertimer-position').on("poschanged",function() { var mp = jQuery(this), tpos = Math.round((mp.position().left+t.timercorrectur)), str = t.convToTime(tpos); if (tpos<0) str="IDLE"; document.getElementById('master-timer-time').innerHTML = str; }); // BACK TO IDLE jQuery('#mastertimer-backtoidle').click(function() { jQuery('#mastertimer-position').removeClass("inaction"); document.getElementById('mastertimer-playpause-wrapper').innerHTML = '<i class="eg-icon-play"></i><span>PLAY</span>'; document.getElementById('master-timer-time').innerHTML = 'IDLE'; t.stopAllLayerAnimation(); var mp = jQuery('#mastertimer-position'), mst = jQuery('#divbgholder').data('slidetimeline'); mp.css({left:"-15px"}); if (mp.data('tl')!=undefined) { mp.data('tl').kill(); } if (mst!=undefined) { mst.stop(); mst.seek(100000); } t.allLayerToIdle(); }) // HOVER OUT OF MASTERTIMER SHOULD RESET ANY SETTINGS jQuery('#divLayers').hover(function() { var mp = jQuery(document.getElementById('mastertimer-position')), mpw = document.getElementById('mastertimer-playpause-wrapper'), mst = jQuery(document.getElementById('divbgholder')).data('slidetimeline'); if (mp.data('tl')!=undefined) mp.data('tl').stop(); if (mst!=undefined) { mst.stop(); mst.seek(100000); } mp.removeClass("inaction"); mpw.innerHTML = '<i class="eg-icon-play"></i><span>PLAY</span>'; if (mp.hasClass("hovering")) { mp.removeClass("hovering"); t.stopAllLayerAnimation(); t.allLayerToIdle(); // Click on LayerAnimation Button the current Selected Layer should be Animated if (!jQuery('#layeranimation-playpause').hasClass("inpuase")) { if (t.checkAnimationTab()) t.animateCurrentSelectedLayer(1); } if (!jQuery('#loopanimation-playpause').hasClass("inpuase")) { if (t.checkLoopTab()) t.animateCurrentSelectedLayer(2); } } }); // HOVER ON THE ANIMATION PART, SHOULD START THE ANIMATION MODE AGAIN jQuery('#mastertimer-wrapper').hover(function() { if (!jQuery(this).hasClass("overme")) { jQuery(this).addClass("overme"); t.masterTimerPositionChange(true); } }, function() { jQuery(this).removeClass("overme"); }) // DRAG THE MASTER TIMER SHOULD ANIMATE THINGS IN POSITION jQuery('#mastertimer-position').draggable({ axis:"x", start:function(event,ui) { punchgs.TweenLite.set(document.getElementById('mastertimer-curtime'),{autoAlpha:0,x:-3,y:-10}); punchgs.TweenLite.set(document.getElementById('mastertimer-curtime-b'),{autoAlpha:0}); t.deactivatePerfectScrollBars(); }, drag:function(event,ui) { ui.position.left = Math.max(-15,ui.position.left); t.masterTimerPositionChange(false); }, stop:function(event,ui) { punchgs.TweenLite.set(document.getElementById('mastertimer-curtime'),{autoAlpha:1,x:-1,y:0,ease:punchgs.Power2.easeInOut}); punchgs.TweenLite.set(document.getElementById('mastertimer-curtime-b'),{autoAlpha:1}); } }); // CLICK SOMEWHERE ON THE LINEAR jQuery('#mastertimer-linear').click(function(e) { var lo = jQuery('#mastertimer-linear').offset().left, sl = jQuery('#master-rightheader').scrollLeft(); jQuery('#mastertimer-position').css({left:(e.pageX-lo + sl)+"px"}); t.masterTimerPositionChange(); }) jQuery('#mastertimer-maxtime').draggable({ axis:"x", containment:"#master-rightheader", create:function(event,ui) { t.mainMaxTimeLeft = jQuery('#mastertimer-maxtime').position().left; document.getElementById('mastertimer-maxcurtime').innerHTML = t.convToTime(t.mainMaxTimeLeft); t.setIdleZones(); }, start:function(event,ui) { punchgs.TweenLite.set(document.getElementById('mastertimer-curtime'),{autoAlpha:0,x:-3,y:-10}); punchgs.TweenLite.set(document.getElementById('mastertimer-curtime-b'),{autoAlpha:0}); document.getElementById('mastertimer-maxcurtime').innerHTML = t.convToTime(t.mainMaxTimeLeft); t.setIdleZones(); t.deactivatePerfectScrollBars(); }, drag:function(event,ui) { t.mainMaxTimeLeft = ui.position.left; document.getElementById('mastertimer-maxcurtime').innerHTML = t.convToTime(t.mainMaxTimeLeft); document.getElementById('delay').value = t.mainMaxTimeLeft*10; t.setIdleZones(); t.compareLayerEndsVSSlideEnd(); t.setSlideTransitionTimerBar(); }, stop:function(event,ui) { punchgs.TweenLite.set(document.getElementById('mastertimer-curtime'),{autoAlpha:1,x:-1,y:0,ease:punchgs.Power2.easeInOut}); punchgs.TweenLite.set(document.getElementById('mastertimer-curtime-b'),{autoAlpha:1}); t.mainMaxTimeLeft = ui.position.left; document.getElementById('mastertimer-maxcurtime').innerHTML = t.convToTime(t.mainMaxTimeLeft); document.getElementById('delay').value = t.mainMaxTimeLeft*10; t.setIdleZones(); g_slideTime = t.mainMaxTimeLeft*10; u.setMaintime(g_slideTime); t.compareLayerEndsVSSlideEnd(); t.rerenderAllAudioMap(); t.setSlideTransitionTimerBar(); } }); __ctime = jQuery('#mastertimer-curtime'); __ctimeb = jQuery('#mastertimer-curtime-b'); __ctimei = jQuery('#mastertimer-curtimeinner'); function checklroffset() { __coffset = parseInt(jQuery('#layers-right').offset().left,0); } jQuery(window).resize(function() { checklroffset(); }); checklroffset(); __ctime.data('offset',0); jQuery('.master-rightcell').on('mousemove',function(e) { var x = (e.pageX-__coffset)-jQuery(document.getElementById('master-rightheader')).data('left'); if (__ctime.data('offset') ==0) { punchgs.TweenLite.set(__ctime,{left:x}); punchgs.TweenLite.set(__ctimeb,{left:x+15}); __ctimei[0].innerHTML = t.convToTime(x-10); } }); // CLICK ON PLAY/PAUSE BUTTON SHOULD PLAY OR RESET THINGS jQuery('#mastertimer-playpause-wrapper').click(function() { var mpw = jQuery(this); punchgs.TweenLite.to(jQuery('#mastertimer-poscurtime'),0.3,{autoAlpha:0,x:-3,y:-10,ease:punchgs.Power2.easeInOut}); if (mpw.find('.eg-icon-pause').length>0) { document.getElementById('mastertimer-playpause-wrapper').innerHTML = '<i class="eg-icon-play"></i><span>PLAY</span>'; t.stopAllLayerAnimation(); var mp = jQuery('#mastertimer-position'); if (mp.data('tl')!=undefined) { mp.data('tl').kill(); } } else { createGlobalTimeline(true); document.getElementById('mastertimer-playpause-wrapper').innerHTML ='<i class="eg-icon-pause"></i><span>PAUSE</span>'; jQuery('#mastertimer-position').addClass("inaction"); var mp = jQuery('#mastertimer-position'), mtl = mp.data('tl'), mst = jQuery('#divbgholder').data('slidetimeline'), tpos = (mp.position().left)/100; mtl.play(tpos); mst.play(tpos); jQuery('#divbgholder').data('slidetimeline').play(tpos); mtl.eventCallback("onComplete",function() { mtl.play(0); mst.play(0); }); mtl.eventCallback("onUpdate",function() { mp.css({left:((mtl.time()*100))}); mp.trigger('poschanged'); }) } }) } t.setIdleZones = function() { var el = document.getElementsByClassName('slide-idle-section'); for (var i=0;i<el.length;i++) { el[i].style.left = (t.mainMaxTimeLeft+15)+"px"; } } /********************************** - BUILD GLOBAL TIMELINE - ***********************************/ function createGlobalTimeline(firsttime,animsaregenerated) { if (firsttime) t.stopAllLayerAnimation(); var mp = jQuery('#mastertimer-position'); if (mp.data('tl')!=undefined) { mp.data('tl').kill(); } var mtl = new punchgs.TimelineLite(); mtl.pause(); jQuery(' .slide_layer .innerslide_layer').each(function() { var nextcaption = jQuery(this); nextcaption.data('inanim',theLayerInAnimation(nextcaption)); nextcaption.data('outanim',theLayerOutAnimation(nextcaption)); var id = u.getSerialFromID(nextcaption.closest('.slide_layer').attr('id')); params=u.getLayer(id); mtl.add(nextcaption.data('inanim'),params.frames["frame_0"].time/1000); var endspeed = params.frames["frame_999"].endspeed; if (endspeed==undefined) endspeed = params.frames["frame_0"].speed; mtl.add(nextcaption.data('outanim'),(params.frames["frame_999"].time/1000)); }); mp.data('tl',mtl); } var setFakeAnim = function() { var found=false, li = jQuery('.slide-trans-cur-ul li').first(); var comingtransition = li.data('animval'), comingtext = li.text(); if (comingtransition == "random-selected" || comingtransition == "random" || comingtransition == "random-static" || comingtransition == "random-premium") { comingtransition = "fade"; comingtext = "Fade"; } document.getElementById('fake-select-label').innerHTML = '"'+comingtext+'"'; jQuery('#fake-select-label').data('valu',comingtransition); removeAllSlots(); slideAnimation(); found=true; if (found) return false; } /************************************** - ADD SLIDE MAIN TO SORTBOX - **************************************/ t.setSlideTransitionTimerBar = function() { var sist = document.getElementById('slide_in_sort_time'), speed = sist.getElementsByClassName('timeline_frame')[0], cont = sist.getElementsByClassName('timeline_full')[0], dur = document.getElementById('transition_duration') ? document.getElementById('transition_duration').value : 0, durcont = sist.getElementsByClassName('duration_cont')[0]; durcont.innerHTML = dur; if (!jQuery.isNumeric(dur)) dur = 500; punchgs.TweenLite.set(speed,{width:dur/10}); punchgs.TweenLite.set(cont,{left:15,width:t.mainMaxTimeLeft}); } var addSlideToSortbox = function() { t.setSlideTransitionTimerBar(); var sist = document.getElementById('slide_in_sort_time'), speed = sist.getElementsByClassName('timeline_frame')[0], durcont = sist.getElementsByClassName('duration_cont')[0]; jQuery(speed).resizable({ minWidth:0, handles:"e", start:function(event,ui) { }, stop:function(event,ui) { document.getElementById('transition_duration').value = ui.size.width*10; durcont.innerHTML = (ui.size.width*10); jQuery('.slide-trans-cur-ul li.selected').data('duration', (ui.size.width*10)); t.resetSlideAnimations(true); }, resize:function(event,ui) { document.getElementById('transition_duration').value = ui.size.width*10; jQuery('.slide-trans-cur-ul li.selected').data('duration', (ui.size.width*10)); durcont.innerHTML = (ui.size.width*10); } //snap:".tl-fullanim" }); } ////////////////////////////////// // SET AUDIO MAP // ////////////////////////////////// t.rerenderAllAudioMap = function() { jQuery.each(u.arrLayers,function(i,objLayer) { if (objLayer.type == "audio") { t.drawAudioMap(objLayer); } }); }; t.drawAudioMap = function(objLayer) { // try { var li = objLayer.references.sorttable.timeline; if (li.data('lastaudio') == objLayer.video_data.urlAudio && li.data('audiobuffer')!=undefined) { displayAudioBuffer(objLayer,li.data('audiobuffer')); } else { loadMusicTimeLine(objLayer,objLayer.video_data.urlAudio); } li.data('lastaudio',objLayer.video_data.urlAudio); if (!AudioContext) { console.log('Audio Map cannot be drawn in your Browser. Try a recent Chrome or Firefox. '); return false; } // } catch(e) { console.log("Drwaring of Audio Map Failer at Initialisation");} } // MUSIC LOADER + DECODE function loadMusicTimeLine(objLayer,url) { if (audioContext === null || !AudioContext) return false; var req = new XMLHttpRequest(), li = objLayer.references.sorttable.timeline, currentBuffer = null; req.open( "GET", url, true ); req.responseType = "arraybuffer"; req.onreadystatechange = function (e) { if (req.readyState == 4) { if(req.status == 200) audioContext.decodeAudioData(req.response, function(buffer) { currentBuffer = buffer; li.data('audiobuffer',buffer); displayAudioBuffer(objLayer,buffer); }, onDecodeError); else console.log('error during the load.Wrong url or cross origin issue'); } } ; req.send(); } function onDecodeError() { alert('error while decoding your Audio file.'); } function getStartSec(st) { return st == undefined ? -1 : st=="" ? -1 : st==" " ? -1 : jQuery.isNumeric(st) ? st : st.split(":").length>1 ? parseInt(st.split(":")[0],0)*60 + parseInt(st.split(":")[1],0) : st; }; function displayAudioBuffer(objLayer,buff) { try { var li = objLayer.references.sorttable.timeline, leftChannel = buff.getChannelData(0), // Float32Array describing left channel wr = li.find('.timeline_full'), canvasWidth =buff.duration*100, canvasHeight = 19, shift = objLayer.video_data.start_at, s = getStartSec(objLayer.video_data.start_at), e = getStartSec(objLayer.video_data.end_at) s= s==-1 ? 0 : s; e= e==-1 ? 999999999 : e; s= s /60; e= e /60; e = e>buff.duration ? buff.duration : e; s = s*buff.sampleRate; e = e*buff.sampleRate; canvasWidth = ((e-s)/buff.sampleRate)*100; li.find('canvas').remove(); // CANVAS var newCanvas = document.createElement('canvas'); newCanvas.width = ((t.mainMaxTimeLeft)); newCanvas.height = canvasHeight; li.append('<div class="timeline_audio"></div>'); li.find('.timeline_audio').append(newCanvas); var jc = li.find('canvas'); punchgs.TweenLite.set(jc,{zIndex:2,top:3,left:0,position:"absolute"}); var context = newCanvas.getContext('2d'), lineOpacity = canvasWidth / leftChannel.length; context.save(); context.fillStyle = 'transparent' ; context.fillRect(0,0,canvasWidth,canvasHeight ); context.strokeStyle = '#333'; context.translate(0,canvasHeight / 2); context.globalAlpha = 0.5 ; // lineOpacity ; var pl = 0, seglength = e-s; for (var i=0; i<e-s; i=i+200) { // on which line do we get ? var x = Math.floor (canvasWidth * i / seglength ); var y = leftChannel[s+i] * canvasHeight; context.beginPath(); context.moveTo( x , 0 ); context.lineTo( x+1, y ); context.stroke(); pl++; } if (objLayer.video_data.videoloop!="none") { var imgdata = context.getImageData(0, 0, canvasWidth, canvasHeight), lmult = (((t.mainMaxTimeLeft)) / canvasWidth); for (var i=0;i<lmult;i++) { context.beginPath(); context.moveTo(i*canvasWidth,-50); context.lineTo(i*canvasWidth,canvasHeight); context.lineWidth = 3; context.strokeStyle = "#c0392b"; context.stroke(); context.putImageData(imgdata,i*canvasWidth,0); } } //playSound(buff); context.restore(); audio = jQuery(objLayer.references.sorttable.timeline[0]).find('.timeline_audio'); if (audio!==undefined && audio.length>0) punchgs.TweenLite.set(audio,{left:15+(objLayer.frames["frame_0"].time/10), width:((objLayer.frames["frame_999"].time - objLayer.frames["frame_0"].time) + objLayer.frames["frame_999"].split_extratime + objLayer.frames["frame_999"].speed)/10}); } catch(e) { console.log("Drawing of Audio Map failed !")} } /****************************** - ADD LAYER TO SORTBOX - ********************************/ t.addToSortbox = function(serial,objLayer){ if (document.getElementById('layers-right-ul').children.length===1) addSlideToSortbox(); if (serial===undefined) return false; var endslideclass = "", isVisible = t.isLayerVisible(objLayer.references.htmlLayer), classLI = "", classDrop = "", sortboxText = t.getSortboxText(objLayer.alias), depth = Number(objLayer.order)+5, htmlSortbox = "", quicksb = "" visibleclass = "in-on", groupLink = objLayer.groupLink !==undefined ? objLayer.groupLink : 0; switch (objLayer.type) { case "group": classLI=" sortable_elements sortable_group"; classDrop = " droppable_sortable_group"; break; case "row": classLI=" sortable_elements sortable_group sortable_row"; classDrop = " droppable_sortable_row"; break; case "column": classLI=" sortable_elements sortable_column"; classDrop = " droppable_sortable_column"; break; default: classLI=" sortable_elements sortable_layers"; break; } if (objLayer.deleted) classLI=classLI+" layer-deleted"; htmlSortbox += '<li data-uniqueid="'+objLayer.unique_id+'" id="layer_sort_'+serial+'" data-type="'+objLayer.type+'" class="mastertimer-layer ui-state-default'+classLI+'" data-grouptype="'+objLayer.grouptype+'" data-pid="'+objLayer.p_uid+'">'; htmlSortbox += ' <div class="layer_sort_inner_wrapper '+classDrop+'">'; htmlSortbox += ' <span class="mastertimer-timeline-selector-row tipsy_enabled_top" title="Select Layer in Timeline">'; htmlSortbox += ' <input data-uniqueid="'+objLayer.unique_id+'" id="lots_id_'+objLayer.unique_id+'" class="layer-on-timeline-selector" style="margin:0px" type="checkbox"/>'; htmlSortbox += ' </span>'; htmlSortbox += ' <span data-uniqueid="'+objLayer.unique_id+'" class="list-of-layer-links tipsy_enabled_top" title="Choose Layers Group Link">'; htmlSortbox += ' <span class="layer-link-type-element layer-link-type-element-cs layer-link-type-'+groupLink+'"></span>'; htmlSortbox += ' <span class="list-of-layer-links-inner">'; htmlSortbox += ' <span data-linktype="1" class="layer-link-type-element layer-link-type-1"></span>'; htmlSortbox += ' <span data-linktype="2" class="layer-link-type-element layer-link-type-2"></span>'; htmlSortbox += ' <span data-linktype="3" class="layer-link-type-element layer-link-type-3"></span>'; htmlSortbox += ' <span data-linktype="4" class="layer-link-type-element layer-link-type-4"></span>'; htmlSortbox += ' <span data-linktype="5" class="layer-link-type-element layer-link-type-5"></span>'; htmlSortbox += ' <span data-linktype="0" class="layer-link-type-element layer-link-type-0"></span>'; htmlSortbox += ' </span>'; htmlSortbox += ' </span>'; if (objLayer.type!="column") { if (objLayer.type!=="row") { htmlSortbox += ' <span class="mastertimer-timeline-zindex-row tipsy_enabled_top" title="z-Index">'; htmlSortbox += ' <i style="margin-left:15px;margin-right:0px;" class="layersortclass eg-icon-sort"></i>'; htmlSortbox += ' <span class="sortbox_depth" title="z-Index">'+depth+'</span>'; htmlSortbox += ' </span>'; } else { htmlSortbox += ' <span class="mastertimer-timeline-zindex-row tipsy_enabled_top" style="cursor:default !important" title="z-Index"></span>'; } } else { htmlSortbox += ' <span class="column_sort_row_spacer"></span>'; } htmlSortbox += ' <span class="mastertimer-timeline-tillendcontainer" style="">'; htmlSortbox += ' <span data-uniqueid="'+objLayer.unique_id+'" data-serial="'+serial+'" class="till_slideend tipsy_enabled_top '+endslideclass+'" title="Wait till Slides End / Custom End"><i class="eg-icon-back-in-time"></i><i class="eg-icon-download-2"></i></span>'; htmlSortbox += ' </span>'; htmlSortbox += ' <span class="sort-hover-part layer_sort_layer_text_field">'; htmlSortbox += ' <span class="sortbox_text"><i class="layertypeclass '; switch (objLayer.type) { case "group": htmlSortbox += 'fa-icon-object-group'; break; case "row": htmlSortbox += 'rs-icon-layergroup'; break; case "column": htmlSortbox += 'rs-icon-layercolumns'; break; case "text": htmlSortbox += 'rs-icon-layerfont'; break; case "image": htmlSortbox += 'rs-icon-layerimage'; break; case "video": htmlSortbox += 'rs-icon-layervideo'; break; case "audio": htmlSortbox += 'rs-icon-layeraudio'; break; case "button": htmlSortbox += 'rs-icon-layerbutton'; break; case "shape": htmlSortbox += 'rs-icon-layershape'; break; case "svg": htmlSortbox += 'rs-icon-layersvg'; break; } htmlSortbox += '"></i>'; htmlSortbox += ' <input class="timer-layer-text" style="margin-top:-1px !important" type="text" enabled value="'+sortboxText + '">'; htmlSortbox += ' </span>'; htmlSortbox += ' </span>'; if (objLayer.type=="group" || objLayer.type=="row" || objLayer.type=="column") htmlSortbox += ' <span class="sort_group_collapser"><i class="eg-icon-down-dir"></i><i class="eg-icon-right-dir"></i></span>' if (objLayer.type!="column") htmlSortbox += ' <span class="timer-manual-edit"><i class="eg-icon-pencil"></i></span>' htmlSortbox += ' </div>'; if (objLayer.type=="group" || objLayer.type=="row") htmlSortbox += '<ul id="sortable_group_'+objLayer.unique_id+'" class="sortable_groups_wrap sgw_def"></ul>'; if (objLayer.type=="column") htmlSortbox += '<ul id="sortable_columns_'+objLayer.unique_id+'" class="sortable_layers_in_columns sgw_def"></ul>'; htmlSortbox += '</li>'; var quickClassE = ""; if (objLayer.p_uid!=undefined && objLayer.p_uid !==-1 && objLayer.type!=="row" && objLayer.type!=="group") quickClassE = " quick_in_group"; if (objLayer.type==="row") quickClassE +=" quick_in_row" quicksb += '<li id="layer_quicksort_'+serial+'" data-serial="'+serial+'" class="quicksortlayer ui-state-default layer-toolbar-li'+quickClassE+'">'; var btlist ='<span class="quick-edit-toolbar-in-list">'; switch (objLayer.type) { case "text": quicksb += '<span class="layer-short-tool revdarkgray layer-title-with-icon"><i class="rs-icon-layerfont_n"></i>'; btlist += '<span id="button_edit_layer_'+serial+'" class="button_edit_layer layer-short-tool revblue"><i class="eg-icon-pencil"></i></span>'; btlist += '<span id="button_reset_size_'+serial+'" class="button_reset_size layer-short-tool revblue"><i class="eg-icon-resize-normal"></i></span>'; break; case "group": quicksb += '<span class="layer-short-tool revdarkgray layer-title-with-icon"><i class="fa-icon-object-group"></i>'; btlist += '<span class="layer-short-tool revdarkgray"></span>'; btlist += '<span class="layer-short-tool revdarkgray"></span>'; break; case "row": quicksb += '<span class="layer-short-tool revdarkgray layer-title-with-icon"><i class="rs-icon-layergroup_n"></i>'; btlist += '<span class="layer-short-tool revdarkgray"></span>'; btlist += '<span class="layer-short-tool revdarkgray"></span>'; break; case "column": quicksb += '<span class="layer-short-tool revdarkgray layer-title-with-icon"><i class="rs-icon-layercolumns_n"></i>'; btlist += '<span class="layer-short-tool revdarkgray"></span>'; btlist += '<span class="layer-short-tool revdarkgray"></span>'; btlist += '<span class="layer-short-tool revdarkgray"></span>'; btlist += '<span class="layer-short-tool revdarkgray"></span>'; break; case "shape": quicksb += '<span class="layer-short-tool revdarkgray layer-title-with-icon"><i class="rs-icon-layershape_n"></i>'; btlist += '<span id="button_edit_shape_'+serial+'" class="button_edit_shape layer-short-tool revblue"><i class="eg-icon-pencil"></i></span>'; btlist += '<span class="layer-short-tool revdarkgray"></span>'; break; case "button": quicksb += '<span class="layer-short-tool revdarkgray layer-title-with-icon"><i class="rs-icon-layerbutton_n"></i>'; btlist += '<span id="button_edit_layer_'+serial+'" class="button_edit_layer layer-short-tool revblue"><i class="eg-icon-pencil"></i></span>'; btlist += '<span id="button_reset_size_'+serial+'" class="button_reset_size layer-short-tool revblue"><i class="eg-icon-resize-normal"></i></span>'; break; case "image": quicksb += '<span class="layer-short-tool revdarkgray layer-title-with-icon"><i class="rs-icon-layerimage_n"></i>'; btlist += '<span id="button_change_image_source_'+serial+'" class="button_change_image_source layer-short-tool revblue"><i class="eg-icon-pencil"></i></span>'; btlist += '<span id="button_reset_size_'+serial+'" class="button_reset_size layer-short-tool revblue"><i class="eg-icon-resize-normal"></i></span>'; break; case "video": quicksb += '<span class="layer-short-tool revdarkgray layer-title-with-icon"><i class="rs-icon-layervideo_n"></i>'; btlist += '<span id="button_change_video_settings_'+serial+'" class="button_change_video_settings layer-short-tool revblue"><i class="eg-icon-pencil"></i></span>'; btlist += '<span class="layer-short-tool revdarkgray"></span>'; break; case "audio": quicksb += '<span class="layer-short-tool revdarkgray layer-title-with-icon"><i class="rs-icon-layeraudio_n"></i>'; btlist += '<span id="button_changeaudio_settings_'+serial+'" class="button_change_audio_settings layer-short-tool revblue"><i class="eg-icon-pencil"></i></span>'; btlist += '<span class="layer-short-tool revdarkgray"></span>'; classLI = " layer-sort-audio-item" break; case "svg": quicksb += '<span class="layer-short-tool revdarkgray layer-title-with-icon"><i class="rs-icon-layersvg_n"></i>'; btlist += '<span id="button_changesvg_settings_'+serial+'" class="button_change_svg_settings layer-short-tool revblue"><i class="eg-icon-pencil"></i></span>'; btlist += '<span class="layer-short-tool revdarkgray"></span>'; break; } quicksb += '<input type="text" class="layer-title-in-list" value="'+sortboxText+'"></span>'; quicksb += btlist; if (objLayer.type!=="column") { quicksb += '<span id="button_delete_layer_'+serial+'" class="button_delete_layer layer-short-tool revred"><i class="rs-lighttrash"></i></span>'; quicksb += '<span id="button_duplicate_layer_'+serial+'" class="button_duplicate_layer layer-short-tool revyellow" data-isstatic=""><i class="rs-lightcopy"></i></span>'; } quicksb += '<span style="display:block;float:none;clear:both"></span></span>'; quicksb += '<span class="quick-layer-view layer-short-tool revdarkgray '+visibleclass+'"><i class="eg-icon-eye"></i></span>'; quicksb += '<span class="quick-layer-lock layer-short-tool revdarkgray"><i class="eg-icon-lock-open"></i></span>'; quicksb += '<div style="clear:both;display:block"></div>'; quicksb +='</li>'; if (document.getElementById('quick-layers-list-id').childNodes.length>1) document.getElementById('nolayersavailable').style.display='none'; var htmlTimeline = "", grouptypeclass = objLayer.grouptype === "logical_o" ? " hide_timeline" : ""; htmlTimeline += '<li data-uniqueid="'+objLayer.unique_id+'" data-serial="'+serial+'" id="layer_sort_time_'+serial+'" class="sortable_elements mastertimer-layer ui-state-default'+classLI+grouptypeclass+'" data-grouptype="'+objLayer.grouptype+'" data-pid="'+objLayer.p_uid+'">'; htmlTimeline += ' <div class="timeline_full"></div>'; htmlTimeline += ' <div class="timeline">'; htmlTimeline += ' <div class="timeline-relative-marker trm-groupandrowmarker"></div>'; htmlTimeline += ' <div data-frameindex="0" id="tl_'+objLayer.unique_id+'_frame_0" class="timeline_frame tf_startframe tl_layer_frame" data-uniqueid="'+objLayer.unique_id+'" data-serial="'+serial+'" style="z-index:50;">'; htmlTimeline += ' <span class="timebefore_cont"></span>'; htmlTimeline += ' <div class="tl_speed_wrapper">'; htmlTimeline += ' <div class="tlf_speed"><span class="duration_cont"></span></div>'; htmlTimeline += ' <div class="tlf_splitdelay"></div>'; htmlTimeline += ' </div>'; htmlTimeline += ' <span class="show_timeline_helper">EDIT</span>'; htmlTimeline += ' </div>'; htmlTimeline += ' <div data-frameindex="999" id="tl_'+objLayer.unique_id+'_frame_999" class="timeline_frame tf_endframe tl_layer_frame" data-uniqueid="'+objLayer.unique_id+'" data-serial="'+serial+'" style="z-index:48;">'; htmlTimeline += ' <span class="timebefore_cont"></span>'; htmlTimeline += ' <div class="tl_speed_wrapper">'; htmlTimeline += ' <div class="tlf_speed"><span class="duration_cont"></span></div>'; htmlTimeline += ' <div class="tlf_splitdelay"></div>'; htmlTimeline += ' </div>'; htmlTimeline += ' <span class="show_timeline_helper">EDIT</span>'; htmlTimeline += ' </div>'; htmlTimeline += ' </div>'; htmlTimeline += ' <div class="slide-idle-section"></div>'; htmlTimeline += '</li>'; var inserttoend = true; if (objLayer.type==="row" && document.getElementById('layers-left-ul').getElementsByClassName('sortable_row').length>0) { inserttoend = false; document.getElementById('layers-left-ul').getElementsByClassName('sortable_row')[0].insertAdjacentHTML('afterend',htmlSortbox); document.getElementById('quick-layers-list-id').getElementsByClassName('quick_in_row')[0].insertAdjacentHTML('afterend',quicksb); document.getElementById('layers-right-ul').getElementsByClassName('sortable_row')[0].insertAdjacentHTML('afterend',htmlTimeline); } if (inserttoend) { document.getElementById('layers-left-ul').insertAdjacentHTML('beforeend',htmlSortbox); document.getElementById('quick-layers-list-id').insertAdjacentHTML('beforeend',quicksb); document.getElementById('layers-right-ul').insertAdjacentHTML('beforeend',htmlTimeline); } jQuery('#layer_quicksort_'+serial).on('mouseenter',function(event) { jQuery('.layer_due_list_element_selected').removeClass('layer_due_list_element_selected'); jQuery('#slide_layer_'+jQuery(this).data('serial')).addClass("layer_due_list_element_selected"); }); jQuery('#layer_quicksort_'+serial).on('mouseleave',function(event) { jQuery('.layer_due_list_element_selected').removeClass('layer_due_list_element_selected'); }); jQuery("#layers-left .tipsy_enabled_top").tipsy({ gravity:"s", delayIn: 70 }); reinitSortBox(); var liel= document.getElementById('layer_sort_time_'+serial), li = jQuery(liel), curel = liel.getElementsByClassName("timeline")[0], cur = jQuery(curel); objLayer.references.sorttable = objLayer.references.sorttable === undefined ? {} : objLayer.references.sorttable; objLayer.references.sorttable.layer = jQuery(document.getElementById('layer_sort_'+serial)); objLayer.references.sorttable.timeline = li; objLayer.references.quicklayer = jQuery(document.getElementById('layer_quicksort_'+serial)); if (objLayer.type=="audio") { li.data('objref',objLayer); t.drawAudioMap(objLayer); li.on('mousemove',function(e) { try{ var li = jQuery(this), objLayer = li.data('objref'), serial = li.data('serial'), player = jQuery('#slide_layer_'+serial+" audio")[0]; if (!li.hasClass("ui-state-hover")) return false; clearTimeout(li.data('audiopreview')); li.find('.audio-progress').remove(); player.pause(); li.data('audiopreview',setTimeout(function() { var tf = li.find('.timeline_full'), dl = tf.position().left, dw = tf.width(), mousex = (e.pageX-li.offset().left), time = mousex-dl; if (mousex <dl || mousex>(dl+dw)) return; li.find('.audio-progress').remove(); li.append('<div class="audio-progress"></div>'); var ap = li.find('.audio-progress'), _s = getStartSec(objLayer.video_data.start_at), _e = getStartSec(objLayer.video_data.end_at); _s= _s==-1 ? 0 : _s; _e= _e==-1 ? 999999999 : _e; _s= _s /60; _e= _e /60; _e = _e>player.duration ? player.duration : _e; var segment = _e-_s, shift = Math.floor((time / (segment*100))); if (time>segment*100) time = time - ((segment*100)*shift); if (time>0) { restw = (segment-time/100) * 100; punchgs.TweenLite.fromTo(ap,(segment-time/100),{left:(dl+time+(shift*(segment*100))),transformOrigin:"0% 50%", width:restw,scaleX:0},{scale:1,ease:punchgs.Linear.easeNone, onUpdate:function() {}, onComplete:function() { player.pause(); }}); } if (time>0) { player.play(); player.currentTime = time/100; } },400)); } catch(er) { } }); li.on('mouseleave',function(e) { try { var li = jQuery(this), serial = li.data('serial'), player = jQuery('#slide_layer_'+serial+" audio")[0]; clearTimeout(li.data('audiopreview')); li.find('.audio-progress').remove(); player.pause(); } catch(er) { } }); } var el = liel.getElementsByClassName('timeline_frame'); for (var i=0;i<el.length;i++) { jQuery(el[i]).resizable({ handles: 'e,w', minWidth:1, create: function(event,ui) { var a = this; t.setTLFrame(a); setTimeout(function() { t.frameLimitations(a); },25); }, start: function(event,ui) { t.deactivatePerfectScrollBars(); t.updateTLFrame(this,"trigger",undefined,ui.size.width); }, resize: function(event,ui) { t.updateTLFrame(this,"trigger",undefined,ui.size.width); }, stop: function(event,ui) { t.updateTLFrame(this,"trigger"); } }); jQuery(el[i]).draggable({ axis:"x", start:function(event,ui) { t.recordFrameStatus(this,ui); }, drag:function(event,ui) { t.frameLimitations(this,ui); t.updateTLFrame(this,"trigger"); t.updateAllSelectedLayerTimeline(this); }, stop:function(event,ui) { t.frameLimitations(this,ui); t.updateTLFrame(this,"trigger"); t.updateAllSelectedLayerTimeline(this); } }); } t.resetTimeLineHeight(); t.setIdleZones(); } /** Deactivate the Perfect Scroll bars for a while, since elements just simple slow down */ t.deactivatePerfectScrollBars = function() { jQuery('.revolution-template-groups').perfectScrollbar("destroy"); } t.activatePerfectScrollBars = function() { jQuery('.revolution-template-groups').perfectScrollbar(); } /** check if the Layer should go till Slide End, or should animate our before. if objLayer.endWithSlide == true -> the Layer should not get any "data-end" output !! */ var checkTillSlideEnd = function(objLayer) { var maxtime = ((t.mainMaxTimeLeft))*10, li = document.getElementById('layer_sort_'+objLayer.serial); if ( objLayer.frames["frame_999"].time >= maxtime) { objLayer.endWithSlide = true; if (!li.classList.contains("tillendon")) li.className += " tillendon"; } else { objLayer.endWithSlide = false; jQuery(li).removeClass("tillendon"); } } t.setTLFrame = function(frame) { var speedcont = frame.getElementsByClassName('tlf_speed')[0], splitcont = frame.getElementsByClassName('tlf_splitdelay')[0], durcont = frame.getElementsByClassName('duration_cont')[0], timecont = frame.getElementsByClassName('timebefore_cont')[0], trm = frame.parentNode.parentNode.getElementsByClassName('timeline-relative-marker')[0], frame=jQuery(frame), objLayer = u.getLayerByUniqueId(frame.data('uniqueid')), triggered = u.checkLayerTriggered(objLayer), frameslength = u.getObjectLength(objLayer.frames); objLayer.frames["frame_0"].time = Math.max(0,objLayer.frames["frame_0"].time); objLayer.frames["frame_999"].time = Math.min(t.mainMaxTimeLeft*10,objLayer.frames["frame_999"].time); var fi = frame.data('frameindex'), speed = objLayer.frames["frame_"+fi].speed, time = objLayer.frames["frame_"+fi].time, splitdelay = getSplitCounts(objLayer.text,objLayer.frames["frame_"+fi].split,objLayer.frames["frame_"+fi].splitdelay), timedif = time; objLayer.frames["frame_"+fi].split_extratime = splitdelay; if (splitdelay!==0) { punchgs.TweenLite.set(speedcont,{width:(speed/10)-splitdelay}); punchgs.TweenLite.set(splitcont,{width:splitdelay}); } else { punchgs.TweenLite.set(speedcont,{width:speed/10}); punchgs.TweenLite.set(splitcont,{width:0}); } punchgs.TweenLite.set(frame,{left:time/10, width:(splitdelay+(speed/10))}); durcont.innerHTML = speed; if (objLayer.p_uid!==undefined && objLayer.p_uid!==-1 && u.getLayerByUniqueId(objLayer.p_uid) !==undefined && (typeof u.getLayerByUniqueId(objLayer.p_uid)==='object')) { var p_objLayer = u.getLayerByUniqueId(objLayer.p_uid); trm.style.display="block"; trm.style.width = ((p_objLayer.frames["frame_0"].time/10)-1)+"px"; timedif = time - p_objLayer.frames["frame_0"].time; } else { trm.style.display="none"; trm.style.width = "0px"; if (fi!==0) { var prevframe = fi===999 ? objLayer.frames["frame_"+(frameslength-2)] : objLayer.frames["frame_"+(fi-1)]; if (prevframe!==undefined) timedif = time - (prevframe.time + prevframe.speed + (prevframe.split_extratime*10)); } } if (time == t.mainMaxTimeLeft * 10) timecont.innerHTML = '<span class="wait_slide_end">WAIT</span>'; objLayer.frames["frame_"+fi].time_relative = timedif; if (fi==0 && triggered.in) timecont.innerHTML = '<span class="triggered_layer_on_timeline">a</span>'; if (fi==999 && triggered.out) timecont.innerHTML = '<span class="triggered_layer_on_timeline">a</span>'; t.updateFullTime(objLayer); checkTillSlideEnd(objLayer); } t.updateTLFrame = function(frame,source,ignorerecursive,resizewidth) { if (t.recordFrameStatusForce) t.recordFrameStatus(frame); var curserial = u.getCurrentLayer().serial, speedcont = frame.getElementsByClassName('tlf_speed')[0], splitcont = frame.getElementsByClassName('tlf_splitdelay')[0], durcont = frame.getElementsByClassName('duration_cont')[0], timecont = frame.getElementsByClassName('timebefore_cont')[0], trm = frame.parentNode.parentNode.getElementsByClassName('timeline-relative-marker')[0], frame=jQuery(frame), objLayer = u.getLayerByUniqueId(frame.data('uniqueid')), objUpdate = {frames:{}}, frameslength = u.getObjectLength(objLayer.frames), triggered = u.checkLayerTriggered(objLayer); fi = frame.data('frameindex'), speed = frame.outerWidth()*10, time = frame.position().left*10, splitdelay = getSplitCounts(objLayer.text,objLayer.frames["frame_"+fi].split,objLayer.frames["frame_"+fi].splitdelay), currentframe = objLayer.frames["frame_"+fi], updateTimerText = true, timedif = time; objUpdate.frames["frame_"+fi] = {}; if ((speed-(splitdelay*10))<0) { speed = splitdelay*10; punchgs.TweenLite.set(frame,{width:(splitdelay)}); } if (splitdelay!==0) { punchgs.TweenLite.set(speedcont,{width:(speed/10)-splitdelay}); punchgs.TweenLite.set(splitcont,{width:splitdelay}); } else { punchgs.TweenLite.set(speedcont,{width:speed/10}); punchgs.TweenLite.set(splitcont,{width:0}); } durcont.innerHTML = speed; if ((time == t.mainMaxTimeLeft * 10) || (fi==0 && triggered.in) || (fi==999 && triggered.out)) updateTimerText = false; // CALCULATE THE DELAYS BETWEEN FRAMES OR PARRENT ELEMENTS if (objLayer.p_uid!==undefined && objLayer.p_uid!==-1 && u.getLayerByUniqueId(objLayer.p_uid) !==undefined && (typeof u.getLayerByUniqueId(objLayer.p_uid)==='object')) { var p_objLayer = u.getLayerByUniqueId(objLayer.p_uid); timedif = time - p_objLayer.frames["frame_0"].time; trm.style.display="block"; } else { trm.style.display="none"; trm.style.width="0px"; if (fi!==0) { var prevframe = fi===999 ? objLayer.frames["frame_"+(frameslength-2)] : objLayer.frames["frame_"+(fi-1)]; if (prevframe) timedif = time - (prevframe.time + prevframe.speed + (prevframe.split_extratime*10)); } } // SET TO "WAIT" IF ELEMENT IS BIGGER THAN SLIDE LENGTH if (time == t.mainMaxTimeLeft * 10) timecont.innerHTML = '<span class="wait_slide_end">WAIT</span>'; // DRAW AN "A" IF LAYER ACTION TRIGGERED if (fi==0 && triggered.in) timecont.innerHTML = '<span class="triggered_layer_on_timeline">a</span>'; if (fi==999 && triggered.out) timecont.innerHTML = '<span class="triggered_layer_on_timeline">a</span>'; currentframe.time_relative = timedif; objUpdate.frames["frame_"+fi].speed = speed-(splitdelay*10); objUpdate.frames["frame_"+fi].time = time; objUpdate.frames["frame_"+fi].time_relative=timedif; objUpdate.frames["frame_"+fi].split_extratime = splitdelay; if (objLayer.serial == curserial) { if (fi===0) document.getElementById('layer_speed').value = objUpdate.frames["frame_0"].speed; if (fi===999) document.getElementById('layer_endspeed').value = objUpdate.frames["frame_999"].speed; } if (source!=="trigger") { currentframe.speed = objUpdate.frames["frame_"+fi].speed; currentframe.time = objUpdate.frames["frame_"+fi].time; } // MOVE ALL CHILDREN ELEMENTS TOGETHER WITH THE FIRST FRAME if (fi===0) { if (objLayer.type==="row" || objLayer.type==="column" || objLayer.type=="group") { var _list = u.getLayersInGroup(objLayer.unique_id); for (var i=0;i<_list.columns.length;i++) { var l_tl = _list.columns[i].references.sorttable.timeline, trm = l_tl[0].getElementsByClassName('timeline-relative-marker')[0]; trm.style.width = ((time/10)-1)+"px"; } for (i=0;i<_list.layers.length;i++) { var l_tl = _list.layers[i].references.sorttable.timeline, trm = l_tl[0].getElementsByClassName('timeline-relative-marker')[0]; if (objLayer.type==="row") { var p_tl = document.getElementById("tl_"+_list.layers[i].p_uid+"_frame_0"); if (p_tl!==null && p_tl!==undefined) { trm.style.width = p_tl.style.left; } } else { trm.style.width = ((time/10)-1)+"px"; } } } } // UPDATE DELAYS ON EACH FRAMES COMING AFTER THE CURRENT FRAME if (fi!==999) { var nfi = fi+1>=frameslength-1 ? 999 : fi+1, nextframe = objLayer.frames["frame_"+nfi]; if (nextframe!=undefined) { nextframe.time_relative = nextframe.time - (currentframe.time+currentframe.speed+(currentframe.split_extratime*10)); objUpdate.frames["frame_"+nfi] = {time_relative : nextframe.time_relative}; objLayer.frames["frame_"+nfi].time_relative =nextframe.time_relative; } } else { var nfi="frame_0"; for (var fri in objLayer.frames) { if (fri!=="frame_999") nfi = fri; } var prevframe = objLayer.frames[nfi]; if (prevframe!=undefined) { var time_relative = objLayer.frames["frame_"+fi].time - (prevframe.time+prevframe.speed+(prevframe.split_extratime*10)); objUpdate.frames.frame_999.time_relative = time_relative; objLayer.frames.frame_999.time_relative =time_relative; } } if (source=="trigger") { u.updateLayer(objLayer.serial,objUpdate); } else currentframe.split_extratime = objUpdate.frames["frame_"+fi].split_extratime; t.frameLimitations(frame,false,ignorerecursive,{update:updateTimerText,triggered:triggered,timecont:timecont}); t.updateFullTime(objLayer); checkTillSlideEnd(objLayer); } t.addLayersColumnsToSelectedElements = function(objLayer,fi) { var temp = u.getLayersInGroup(objLayer.unique_id) if (objLayer.type==="row" || objLayer.type=="column" || objLayer.type==="group") { for (var sfi=0;sfi<=temp.layers.length-1;sfi++) { var _pid = temp.layers[sfi].unique_id; if (jQuery.inArray(_pid,u.selectedLayers) == -1 && jQuery.inArray(_pid,u.currentGroupElements) == -1) { var _pel = document.getElementById('tl_'+_pid+'_frame_'+fi); u.currentGroupElementsPositionLeftReset.push(parseInt(_pel.style.left,0)); u.currentGroupElements.push(_pid); } } if (objLayer.type==="row") for (var sfi=0;sfi<=temp.columns.length-1;sfi++) { var _pid = temp.columns[sfi].unique_id; if (jQuery.inArray(_pid,u.selectedLayers) == -1 && jQuery.inArray(_pid,u.currentGroupElements) == -1) { var _pel = document.getElementById('tl_'+_pid+'_frame_'+fi); u.currentGroupElementsPositionLeftReset.push(parseInt(_pel.style.left,0)); u.currentGroupElements.push(_pid); } } } return true; } // Record the last known Position of Elements before Drag t.recordFrameStatus = function(frame,ui) { var frame=jQuery(frame), fi = frame.data('frameindex'), objLayer = u.getLayerByUniqueId(frame.data('uniqueid')); objLayer.positionLeftReset = ui!==undefined ? ui.position.left : frame.position().left; u.selectedLayersPositionLeftReset = []; u.currentGroupElements = []; u.currentGroupElementsPositionLeftReset = []; for (var sfi=0;sfi<=u.selectedLayers.length-1;sfi++) { var _pid = u.selectedLayers[sfi], _obj = _pid!==-1 ? u.getLayerByUniqueId(_pid) : -1, _pel = document.getElementById('tl_'+_pid+'_frame_'+fi); u.selectedLayersPositionLeftReset.push(parseInt(_pel.style.left,0)); if (_obj!==-1) t.addLayersColumnsToSelectedElements(_obj,0); } t.addLayersColumnsToSelectedElements(objLayer,0); t.recordFrameStatusForce=false; } // CHECK IF LEFT OR RIGHT SIDE OF FRAME ALREADY REACHED, REPRINT DELAYS AND POSITIONS t.frameLimitations = function(frame,ui,ignorerecursive,_tc) { if (t.recordFrameStatusForce) t.recordFrameStatus(frame); var frame=jQuery(frame), objLayer = u.getLayerByUniqueId(frame.data('uniqueid')), pframe = frame.prev(), nframe = frame.next(), nframei = nframe.data('frameindex'), fi = frame.data('frameindex'), fl = ui!==undefined && ui!==false ? ui.position.left : frame.position().left, fw = frame.outerWidth(), frameslength = u.getObjectLength(objLayer.frames), currentframe = objLayer.frames["frame_"+fi]; // LEFT CHECK if (pframe.length>0) fl = Math.max((pframe.position().left+pframe.outerWidth()), fl); fl = Math.max(0,fl); // RIGHT CHECK if (nframe.length>0 && fi!==999) fl = Math.min(nframe.position().left-fw, fl); fl = Math.min(t.mainMaxTimeLeft,fl); // REWRITE TIME INFO'S if (_tc!==undefined && _tc.update) { var timedif = 0; if (objLayer.p_uid!==undefined && fi===0 && objLayer.p_uid!==-1 && u.getLayerByUniqueId(objLayer.p_uid) !==undefined && (typeof u.getLayerByUniqueId(objLayer.p_uid)==='object')) { var p_objLayer = u.getLayerByUniqueId(objLayer.p_uid); timedif = (fl*10) - p_objLayer.frames["frame_0"].time; } else if (fi!==0) { var prevframe = fi===999 ? objLayer.frames["frame_"+(frameslength-2)] : objLayer.frames["frame_"+(fi-1)]; if (prevframe) timedif = (fl*10) - (prevframe.time + prevframe.speed + (prevframe.split_extratime*10)); } if (t.timelinetype==="absolute") _tc.timecont.innerHTML = fl*10; else _tc.timecont.innerHTML = timedif; } if (fi!==999 && t.timelinetype!=="absolute") { var nextframe = objLayer.frames["frame_"+nframei]; nextframe.time_relative = nextframe.time - (currentframe.time+(currentframe.split_extratime*10)+currentframe.speed); nframe.find('.timebefore_cont').html(nextframe.time_relative); } if (ui!==undefined && ui!==false) ui.position.left = fl; punchgs.TweenLite.set(frame,{left:fl}); // Check if more than one Layer selected, and move all Layer parallel to the Master layer if ((u.selectedLayers.length>0 && !ignorerecursive) || (u.currentGroupElements!=undefined && u.currentGroupElements.length>0 && !ignorerecursive)) { var dragdif = fl - (objLayer.positionLeftReset); for (var sfi=0;sfi<=u.selectedLayers.length-1;sfi++) { var _pid = u.selectedLayers[sfi]; if (_pid != objLayer.unique_id) { var _pel = document.getElementById('tl_'+_pid+'_frame_'+fi); _pel.style.left = (u.selectedLayersPositionLeftReset[sfi] + dragdif)+"px"; t.updateFullTime(u.getLayerByUniqueId(_pid),(u.selectedLayersPositionLeftReset[sfi] + dragdif)); } } if (fi===0 && u.currentGroupElements!==undefined && u.currentGroupElements.length>0) for (var sfi=0;sfi<=u.currentGroupElements.length-1;sfi++) { var _pid = u.currentGroupElements[sfi]; if (_pid != objLayer.unique_id) { var _pel = document.getElementById('tl_'+_pid+'_frame_'+fi); _pel.style.left = (u.currentGroupElementsPositionLeftReset[sfi] + dragdif)+"px"; t.updateFullTime(u.getLayerByUniqueId(_pid),(u.currentGroupElementsPositionLeftReset[sfi] + dragdif) ); } } } t.updateFullTime(objLayer); checkTillSlideEnd(objLayer); } t.updateFullTime = function(objLayer,left) { var fullcont = objLayer.references.sorttable.timeline[0].getElementsByClassName('timeline_full')[0], audio = jQuery(objLayer.references.sorttable.timeline[0]).find('.timeline_audio'), left = left === undefined ? 15+(objLayer.frames["frame_0"].time/10) : left+15, newtime = (left - 15) * 10; punchgs.TweenLite.set(fullcont,{left:left, width:((objLayer.frames["frame_999"].time - newtime) + objLayer.frames["frame_999"].split_extratime + objLayer.frames["frame_999"].speed)/10}); if (audio!==undefined && audio.length>0) punchgs.TweenLite.set(audio,{left:left, width:((objLayer.frames["frame_999"].time - newtime) + objLayer.frames["frame_999"].split_extratime + objLayer.frames["frame_999"].speed)/10}); } t.updateLayerTimeline = function(objLayer) { var tf = objLayer.references.sorttable.timeline[0].getElementsByClassName('timeline_frame'); for (var i=0;i<tf.length;i++) { t.setTLFrame(tf[i]); t.updateTLFrame(tf[i],false,true); } } t.updateCurrentLayerTimeline = function() { var el = document.getElementById('layer_sort_time_'+u.getCurrentLayer().serial), tf = el.getElementsByClassName('timeline_frame'); for (var i=0;i<tf.length;i++) { t.setTLFrame(tf[i],false,true); } }; t.updateAllLayerTimeline = function() { var tf = document.getElementsByClassName('timeline_frame tl_layer_frame'); for (var i=0;i<tf.length;i++) { t.updateTLFrame(tf[i],false,true); } } t.updateAllSelectedLayerTimeline = function(frame) { var frame=jQuery(frame), frameid = frame.data('uniqueid'), fi = frame.data('frameindex'); if (u.selectedLayers.length>0) for (var i=0;i<=u.selectedLayers.length-1;i++) { var _pid = u.selectedLayers[i]; if (_pid != frameid) t.updateTLFrame(document.getElementById('tl_'+_pid+'_frame_'+fi),false,true); } if (fi===0 && u.currentGroupElements!==undefined && u.currentGroupElements.length>0) for (var i=0;i<=u.currentGroupElements.length-1;i++) { var _pid = u.currentGroupElements[i]; if (_pid != frameid) t.updateTLFrame(document.getElementById('tl_'+_pid+'_frame_'+fi),false,true); } } t.showTimeLineDirectInput = function(objLayer) { // SET CURRENT TIMING HELPERS jQuery('#clayer_start_time').val(objLayer.time); jQuery('#clayer_start_speed').val(objLayer.speed); } t.manageTimeLineDirectInput = function() { jQuery('#clayer_start_time, #clayer_end_time').on("change blur", function() { var objLayer = t.getLayer(selectedLayerSerial); objLayer.time = jQuery('#clayer_start_time').val(); objLayer.frames["frame_999"].time = jQuery('#clayer_end_time').val(); objLayer.speed = jQuery('#clayer_start_speed').val(); objLayer.frames["frame_999"].speed = jQuery('#clayer_end_speed').val(); jQuery('#layer_speed').val(objLayer.speed); jQuery('#layer_endspeed').val(objLayer.frames["frame_999"].speed); t.updateLayerFromFields(); u.updateCurrentLayerTimeline(); }); } /** CALCULATE WIDTH TO TIME */ var msToSec = function(ms) { var s = Math.floor(ms / 1000); ms = ms - (s*1000); var str = s+"."; if (ms<100) str=str+"0"; str = str+Math.round(ms/10); return str; } // COUNT THE AMOUNT OF CHARS, WORDS, LINES IN A TEXT var getSplitCounts = function(txt,split,splitdelay) { if (txt==undefined) return 0; var splitted = new Object(); ht = jQuery('<div>'+txt+'</div>'), w = 1; splitted.c = ht.text().replace(/ /g, "").length; splitted.w = txt.split(" ").length; splitted.l = txt.split('<br').length; switch (split) { case "chars": w = splitted.c; break; case "words": w = splitted.w; break; case "lines": w = splitted.l; break; } return (w -1) * splitdelay; } /** Show / HIde The Timelines */ var showHideTimeines = function() { /* HIDE / SHOW TIMELINES */ jQuery('#button_sort_timing').click(function() { var bst = jQuery(this); if (bst.hasClass("off")) { bst.removeClass("off"); bst.find('.onoff').html('- on'); punchgs.TweenLite.to(jQuery('.sortlist .timeline'),0.5,{autoAlpha:0.5,overwrite:"auto"}); } else { punchgs.TweenLite.to(jQuery('.sortlist .timeline'),0.5,{autoAlpha:0,overwrite:"auto"}); bst.addClass("off"); bst.find('.onoff').html('- off'); } }) } /** * * delete layer from sortbox */ t.deleteLayerFromSortbox = function(serial){ var sortboxLayer = t.getHtmlSortItemFromSerial(serial), sortboxTimeLayer = t.getHtmlSortTimeItemFromSerial(serial), quickItem = t.getHtmlQuickTimeItemFromSerial(serial); try{ sortboxLayer.remove(); sortboxTimeLayer.remove(); quickItem.remove(); } catch(e) { } if (jQuery('.quick-layers-list li').length<2) jQuery('.nolayersavailable').show(); } /** * * unselect all items in sortbox */ t.unselectSortboxItems = function(){ jQuery(".sortlist li,#layers-right li, .quick-layers-list li").removeClass("ui-state-hover").addClass("ui-state-default"); } /** * Organise groups and objects * * This will move one Single Layer into its Group / Row / Column * */ t.organiseGroupsAndLayer = function(editorupdate,demo,ignore_timelines) { var _A_ = demo ? u.arrLayersDemo : u.arrLayers, sortchanged = false; for (var i in _A_) { var objLayer = _A_[i]; if (objLayer.type!="group" && objLayer.type!="row" && objLayer.p_uid!=undefined && objLayer.p_uid!=-1) { var sortelement = demo ? null : objLayer.references.sorttable.layer, j_gpel = u.getLayerByUniqueId(objLayer.p_uid), groupelement = !demo && j_gpel ? j_gpel.references.sorttable.layer[0].getElementsByClassName("sgw_def")[0] : undefined, htmllayer = objLayer.references.htmlLayer, grouplayer = j_gpel ? j_gpel.references.htmlLayer : undefined; if (grouplayer && htmllayer && !grouplayer[0].contains(htmllayer[0])) { var g = grouplayer[0].getElementsByClassName('tp_layer_group_inner_wrapper')[0]; if (g!==undefined && htmllayer[0]!==undefined) { if (objLayer.type!=="column") { var noelement = true, so = 99999, ib; for (var j in _A_) { var objComp = _A_[j]; if (objLayer.p_uid === objComp.p_uid && objComp.references.htmlLayer!==undefined && objComp.groupOrder!==undefined && objComp.groupOrder > objLayer.groupOrder && objComp.groupOrder<so) { so = objComp.groupOrder; noelement = false; ib = objComp.references.htmlLayer; } } if (ib!==undefined && so<99999) { if (ib[0].parentNode == g) g.insertBefore(htmllayer[0],ib[0]); else g.appendChild(htmllayer[0]) } else g.appendChild(htmllayer[0]); } else { //console.log("Add Column with ID:"+objLayer.unique_id+" into Group:"+objLayer.p_uid); g.appendChild(htmllayer[0]) } } } if (!demo && !editorupdate && groupelement!==undefined && !groupelement.contains(sortelement[0])) { sortchanged = true; groupelement.appendChild(sortelement[0]); } if (!demo && groupelement===undefined && objLayer.type==="column") u.deleteLayer(objLayer.serial); } else { objLayer.p_uid = -1; var htmllayer = objLayer.references.htmlLayer, sortelement = demo ? null : objLayer.references.sorttable.layer; if (objLayer.type==="row") { // PUT IN THE RIGHT ORDER THE ROW IN TO THE ZONE var _zone = "row-zone-"+u.getVal(objLayer, 'align_vert'), _znoelement = true, _zso = 99999, _zib, _zg = document.getElementById(_zone); //if (htmllayer[0].parentNode.id===_zone) return false; for (var _j in _A_) { var objComp = _A_[_j]; if (objComp.type==="row" && objComp.unique_id !== objLayer.unique_id && u.getVal(objLayer, 'align_vert') === u.getVal(objComp, 'align_vert') && objComp.references.htmlLayer!==undefined && objComp.groupOrder!==undefined && objComp.groupOrder >= objLayer.groupOrder && objComp.groupOrder<_zso) { _zso = objComp.groupOrder; _znoelement = false; _zib = objComp.references.htmlLayer; } } if (_zib!==undefined && _zso<99999) { if (_zib[0].parentNode == _zg) _zg.insertBefore(htmllayer[0],_zib[0]); else _zg.appendChild(htmllayer[0]) } else _zg.appendChild(htmllayer[0]); u.checkRowZoneContents(); } else { if (htmllayer[0].parentNode.id!='divLayers') document.getElementById("divLayers").appendChild(htmllayer[0]); } if (!demo && sortelement[0].parentNode.id!='layers-left-ul') { document.getElementById('layers-left-ul').insertBefore(sortelement[0],document.getElementById("last_drop_zone_layers")); sortchanged = true; } } } u.setMiddleRowZone(); if (sortchanged) t.updateOrderFromSortbox(ignore_timelines); } /** * update layers order from sortbox elements */ t.updateOrderFromSortbox = function(ignore_timelines){ // RESET GROUP AND COLUMN REFERENCES for (i in u.arrLayers) { var objLayer = u.arrLayers[i]; if (objLayer.type!="column" && objLayer.type != "row" && objLayer.type != "group") { var _t = objLayer.references.sorttable.layer, cc = _t[0].parentNode.parentNode.classList.contains("sortable_column"), gg = _t[0].parentNode.parentNode.classList.contains("sortable_group"), uqid = -1; if ((!cc && !gg) || _t[0].parentNode.parentNode.id == "layers-left-ul") { // IGNORE ITEM HERE } else { var c = jQuery(_t[0].parentNode.parentNode); if (!cc) { _t.data('pid',c.data('uniqueid')); var gtype = c.data('type'); if (gtype==="row") { c = _t.prev(); if (c.length==0) c = _t.next(); c[0].getElementsByClassName("sortable_layers_in_columns")[0].appendChild(_t[0]); } else { //c[0].getElementsByClassName("sortable_groups_wrap")[0].appendChild(_t[0]); } } uqid = c.data('uniqueid'); } _t.data('pid',uqid); _t.attr('pid',uqid); if (objLayer.p_uid != uqid) { objLayer.p_uid = uqid; u.add_layer_change(); } } } var arrSortLayers = jQuery( "#layers-left-ul" ).sortable("toArray",{attribute:"data-uniqueid"}); for(var i=0;i<arrSortLayers.length;i++){ var objLayer = u.getLayerByUniqueId(arrSortLayers[i]), depth = i+5, objUpdate = {order:i,zIndex:depth}; u.arrLayers[objLayer.serial].order = i; u.arrLayers[objLayer.serial].zIndex = depth; //update sortbox order input if (objLayer.references.sorttable.layer[0].getElementsByClassName("sortbox_depth")[0]) objLayer.references.sorttable.layer[0].getElementsByClassName("sortbox_depth")[0].innerHTML = depth; document.getElementById("layers-right-ul").appendChild(objLayer.references.sorttable.timeline[0]); document.getElementById('quick-layers-list-id').appendChild(objLayer.references.quicklayer[0]); if (objLayer.p_uid!=-1 && objLayer.p_uid!==undefined && objLayer.type!=="row" && objLayer.type!=="group") objLayer.references.quicklayer.addClass("quick_in_group") else objLayer.references.quicklayer.removeClass("quick_in_group") } //update z-index of the html window by order t.updateZIndexByOrder(); if (ignore_timelines!=true) t.updateAllLayerTimeline(); } t.resetTimeLineHeight = function() { // SET HEIGHT OF MASTERTIMER var maxh = document.getElementById('layers-right-ul').clientHeight; punchgs.TweenLite.set(jQuery('#mastertimer-position'),{height:maxh+40}); } t.timeLineTableDimensionUpdate = function() { clearTimeout(timeline_timer); timeline_timer = setTimeout(function() { t.resetTimeLineHeight(); var maxh = ((jQuery('#layers-right ul li').length+1)*30) - ((jQuery('#layers-right ul li.layer-deleted').length+1)*30); punchgs.TweenLite.set(jQuery('.layers-wrapper'),{height:maxh+3}); punchgs.TweenLite.set(jQuery('#mastertimer-wrapper'),{height:maxh+3}) jQuery('.master-rightcell .layers-wrapper, .master-leftcell .layers-wrapper, #divLayers-wrapper, .quick-layers-list').perfectScrollbar("update"); },50); } /** * update z-index of the layers by order value */ t.updateZIndexByOrder = function(){ for (var i in u.arrLayers) { var objLayer = u.arrLayers[i], depth = objLayer.order!==undefined ? objLayer.order+5 : 5, objUpdate = {zIndex:depth}; if (objLayer.order !==undefined) punchgs.TweenLite.set(objLayer.references.htmlLayer,{zIndex:(Number(objLayer.order)+100)}); u.updateLayer(objLayer.serial,objUpdate,false,true); } } /** * shift order among all the layers, push down all order num beyong the given * need to redraw after this function */ var shiftOrder = function(orderToFree){ for(key in u.arrLayers){ var obj = u.arrLayers[key]; if(obj.order >= orderToFree){ obj.order = Number(obj.order)+1; u.arrLayers[key] = obj; } } } /** * get sortbox text from layer html */ t.getSortboxText = function(text){ sorboxTextSize = 20; var textSortbox = text===undefined ? "NoText" : UniteAdminRev.stripTags(text); //if no content - escape html if(textSortbox.length < 2) textSortbox = UniteAdminRev.htmlspecialchars(text); //short text if(textSortbox.length > sorboxTextSize) textSortbox = textSortbox.slice(0,sorboxTextSize)+"..."; return(textSortbox); } /** * * redraw the sortbox */ t.redrawSortbox = function(mode){ if(mode == undefined) mode = sortMode; emptySortbox(); var layers_array = getLayersSorted("depth"); if(layers_array.length == 0) { return(false); } for(var i=0; i<layers_array.length;i++){ var objLayer = layers_array[i]; t.addToSortbox(objLayer.serial,objLayer); } if(u.selectedLayerSerial != -1) t.setSortboxItemSelected(u.selectedLayerSerial); } var reinitSortBox = function(sortable) { jQuery('#last_drop_zone_layers').appendTo('#layers-left-ul'); //set the sortlist sortable if (sortable) { jQuery('.layer_sortbox ul').sortable({ //axis:'y', refreshPositions:true, placeholder:"silent-placeholder", cancel:"#slide_in_sort, input", handle:".mastertimer-timeline-zindex-row", items:".sortable_elements", //toleranceElement: '> div', connectWith:"#layers-left-ul, .sortable_groups_wrap, .sortable_layers_in_columns", update: function(event,ui){ var src = jQuery(ui.item); // CANCEL IF ELEMENT IS A ROW if (src.hasClass("sortable_row")) jQuery(this).sortable("cancel"); // CANCEL CHANGE IF GROUP MOVED INTO OTHER GROUP var tg = src.parent(), mg = tg.closest('.sortable_group'), telement = jQuery('#layers-left-ul'); if ((tg.hasClass("sortable_groups_wrap") || tg.hasClass("sortable_layers_in_columns")) && !src.hasClass("sortable_layers")) { if (src.index()<tg.children().length/2) src.insertBefore(mg); else src.insertAfter(mg); } // PUT ITEM BEFORE OR AFTER ROWS IN CASE THE ROW if (tg.attr("id")==="layers-left-ul" || tg.parent().attr('id')==="layers-left-ul" || src.hasClass("sortable_group")) { var rows = telement.find('.sortable_row'), fr = rows.first().index(), lr = rows.last().index(), si = src.index(); if (si>fr && si<lr) src.insertAfter(rows.last()); } onSortboxSorted(); t.organiseGroupsAndLayer(); } }); } jQuery('.droppable_sortable_group,.droppable_sortable_row, .droppable_sortable_column').droppable({ tolerance:"intersect", greedy:true, over:function(ui) { jQuery(ui.target).addClass("readytodrop") }, out:function(ui) { jQuery(ui.target).removeClass("readytodrop") }, drop:function(ui,a) { var ul = jQuery('#layers-left-ul'); jQuery(ui.target).removeClass("readytodrop"); var cl = jQuery(ui.target).attr('class'), src = jQuery(ui.srcElement).closest('.sortable_elements.sortable_layers'), tg; if (!src.length) return false; // ADD TO GROUP if (cl.indexOf('droppable_sortable_group')>=0) tg = jQuery(ui.target).closest('li.sortable_group').find('.sortable_groups_wrap'); // ADD TO FIRST COLUMN IN ROW if (cl.indexOf('droppable_sortable_row')>=0) tg = jQuery(ui.target).closest('li.sortable_group.sortable_row').find('.sortable_layers_in_columns').first(); // ADD TO COLUMN if (cl.indexOf('droppable_sortable_column')>=0) tg = jQuery(ui.target).closest('li.sortable_column').find('.sortable_layers_in_columns').first(); setTimeout(function(){ src.appendTo(tg); onSortboxSorted(); t.organiseGroupsAndLayer(); },50); } }) } //====================================================== // Sortbox Functions //====================================================== var initSortbox = function(){ t.redrawSortbox(); reinitSortBox(true); //set click event on full row jQuery("body").delegate(".layer_sort_inner_wrapper","mousedown",function(e){ var li = jQuery(this).closest('.sortable_elements'); if (li.hasClass("ui-state-hover")) return true; if (!li.hasClass("mastertimer-slide")) { var serial = u.getSerialFromSortID(li.attr('id')); u.setLayerSelected(serial); return false; } }); //set click event on collapser jQuery("body").on("click",".sort_group_collapser",function(e){ var t = jQuery(this), c = t.closest('.sortable_column'), g = c.length ? c : t.closest('.sortable_group'), cenv = c.length? g.find('.sortable_layers_in_columns') : g.find('.sortable_groups_wrap'); t.toggleClass("collapsed"); if (t.hasClass("collapsed")) cenv.css({maxHeight:"0px", overflow:"hidden"}); else cenv.css({maxHeight:"none", overflow:"visible"}); cenv.find('.sortable_elements').each(function(i,a) { var a = jQuery(a), uid = a.data('uniqueid'); if (t.hasClass("collapsed")) jQuery('#layers-right-ul li[data-uniqueid="'+uid+'"]').addClass("unvisibletimeline"); else jQuery('#layers-right-ul li[data-uniqueid="'+uid+'"]').removeClass("unvisibletimeline"); }); }); //set click event on timelines jQuery("#layers-right").delegate("li","mousedown",function(e){ var li = jQuery(this); t.recordFrameStatusForce = true; if (li.hasClass("ui-state-hover")) return true; if (!li.hasClass("mastertimer-slide")) { var serial = u.getSerialFromSortID(this.id); u.setLayerSelected(serial); return false; } }); jQuery('.quick-layer-all-lock').click(function() { var b = jQuery(this), i = b.find('i'); if (i.hasClass("eg-icon-lock")) { jQuery('.quick-layer-lock i').each(function() { jQuery(this).removeClass("eg-icon-lock-open").addClass("eg-icon-lock"); }); i.addClass("eg-icon-lock-open").removeClass("eg-icon-lock"); u.lockAllLayers(); } else { jQuery('.quick-layer-lock i').each(function() { jQuery(this).removeClass("eg-icon-lock").addClass("eg-icon-lock-open"); }); i.removeClass("eg-icon-lock-open").addClass("eg-icon-lock"); u.unlockAllLayers(); } }) jQuery('.quick-layer-all-view').click(function() { var b = jQuery(this), i = b.find('i'); if (i.hasClass("eg-icon-eye")) { jQuery('.quick-layer-view i').each(function() { jQuery(this).addClass("eg-icon-eye").removeClass("eg-icon-eye-off"); }); i.removeClass("eg-icon-eye").addClass("eg-icon-eye-off"); u.showAllLayers(); } else { jQuery('.quick-layer-view i').each(function() { jQuery(this).removeClass("eg-icon-eye").addClass("eg-icon-eye-off"); }); i.addClass("eg-icon-eye").removeClass("eg-icon-eye-off"); u.hideAllLayers(); } }) //on show / hide layer icon click - show / hide layer jQuery(".sortlist").delegate(".till_slideend","mousedown",function(event){ var button = jQuery(this), li = button.closest('li'), serial = button.data('serial'), objLayer = u.getLayer(serial), maxtime = (t.mainMaxTimeLeft)*10; if (li.hasClass("tillendon")) { li.removeClass("tillendon") objLayer.frames["frame_999"].time = objLayer.frames["frame_999"].time-200; t.updateLayerTimeline(objLayer); } else { li.addClass("tillendon"); objLayer.frames["frame_999"].time = maxtime; t.updateLayerTimeline(objLayer); } }); } /*********************************** order layers by time type can be [time] or [order] ************************************/ var getLayersSorted = function(type){ if(type == undefined) type = "time"; //convert to array var layers_array = []; for(key in u.arrLayers){ var obj = u.arrLayers[key]; obj.serial = key; layers_array.push(obj); } if(layers_array.length == 0) return(layers_array); //sort layers array layers_array.sort(function(layer1,layer2){ switch(type){ case "time": if(Number(layer1.time) == Number(layer2.time)){ if(layer1.order == layer2.order) return(0); if(layer1.order > layer2.order) return(1); return(-1); } if(Number(layer1.time) > Number(layer2.time)) return(1); break; case "depth": if(layer1.order == layer2.order) return(0); if(layer1.order > layer2.order) return(1); break; default: trace("wrong sort type: "+type); break; } return(-1); }); return(layers_array); } /** * hide in html and sortbox */ t.hideLayer = function(objLayer,skipGlobalButton){ if (objLayer.references===undefined || objLayer.references.htmlLayer===undefined) return; var htmlLayer = objLayer.references.htmlLayer; htmlLayer.css({visibility:"hidden"}); htmlLayer.addClass("currently_not_visible"); if (!objLayer.isDemo) setSortboxItemHidden(objLayer.serial); if(skipGlobalButton != true){ if(t.isAllLayersHidden()) jQuery("#button_sort_visibility").addClass("e-disabled"); } } /** * show layer in html and sortbox */ t.showLayer = function(objLayer,skipGlobalButton){ if (objLayer.references===undefined || objLayer.references.htmlLayer===undefined) return; var htmlLayer = objLayer.references.htmlLayer; htmlLayer.css({visibility:"visible"}); htmlLayer.removeClass("currently_not_visible"); if (!objLayer.isDemo) setSortboxItemVisible(objLayer.serial); if(skipGlobalButton != true) jQuery("#button_sort_visibility").removeClass("e-disabled"); } /** * get true / false if the layer is hidden */ t.isLayerVisible = function(htmlLayer){ var isVisible = true; if (htmlLayer!=undefined && htmlLayer[0].classList.contains("currently_not_visible")) isVisible = false; return(isVisible); } /** * get true / false if all layers hidden */ t.isAllLayersHidden = function(){ var i=0; for(serial in u.arrLayers){ if(u.arrLayers[i]!==undefined && t.isLayerVisible(u.arrLayers[i].references.htmlLayer) == true) return(false); i++; } return(true); } /** * get true / false if the layer can be moved */ t.isLayerLocked = function(htmllayer){ return htmllayer.hasClass("layer_on_lock"); } /** * hide in html and sortbox */ t.lockLayer = function(serial){ setSortboxItemLocked(serial); var layer = u.getHtmlLayerFromSerial(serial); layer.addClass("layer_on_lock"); } /** * show layer in html and sortbox */ t.unlockLayer = function(serial){ setSortboxItemUnlocked(serial); var layer = u.getHtmlLayerFromSerial(serial); layer.removeClass("layer_on_lock"); } /** * set sortbox items selected */ t.setSortboxItemSelected = function(serial){ var sortItem = t.getHtmlSortItemFromSerial(serial), sortTimeItem = t.getHtmlSortTimeItemFromSerial(serial), quickItem = t.getHtmlQuickTimeItemFromSerial(serial); t.unselectSortboxItems(); if (sortItem) sortItem.removeClass("ui-state-default").addClass("ui-state-hover"); if (sortTimeItem) sortTimeItem.removeClass("ui-state-default").addClass("ui-state-hover"); if (quickItem) quickItem.removeClass("ui-state-default").addClass("ui-state-hover"); } /** * set sortbox item hidden mode */ var setSortboxItemHidden = function(serial){ var sortItem = t.getHtmlSortItemFromSerial(serial), sortTimeItem = t.getHtmlSortTimeItemFromSerial(serial), quickItem = t.getHtmlQuickTimeItemFromSerial(serial); if (sortItem) sortItem.addClass("sortitem-hidden"); if (sortTimeItem) sortTimeItem.addClass("sortitem-hidden"); if (quickItem) { quickItem.addClass("sortitem-hidden"); quickItem.find('.eg-icon-eye').addClass("eg-icon-eye-off").removeClass('eg-icon-eye'); quickItem.find('.quick-layer-view').addClass("in-off"); } } /** * set sortbox item visible mode */ var setSortboxItemVisible = function(serial){ var sortItem = t.getHtmlSortItemFromSerial(serial), sortTimeItem = t.getHtmlSortTimeItemFromSerial(serial), quickItem = t.getHtmlQuickTimeItemFromSerial(serial); if (sortItem) sortItem.removeClass("sortitem-hidden"); if (sortTimeItem) sortTimeItem.removeClass("sortitem-hidden"); if (quickItem) quickItem.removeClass("sortitem-hidden"); } /** * set sortbox item locked mode */ var setSortboxItemLocked = function(serial){ var sortItem = t.getHtmlSortItemFromSerial(serial), sortTimeItem = t.getHtmlSortTimeItemFromSerial(serial), quickItem = t.getHtmlQuickTimeItemFromSerial(serial); if (sortItem) sortItem.addClass("sortitem-locked"); if (sortTimeItem) sortTimeItem.addClass("sortitem-locked"); if (quickItem) quickItem.addClass("sortitem-locked"); } /** * set sortbox item unlocked mode */ var setSortboxItemUnlocked = function(serial){ var sortItem = t.getHtmlSortItemFromSerial(serial), sortTimeItem = t.getHtmlSortTimeItemFromSerial(serial), quickItem = t.getHtmlQuickTimeItemFromSerial(serial); if (sortItem) sortItem.removeClass("sortitem-locked"); if (sortTimeItem) sortTimeItem.removeClass("sortitem-locked"); if (quickItem) quickItem.removeClass("sortitem-locked"); } /** * get sort field element from serial */ t.getHtmlSortItemFromSerial = function(serial){ var htmlSortItem = jQuery("#layer_sort_"+serial); if(htmlSortItem.length == 0){ UniteAdminRev.showErrorMessage("Html sort field with serial: "+serial+" not found!"); return(false); } return(htmlSortItem); } t.getHtmlSortTimeItemFromSerial = function(serial){ var htmlSortItem = jQuery("#layer_sort_time_"+serial); if(htmlSortItem.length == 0){ UniteAdminRev.showErrorMessage("Html sort field with serial: "+serial+" not found!"); return(false); } return(htmlSortItem); } t.getHtmlQuickTimeItemFromSerial = function(serial){ var htmlSortItem = jQuery("#layer_quicksort_"+serial); if(htmlSortItem.length == 0){ UniteAdminRev.showErrorMessage("Html sort field with serial: "+serial+" not found!"); return(false); } return(htmlSortItem); } /** * remove all from sortbox */ var emptySortbox = function(){ jQuery(".sortlist ul").find('.sortable_elements').remove(); jQuery('#layers-right ul').find('.sortable_elements').remove(); } /** * on sortbox sorted event. */ var onSortboxSorted = function(){ t.updateOrderFromSortbox(); } //====================================================== // Sortbox Functions End //====================================================== /////////////////////// // PREPARE THE SLIDE // ////////////////////// var prepareOneSlide = function(slotholder,opt,visible,vorh,w,h) { var sh=slotholder, img = sh.find('.defaultimg'), scalestart = sh.data('zoomstart'), rotatestart = sh.data('rotationstart'), src = sh.find('.defaultimg').css("backgroundImage"), bgcolor=sh.find('.defaultimg').css('backgroundColor'), off=0, bgfit = sh.find('.defaultimg').css("backgroundSize"), bgrepeat = sh.find('.defaultimg').css("backgroundRepeat"), bgposition = sh.find('.defaultimg').css("backgroundPosition"); src=src.replace('"',''); src=src.replace('"',''); if (bgfit==undefined) bgfit="cover"; if (bgrepeat==undefined) bgrepeat="no-repeat"; if (bgposition==undefined) bgposition="center center"; var w= w !=undefined ? w : jQuery('#divbgholder').width(), h= h !=undefined ? h : jQuery('#divbgholder').height(); opt.slotw=Math.ceil(w/opt.slots), opt.sloth=Math.ceil(h/opt.slots); // SET THE MINIMAL SIZE OF A BOX var basicsize = 0, x = 0, y = 0; if (opt.sloth>opt.slotw) basicsize=opt.sloth else basicsize=opt.slotw; opt.slotw = basicsize; opt.sloth = basicsize; var x=0, y=0, fulloff = 0, fullyoff = 0; switch (vorh) { // BOX ANIMATION PREPARING case "box": for (var j=0;j<opt.slots;j++) { y=0; for (var i=0;i<opt.slots;i++) { sh.append('<div class="slot" '+ 'style="position:absolute;'+ 'top:'+(fullyoff+y)+'px;'+ 'left:'+(fulloff+x)+'px;'+ 'width:'+basicsize+'px;'+ 'height:'+basicsize+'px;'+ 'overflow:hidden;">'+ '<div class="slotslide" data-x="'+x+'" data-y="'+y+'" '+ 'style="position:absolute;'+ 'top:'+(0)+'px;'+ 'left:'+(0)+'px;'+ 'width:'+basicsize+'px;'+ 'height:'+basicsize+'px;'+ 'overflow:hidden;">'+ '<div class="slotslidebg" style="position:absolute;'+ 'top:'+(0-y)+'px;'+ 'left:'+(0-x)+'px;'+ 'width:'+w+'px;'+ 'height:'+h+'px;'+ 'background-color:'+bgcolor+';'+ 'background-image:'+src+';'+ 'background-repeat:'+bgrepeat+';'+ 'background-size:'+bgfit+';background-position:'+bgposition+';">'+ '</div></div></div>'); y=y+basicsize; } x=x+basicsize; } break; // SLOT ANIMATION PREPARING case "vertical": case "horizontal": if (vorh == "horizontal") { if (!visible) var off=0-opt.slotw; for (var i=0;i<opt.slots;i++) { sh.append('<div class="slot" style="position:absolute;'+ 'top:'+(0+fullyoff)+'px;'+ 'left:'+(fulloff+(i*opt.slotw))+'px;'+ 'overflow:hidden;width:'+(opt.slotw+0.6)+'px;'+ 'height:'+h+'px">'+ '<div class="slotslide" style="position:absolute;'+ 'top:0px;left:'+off+'px;'+ 'width:'+(opt.slotw+0.6)+'px;'+ 'height:'+h+'px;overflow:hidden;">'+ '<div class="slotslidebg" style="background-color:'+bgcolor+';'+ 'position:absolute;top:0px;'+ 'left:'+(0-(i*opt.slotw))+'px;'+ 'width:'+w+'px;height:'+h+'px;'+ 'background-image:'+src+';'+ 'background-repeat:'+bgrepeat+';'+ 'background-size:'+bgfit+';background-position:'+bgposition+';">'+ '</div></div></div>'); } } else { if (!visible) var off=0-opt.sloth; for (var i=0;i<opt.slots+2;i++) { sh.append('<div class="slot" style="position:absolute;'+ 'top:'+(fullyoff+(i*opt.sloth))+'px;'+ 'left:'+(fulloff)+'px;'+ 'overflow:hidden;'+ 'width:'+w+'px;'+ 'height:'+(opt.sloth)+'px">'+ '<div class="slotslide" style="position:absolute;'+ 'top:'+(off)+'px;'+ 'left:0px;width:'+w+'px;'+ 'height:'+opt.sloth+'px;'+ 'overflow:hidden;">'+ '<div class="slotslidebg" style="background-color:'+bgcolor+';'+ 'position:absolute;'+ 'top:'+(0-(i*opt.sloth))+'px;'+ 'left:0px;'+ 'width:'+w+'px;height:'+h+'px;'+ 'background-image:'+src+';'+ 'background-repeat:'+bgrepeat+';'+ 'background-size:'+bgfit+';background-position:'+bgposition+';">'+ '</div></div></div>'); } } break; } } ////////////////////////////// // SWAP SLIDE PROGRESS // ////////////////////////////// var slideAnimation = function(nextsh,actsh,comingtransition,givebackmtl,smallpreview) { if (nextsh!=undefined) { var nextli = nextsh, actli = actsh, container = new Object(), opt = new Object(); opt.width = nextsh.width(); opt.height = nextsh.height(); } else { var nextsh = nextli = jQuery('#divbgholder').find('.slotholder'), actsh = actli = jQuery('#divbgholder').find('.oldslotholder'), container = new Object(), comingtransition = jQuery('#fake-select-label').data('valu'), opt = new Object(); opt.width = jQuery('#divbgholder').width(); opt.height = jQuery('#divbgholder').height(); } if (comingtransition=="slidingoverlayvertical") comingtransition = "slidingoverlayup" if (comingtransition=="slidingoverlayhorizontal") comingtransition = "slidingoverlayleft" if (comingtransition=="slideoverhorizontal") comingtransition = "slideoverleft" if (comingtransition=="slideoververtical") comingtransition = "slideoverup" if (comingtransition=="slideremovehorizontal") comingtransition = "slideremoveleft" if (comingtransition=="slideremovevertical") comingtransition = "slideremoveup" if (comingtransition=="slidehorizontal") comingtransition = "slideleft" if (comingtransition=="slidevertical") comingtransition = "slideup" if (comingtransition=="parallaxhorizontal") comingtransition = "parallaxtoleft" if (comingtransition=="parallaxvertical") comingtransition = "parallaxtotop" var p1i = punchgs.Power1.easeIn, p1o = punchgs.Power1.easeOut, p1io = punchgs.Power1.easeInOut, p2i = punchgs.Power2.easeIn, p2o = punchgs.Power2.easeOut, p2io = punchgs.Power2.easeInOut, p3i = punchgs.Power3.easeIn, p3o = punchgs.Power3.easeOut, p3io = punchgs.Power3.easeInOut, flatTransitions = [0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45], premiumTransitions = [16,17,18,19,20,21,22,23,24,25,27], nexttrans =0, specials = 1, STAindex = 0, indexcounter =0, STA = new Array, transitionsArray = [['boxslide' , 0, 1, 10, 0,'box',false,null,0,p1o,p1o,500,6], ['boxfade', 1, 0, 10, 0,'box',false,null,1,p1io,p1io,700,5], ['slotslide-horizontal', 2, 0, 0, 200,'horizontal',true,false,2,p2io,p2io,700,3], ['slotslide-vertical', 3, 0,0,200,'vertical',true,false,3,p2io,p2io,700,3], ['curtain-1', 4, 3,0,0,'horizontal',true,true,4,p1o,p1o,300,5], ['curtain-2', 5, 3,0,0,'horizontal',true,true,5,p1o,p1o,300,5], ['curtain-3', 6, 3,25,0,'horizontal',true,true,6,p1o,p1o,300,5], ['slotzoom-horizontal', 7, 0,0,400,'horizontal',true,true,7,p1o,p1o,300,7], ['slotzoom-vertical', 8, 0,0,0,'vertical',true,true,8,p2o,p2o,500,8], ['slotfade-horizontal', 9, 0,0,500,'horizontal',true,null,9,p2o,p2o,500,25], ['slotfade-vertical', 10, 0,0 ,500,'vertical',true,null,10,p2o,p2o,500,25], ['fade', 11, 0, 1 ,300,'horizontal',true,null,11,p2io,p2io,1000,1], ['crossfade', 11, 1, 1 ,300,'horizontal',true,null,11,p2io,p2io,1000,1], ['fadethroughdark', 11, 2, 1 ,300,'horizontal',true,null,11,p2io,p2io,1000,1], ['fadethroughlight', 11, 3, 1 ,300,'horizontal',true,null,11,p2io,p2io,1000,1], ['fadethroughtransparent', 11, 4, 1 ,300,'horizontal',true,null,11,p2io,p2io,1000,1], ['slideleft', 12, 0,1,0,'horizontal',true,true,12,p3io,p3io,1000,1], ['slideup', 13, 0,1,0,'horizontal',true,true,13,p3io,p3io,1000,1], ['slidedown', 14, 0,1,0,'horizontal',true,true,14,p3io,p3io,1000,1], ['slideright', 15, 0,1,0,'horizontal',true,true,15,p3io,p3io,1000,1], ['slideoverleft', 12, 7,1,0,'horizontal',true,true,12,p3io,p3io,1000,1], ['slideoverup', 13, 7,1,0,'horizontal',true,true,13,p3io,p3io,1000,1], ['slideoverdown', 14, 7,1,0,'horizontal',true,true,14,p3io,p3io,1000,1], ['slideoverright', 15, 7,1,0,'horizontal',true,true,15,p3io,p3io,1000,1], ['slideremoveleft', 12, 8,1,0,'horizontal',true,true,12,p3io,p3io,1000,1], ['slideremoveup', 13, 8,1,0,'horizontal',true,true,13,p3io,p3io,1000,1], ['slideremovedown', 14, 8,1,0,'horizontal',true,true,14,p3io,p3io,1000,1], ['slideremoveright', 15, 8,1,0,'horizontal',true,true,15,p3io,p3io,1000,1], ['papercut', 16, 0,0,600,'',null,null,16,p3io,p3io,1000,2], ['3dcurtain-horizontal', 17, 0,20,100,'vertical',false,true,17,p1io,p1io,500,7], ['3dcurtain-vertical', 18, 0,10,100,'horizontal',false,true,18,p1io,p1io,500,5], ['cubic', 19, 0,20,600,'horizontal',false,true,19,p3io,p3io,500,1], ['cube',19,0,20,600,'horizontal',false,true,20,p3io,p3io,500,1], ['flyin', 20, 0,4,600,'vertical',false,true,21,p3o,p3io,500,1], ['turnoff', 21, 0,1,500,'horizontal',false,true,22,p3io,p3io,500,1], ['incube', 22, 0,20,200,'horizontal',false,true,23,p2io,p2io,500,1], ['cubic-horizontal', 23, 0,20,500,'vertical',false,true,24,p2o,p2o,500,1], ['cube-horizontal', 23, 0,20,500,'vertical',false,true,25,p2o,p2o,500,1], ['incube-horizontal', 24, 0,20,500,'vertical',false,true,26,p2io,p2io,500,1], ['turnoff-vertical', 25, 0,1,200,'horizontal',false,true,27,p2io,p2io,500,1], ['fadefromright', 12, 1,1,0,'horizontal',true,true,28,p2io,p2io,1000,1], ['fadefromleft', 15, 1,1,0,'horizontal',true,true,29,p2io,p2io,1000,1], ['fadefromtop', 14, 1,1,0,'horizontal',true,true,30,p2io,p2io,1000,1], ['fadefrombottom', 13, 1,1,0,'horizontal',true,true,31,p2io,p2io,1000,1], ['fadetoleftfadefromright', 12, 2,1,0,'horizontal',true,true,32,p2io,p2io,1000,1], ['fadetorightfadefromleft', 15, 2,1,0,'horizontal',true,true,33,p2io,p2io,1000,1], ['fadetobottomfadefromtop', 14, 2,1,0,'horizontal',true,true,34,p2io,p2io,1000,1], ['fadetotopfadefrombottom', 13, 2,1,0,'horizontal',true,true,35,p2io,p2io,1000,1], ['parallaxtoright', 12, 3,1,0,'horizontal',true,true,36,p2io,p2i,1500,1], ['parallaxtoleft', 15, 3,1,0,'horizontal',true,true,37,p2io,p2i,1500,1], ['parallaxtotop', 14, 3,1,0,'horizontal',true,true,38,p2io,p1i,1500,1], ['parallaxtobottom', 13, 3,1,0,'horizontal',true,true,39,p2io,p1i,1500,1], ['scaledownfromright', 12, 4,1,0,'horizontal',true,true,40,p2io,p2i,1000,1], ['scaledownfromleft', 15, 4,1,0,'horizontal',true,true,41,p2io,p2i,1000,1], ['scaledownfromtop', 14, 4,1,0,'horizontal',true,true,42,p2io,p2i,1000,1], ['scaledownfrombottom', 13, 4,1,0,'horizontal',true,true,43,p2io,p2i,1000,1], ['zoomout', 13, 5,1,0,'horizontal',true,true,44,p2io,p2i,1000,1], ['zoomin', 13, 6,1,0,'horizontal',true,true,45,p2io,p2i,1000,1], ['slidingoverlayup', 27, 0,1,0,'horizontal',true,true,47,p1io,p1o,2000,1], ['slidingoverlaydown', 28, 0,1,0,'horizontal',true,true,48,p1io,p1o,2000,1], ['slidingoverlayright', 30, 0,1,0,'horizontal',true,true,49,p1io,p1o,2000,1], ['slidingoverlayleft', 29, 0,1,0,'horizontal',true,true,50,p1io,p1o,2000,1], ['notransition',26,0,1,0,'horizontal',true,null,46,p2io,p2i,1000,1], ['grayscale', 11, 5, 1 ,300,'horizontal',true,null,11,p2io,p2io,1000,1], ['grayscalecross', 11, 6, 1 ,300,'horizontal',true,null,11,p2io,p2io,1000,1], ['brightness', 11, 7, 1 ,300,'horizontal',true,null,11,p2io,p2io,1000,1], ['brightnesscross', 11, 8, 1 ,300,'horizontal',true,null,11,p2io,p2io,1000,1], ['blurlight', 11, 9, 1 ,300,'horizontal',true,null,11,p2io,p2io,1000,1], ['blurlightcross', 11, 10, 1 ,300,'horizontal',true,null,11,p2io,p2io,1000,1], ['blurstrong', 11, 9, 1 ,300,'horizontal',true,null,11,p2io,p2io,1000,1], ['blurstrongcross', 11, 10, 1 ,300,'horizontal',true,null,11,p2io,p2io,1000,1] ]; // RANDOM TRANSITIONS if (comingtransition == "random-selected" || comingtransition == "random" || comingtransition == "random-static" || comingtransition == "random-premium") comingtransition = 11; function findTransition() { // FIND THE RIGHT TRANSITION PARAMETERS HERE if (transitionsArray) jQuery.each(transitionsArray,function(inde,trans) { if (trans[0] == comingtransition || trans[8] == comingtransition) { nexttrans = trans[1]; specials = trans[2]; STAindex = indexcounter; } indexcounter = indexcounter+1; }) } findTransition(); var direction = -1, masterspeed = jQuery('#transition_duration').val(); if (nexttrans>30) nexttrans = 30; if (nexttrans<0) nexttrans = 0; // PREPARED DEFAULT SETTINGS PER TRANSITION STA = transitionsArray[STAindex]; /////////////////////////////// // MAIN TIMELINE DEFINITION // /////////////////////////////// var mtl = new punchgs.TimelineLite(); //SET DEFAULT IMG UNVISIBLE AT START mtl.add(punchgs.TweenLite.set(nextsh.find('.defaultimg'),{autoAlpha:0})); mtl.pause(); mtl.add(punchgs.TweenLite.set(actsh,{autoAlpha:1,force3D:"auto",zIndex:0}),0); mtl.add(punchgs.TweenLite.set(nextsh,{autoAlpha:1,force3D:"auto",zIndex:1}),0); // ADJUST MASTERSPEED /*masterspeed = masterspeed + STA[4]; if ((nexttrans==4 || nexttrans==5 || nexttrans==6) && opt.slots<3 ) opt.slots=3; // ADJUST SLOTS if (STA[3] != 0) opt.slots = Math.min(opt.slots,STA[3]); if (nexttrans==9) opt.slots = opt.width/20; if (nexttrans==10) opt.slots = opt.height/20;*/ opt.slots = jQuery('#slot_amount').val(); opt.rotate = jQuery('#transition_rotation').val(); masterspeed = masterspeed==="default" ? STA[11] : masterspeed==="random" ? Math.round(Math.random()*1000+300) : masterspeed!=undefined ? parseInt(masterspeed,0) : STA[11]; masterspeed = masterspeed > opt.delay ? opt.delay : masterspeed; // ADJUST MASTERSPEED masterspeed = masterspeed + STA[4]; /////////////////////// // ADJUST SLOTS // /////////////////////// opt.slots = opt.slots==undefined || opt.slots=="default" ? STA[12] : opt.slots=="random" ? Math.round(Math.random()*12+4) : STA[12]; opt.slots = opt.slots < 1 ? comingtransition=="boxslide" ? Math.round(Math.random()*6+3) : comingtransition=="flyin" ? Math.round(Math.random()*4+1) : opt.slots : opt.slots; opt.slots = (nexttrans==4 || nexttrans==5 || nexttrans==6) && opt.slots<3 ? 3 : opt.slots; opt.slots = STA[3] != 0 ? Math.min(opt.slots,STA[3]) : opt.slots; opt.slots = nexttrans==9 ? opt.width/20 : nexttrans==10 ? opt.height/20 : opt.slots; ///////////////////////////////////////////// // SET THE ACTUAL AMOUNT OF SLIDES !! // // SET A RANDOM AMOUNT OF SLOTS // /////////////////////////////////////////// opt.rotate = opt.rotate==undefined || opt.rotate=="default" ? 0 : opt.rotate==999 || opt.rotate=="random" ? Math.round(Math.random()*360) : opt.rotate; opt.rotate = (!jQuery.support.transition || opt.ie || opt.ie9) ? 0 : opt.rotate; opt.slotw=Math.ceil(opt.width/jQuery('#slot_amount').val()), opt.sloth=Math.ceil(opt.height/jQuery('#slot_amount').val()); if (STA[7] !=null) prepareOneSlide(actsh,opt,STA[7],STA[5],opt.width,opt.height); if (STA[6] !=null) prepareOneSlide(nextsh,opt,STA[6],STA[5],opt.width,opt.height); var ei= jQuery('select[name=transition_ease_in]').val(), eo =jQuery('select[name=transition_ease_out]').val(), slidedirection = 1; ei = ei==="default" ? STA[9] || punchgs.Power2.easeInOut : ei || STA[9] || punchgs.Power2.easeInOut; eo = eo==="default" ? STA[10] || punchgs.Power2.easeInOut : eo || STA[10] || punchgs.Power2.easeInOut; ///////////////////////////////////// // THE SLOTSLIDE - TRANSITION I. // //////////////////////////////////// if (nexttrans==0) { // BOXSLIDE // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT var maxz = Math.ceil(opt.height/opt.sloth); var curz = 0; nextsh.find('.slotslide').each(function(j) { var ss=jQuery(this); curz=curz+1; if (curz==maxz) curz=0; mtl.add(punchgs.TweenLite.from(ss,(masterspeed)/600, {opacity:0,top:(0-opt.sloth),left:(0-opt.slotw),rotation:opt.rotate,force3D:"auto",ease:ei}),((j*15) + ((curz)*30))/1500); }); } ///////////////////////////////////// // THE SLOTSLIDE - TRANSITION I. // //////////////////////////////////// if (nexttrans==1) { // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT var maxtime, maxj = 0; nextsh.find('.slotslide').each(function(j) { var ss=jQuery(this), rand=Math.random()*masterspeed+300, rand2=Math.random()*500+200; if (rand+rand2>maxtime) { maxtime = rand2+rand2; maxj = j; } mtl.add(punchgs.TweenLite.from(ss,rand/1000, {autoAlpha:0, force3D:"auto",rotation:opt.rotate,ease:ei}),rand2/1000); }); } ///////////////////////////////////// // THE SLOTSLIDE - TRANSITION I. // //////////////////////////////////// if (nexttrans==2) { var subtl = new punchgs.TimelineLite(); // ALL OLD SLOTS SHOULD BE SLIDED TO THE RIGHT actsh.find('.slotslide').each(function() { var ss=jQuery(this); subtl.add(punchgs.TweenLite.to(ss,masterspeed/1000,{left:opt.slotw,ease:ei, force3D:"auto",rotation:(0-opt.rotate)}),0); mtl.add(subtl,0); }); // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT nextsh.find('.slotslide').each(function() { var ss=jQuery(this); subtl.add(punchgs.TweenLite.from(ss,masterspeed/1000,{left:0-opt.slotw,ease:ei, force3D:"auto",rotation:opt.rotate}),0); mtl.add(subtl,0); }); } ///////////////////////////////////// // THE SLOTSLIDE - TRANSITION I. // //////////////////////////////////// if (nexttrans==3) { var subtl = new punchgs.TimelineLite(); // ALL OLD SLOTS SHOULD BE SLIDED TO THE RIGHT actsh.find('.slotslide').each(function() { var ss=jQuery(this); subtl.add(punchgs.TweenLite.to(ss,masterspeed/1000,{top:opt.sloth,ease:ei,rotation:opt.rotate,force3D:"auto",transformPerspective:600}),0); mtl.add(subtl,0); }); // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT nextsh.find('.slotslide').each(function() { var ss=jQuery(this); subtl.add(punchgs.TweenLite.from(ss,masterspeed/1000,{top:0-opt.sloth,rotation:opt.rotate,ease:eo,force3D:"auto",transformPerspective:600}),0); mtl.add(subtl,0); }); } ///////////////////////////////////// // THE SLOTSLIDE - TRANSITION I. // //////////////////////////////////// if (nexttrans==4 || nexttrans==5) { setTimeout(function() { actsh.find('.defaultimg').css({opacity:0}); },100); // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT var cspeed = (masterspeed)/1000, ticker = cspeed, subtl = new punchgs.TimelineLite(); actsh.find('.slotslide').each(function(i) { var ss=jQuery(this); var del = (i*cspeed)/opt.slots; if (nexttrans==5) del = ((opt.slots-i-1)*cspeed)/(opt.slots)/1.5; subtl.add(punchgs.TweenLite.to(ss,cspeed*3,{transformPerspective:600,force3D:"auto",top:0+opt.height,opacity:0.5,rotation:opt.rotate,ease:ei,delay:del}),0); mtl.add(subtl,0); }); // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT nextsh.find('.slotslide').each(function(i) { var ss=jQuery(this); var del = (i*cspeed)/opt.slots; if (nexttrans==5) del = ((opt.slots-i-1)*cspeed)/(opt.slots)/1.5; subtl.add(punchgs.TweenLite.from(ss,cspeed*3, {top:(0-opt.height),opacity:0.5,rotation:opt.rotate,force3D:"auto",ease:punchgs.eo,delay:del}),0); mtl.add(subtl,0); }); } ///////////////////////////////////// // THE SLOTSLIDE - TRANSITION I. // //////////////////////////////////// if (nexttrans==6) { if (opt.slots<2) opt.slots=2; if (opt.slots % 2) opt.slots = opt.slots+1; var subtl = new punchgs.TimelineLite(); //SET DEFAULT IMG UNVISIBLE setTimeout(function() { actsh.find('.defaultimg').css({opacity:0}); },100); actsh.find('.slotslide').each(function(i) { var ss=jQuery(this); if (i+1<opt.slots/2) var tempo = (i+2)*90; else var tempo = (2+opt.slots-i)*90; subtl.add(punchgs.TweenLite.to(ss,(masterspeed+tempo)/1000,{top:0+opt.height,opacity:1,force3D:"auto",rotation:opt.rotate,ease:ei}),0); mtl.add(subtl,0); }); // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT nextsh.find('.slotslide').each(function(i) { var ss=jQuery(this); if (i+1<opt.slots/2) var tempo = (i+2)*90; else var tempo = (2+opt.slots-i)*90; subtl.add(punchgs.TweenLite.from(ss,(masterspeed+tempo)/1000, {top:(0-opt.height),opacity:1,force3D:"auto",rotation:opt.rotate,ease:eo}),0); mtl.add(subtl,0); }); } //////////////////////////////////// // THE SLOTSZOOM - TRANSITION II. // //////////////////////////////////// if (nexttrans==7) { masterspeed = masterspeed *2; if (masterspeed>opt.delay) masterspeed=opt.delay; var subtl = new punchgs.TimelineLite(); //SET DEFAULT IMG UNVISIBLE setTimeout(function() { actsh.find('.defaultimg').css({opacity:0}); },100); // ALL OLD SLOTS SHOULD BE SLIDED TO THE RIGHT actsh.find('.slotslide').each(function() { var ss=jQuery(this).find('div'); subtl.add(punchgs.TweenLite.to(ss,masterspeed/1000,{ left:(0-opt.slotw/2)+'px', top:(0-opt.height/2)+'px', width:(opt.slotw*2)+"px", height:(opt.height*2)+"px", opacity:0, rotation:opt.rotate, force3D:"auto", ease:ei}),0); mtl.add(subtl,0); }); ////////////////////////////////////////////////////////////// // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT // /////////////////////////////////////////////////////////////// nextsh.find('.slotslide').each(function(i) { var ss=jQuery(this).find('div'); subtl.add(punchgs.TweenLite.fromTo(ss,masterspeed/1000, {left:0,top:0,opacity:0,transformPerspective:600}, {left:(0-i*opt.slotw)+'px', ease:eo, force3D:"auto", top:(0)+'px', width:opt.width, height:opt.height, opacity:1,rotation:0, delay:0.1}),0); mtl.add(subtl,0); }); } //////////////////////////////////// // THE SLOTSZOOM - TRANSITION II. // //////////////////////////////////// if (nexttrans==8) { masterspeed = masterspeed * 3; if (masterspeed>opt.delay) masterspeed=opt.delay; var subtl = new punchgs.TimelineLite(); // ALL OLD SLOTS SHOULD BE SLIDED TO THE RIGHT actsh.find('.slotslide').each(function() { var ss=jQuery(this).find('div'); subtl.add(punchgs.TweenLite.to(ss,masterspeed/1000, {left:(0-opt.width/2)+'px', top:(0-opt.sloth/2)+'px', width:(opt.width*2)+"px", height:(opt.sloth*2)+"px", force3D:"auto", ease:ei, opacity:0,rotation:opt.rotate}),0); mtl.add(subtl,0); }); // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT // /////////////////////////////////////////////////////////////// nextsh.find('.slotslide').each(function(i) { var ss=jQuery(this).find('div'); subtl.add(punchgs.TweenLite.fromTo(ss,masterspeed/1000, {left:0, top:0,opacity:0,force3D:"auto"}, {'left':(0)+'px', 'top':(0-i*opt.sloth)+'px', 'width':(nextsh.find('.defaultimg').data('neww'))+"px", 'height':(nextsh.find('.defaultimg').data('newh'))+"px", opacity:1, ease:eo,rotation:0, }),0); mtl.add(subtl,0); }); } //////////////////////////////////////// // THE SLOTSFADE - TRANSITION III. // ////////////////////////////////////// if (nexttrans==9 || nexttrans==10) { var ssamount=0; // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT nextsh.find('.slotslide').each(function(i) { var ss=jQuery(this); ssamount++; mtl.add(punchgs.TweenLite.fromTo(ss,masterspeed/1000,{autoAlpha:0,force3D:"auto",transformPerspective:600}, {autoAlpha:1,ease:ei,delay:(i*5)/1000}),0); }); } /////////////////////////// // SIMPLE FADE ANIMATION // /////////////////////////// if (nexttrans==11 || nexttrans==26) { var ssamount=0, bgcol = specials == 2 ? "#000000" : specials == 3 ? "#ffffff" : "transparent"; if (nexttrans==26) masterspeed=0; if (smallpreview) { mtl.add(punchgs.TweenLite.set(nextsh.parent(),{backgroundColor:bgcol,force3D:"auto"}),0); switch (specials) { case 0: mtl.add(punchgs.TweenLite.fromTo(actsh,masterspeed/1000,{autoAlpha:0,zIndex:1},{autoAlpha:1,zIndex:1,force3D:"auto",ease:ei}),0); mtl.add(punchgs.TweenLite.set(nextsh,{autoAlpha:1,force3D:"auto",zIndex:0}),0); break; case 1: mtl.add(punchgs.TweenLite.fromTo(actsh,masterspeed/1000,{autoAlpha:0},{autoAlpha:1,force3D:"auto",ease:ei}),0); mtl.add(punchgs.TweenLite.fromTo(nextsh,masterspeed/1000,{autoAlpha:1},{autoAlpha:0,force3D:"auto",ease:ei}),0); break; case 2: case 3: case 4: mtl.add(punchgs.TweenLite.fromTo(nextsh,masterspeed/2000,{autoAlpha:1},{autoAlpha:0,force3D:"auto",ease:ei}),0); mtl.add(punchgs.TweenLite.set(actsh,{autoAlpha:0,force3D:"auto"}),0); mtl.add(punchgs.TweenLite.fromTo(actsh,masterspeed/2000,{autoAlpha:0},{autoAlpha:1,force3D:"auto",ease:ei}),masterspeed/2000); break; case 5: // GRAYSCALE case 6: // GRAYSCALECROSS case 7: // BRIGHTNESS case 8: // BRIGHTNESSCROSS case 9: // BLUR LIGHT case 10: // BLUR LIGHT CROSS case 11: // BLUR STRONG case 12: // BLUR STRONG CROSS var _blur = jQuery.inArray(specials,[9,10])>=0 ? 5 : jQuery.inArray(specials,[11,12])>=0 ? 10 : 0, _gray = jQuery.inArray(specials,[5,6,7,8])>=0 ? 100 : 0, _bright = jQuery.inArray(specials,[7,8])>=0 ? 300 : 0, __ff = "blur("+_blur+"px) grayscale("+_gray+"%) brightness("+_bright+"%)", __ft = "blur(0px) grayscale(0%) brightness(100%)"; mtl.add(punchgs.TweenLite.fromTo(nextsh,masterspeed/1000,{autoAlpha:0,filter:__ff, "-webkit-filter":__ff},{autoAlpha:1,filter:__ft, "-webkit-filter":__ft,force3D:"auto",ease:ei}),0); if (jQuery.inArray(specials,[6,8,10])>=0) mtl.add(punchgs.TweenLite.fromTo(actsh,masterspeed/1000,{autoAlpha:1,filter:__ft, "-webkit-filter":__ft},{autoAlpha:0,force3D:"auto",ease:ei,filter:__ff, "-webkit-filter":__ff}),0); break; } } else { nextsh.find('.slotslide').each(function(i) { var ss=jQuery(this); if (specials<5) mtl.add(punchgs.TweenLite.fromTo(ss,masterspeed/1000,{autoAlpha:0},{autoAlpha:1,force3D:"auto",ease:ei}),0); else { var _blur = jQuery.inArray(specials,[9,10])>=0 ? 5 : jQuery.inArray(specials,[11,12])>=0 ? 10 : 0, _gray = jQuery.inArray(specials,[5,6,7,8])>=0 ? 100 : 0, _bright = jQuery.inArray(specials,[7,8])>=0 ? 300 : 0, __ff = "blur("+_blur+"px) grayscale("+_gray+"%) brightness("+_bright+"%)", __ft = "blur(0px) grayscale(0%) brightness(100%)"; mtl.add(punchgs.TweenLite.fromTo(ss,masterspeed/1000,{autoAlpha:0,filter:__ff, "-webkit-filter":__ff},{autoAlpha:1,filter:__ft, "-webkit-filter":__ft,force3D:"auto",ease:ei}),0); } }); } } ////////////////////// // SLIDING OVERLAYS // ////////////////////// if (nexttrans==27||nexttrans==28||nexttrans==29||nexttrans==30) { var slot = nextsh.find('.slot'), nd = nexttrans==27 || nexttrans==28 ? 1 : 2, mhp = nexttrans==27 || nexttrans==29 ? "-100%" : "+100%", php = nexttrans==27 || nexttrans==29 ? "+100%" : "-100%", mep = nexttrans==27 || nexttrans==29 ? "-80%" : "80%", pep = nexttrans==27 || nexttrans==29 ? "80%" : "-80%", ptp = nexttrans==27 || nexttrans==29 ? "10%" : "-10%", fa = {overwrite:"all"}, ta = {autoAlpha:0,zIndex:1,force3D:"auto",ease:punchgs.Power1.easeInOut}, fb = {position:"inherit",autoAlpha:0,overwrite:"all"}, tb = {autoAlpha:1,force3D:"auto",ease:punchgs.Power1.easeOut}, fc = {overwrite:"all",zIndex:2}, tc = {autoAlpha:1,force3D:"auto",overwrite:"all",ease:punchgs.Power1.easeInOut}, fd = {overwrite:"all",zIndex:2}, td = {autoAlpha:1,force3D:"auto",ease:punchgs.Power1.easeInOut}, at = nd==1 ? "y" : "x"; fa[at] = "0px"; ta[at] = mhp; fb[at] = ptp; tb[at] = "0%"; fc[at] = php; tc[at] = mhp; fd[at] = mep; td[at] = pep; slot.append('<span style="background-color:rgba(0,0,0,0.6);width:100%;height:100%;position:absolute;top:0px;left:0px;display:block;z-index:2"></span>'); mtl.add(punchgs.TweenLite.fromTo(actsh,masterspeed/1000,fa,ta),0); mtl.add(punchgs.TweenLite.fromTo(nextsh.find('.defaultimg'),masterspeed/2000,fb,tb),masterspeed/2000); mtl.add(punchgs.TweenLite.fromTo(slot,masterspeed/1000,fc,tc),0); mtl.add(punchgs.TweenLite.fromTo(slot.find('.slotslide div'),masterspeed/1000,fd,td),0); } if (nexttrans==12 || nexttrans==13 || nexttrans==14 || nexttrans==15) { masterspeed = masterspeed; if (masterspeed>opt.delay) masterspeed=opt.delay; //masterspeed = 1000; setTimeout(function() { punchgs.TweenLite.set(actsh.find('.defaultimg'),{autoAlpha:0}); },100); var oow = opt.width, ooh = opt.height, ssn=nextsh.find('.slotslide'), twx = 0, twy = 0, op = 1, scal = 1, fromscale = 1, speedy = masterspeed/1000, speedy2 = speedy; if (opt.sliderLayout=="fullwidth" || opt.sliderLayout=="fullscreen") { oow=ssn.width(); ooh=ssn.height(); } if (nexttrans==12) twx = oow; else if (nexttrans==15) twx = 0-oow; else if (nexttrans==13) twy = ooh; else if (nexttrans==14) twy = 0-ooh; // DEPENDING ON EXTENDED SPECIALS, DIFFERENT SCALE AND OPACITY FUNCTIONS NEED TO BE ADDED if (specials == 1) op = 0; if (specials == 2) op = 0; if (specials == 3) speedy = masterspeed / 1300; if (specials==4 || specials==5) scal=0.6; if (specials==6 ) scal=1.4; if (specials==5 || specials==6) { fromscale=1.4; op=0; oow=0; ooh=0;twx=0;twy=0; } if (specials==6) fromscale=0.6; var dd = 0; if (specials==7) { oow = 0; ooh = 0; } var inc = nextsh.find('.slotslide'), outc = actsh.find('.slotslide'); mtl.add(punchgs.TweenLite.set(actli,{zIndex:15}),0); mtl.add(punchgs.TweenLite.set(nextli,{zIndex:20}),0); if (specials==8) { mtl.add(punchgs.TweenLite.set(actli,{zIndex:20}),0); mtl.add(punchgs.TweenLite.set(nextli,{zIndex:15}),0); mtl.add(punchgs.TweenLite.set(inc,{left:0, top:0, scale:1, opacity:1,rotation:0,ease:ei,force3D:"auto"}),0); } else { mtl.add(punchgs.TweenLite.from(inc,speedy,{left:twx, top:twy, scale:fromscale, opacity:op,rotation:opt.rotate,ease:ei,force3D:"auto"}),0); } if (specials==4 || specials==5) { oow = 0; ooh=0; } if (specials!=1) switch (nexttrans) { case 12: mtl.add(punchgs.TweenLite.to(outc,speedy2,{'left':(0-oow)+'px',force3D:"auto",scale:scal,opacity:op,rotation:opt.rotate,ease:eo}),0); break; case 15: mtl.add(punchgs.TweenLite.to(outc,speedy2,{'left':(oow)+'px',force3D:"auto",scale:scal,opacity:op,rotation:opt.rotate,ease:eo}),0); break; case 13: mtl.add(punchgs.TweenLite.to(outc,speedy2,{'top':(0-ooh)+'px',force3D:"auto",scale:scal,opacity:op,rotation:opt.rotate,ease:eo}),0); break; case 14: mtl.add(punchgs.TweenLite.to(outc,speedy2,{'top':(ooh)+'px',force3D:"auto",scale:scal,opacity:op,rotation:opt.rotate,ease:eo}),0); break; } } ////////////////////////////////////// // THE SLOTSLIDE - TRANSITION XVI. // ////////////////////////////////////// if (nexttrans==16) { // PAPERCUT var subtl = new punchgs.TimelineLite(); mtl.add(punchgs.TweenLite.set(actli,{'position':'absolute','z-index':20}),0); mtl.add(punchgs.TweenLite.set(nextli,{'position':'absolute','z-index':15}),0); // PREPARE THE CUTS actli.wrapInner('<div class="tp-half-one" style="position:relative; width:100%;height:100%"></div>'); actli.find('.tp-half-one').clone(true).appendTo(actli).addClass("tp-half-two"); actli.find('.tp-half-two').removeClass('tp-half-one'); var oow = opt.width, ooh = opt.height; if (opt.autoHeight=="on") ooh = container.height(); actli.find('.tp-half-one .defaultimg').wrap('<div class="tp-papercut" style="width:'+oow+'px;height:'+ooh+'px;"></div>') actli.find('.tp-half-two .defaultimg').wrap('<div class="tp-papercut" style="width:'+oow+'px;height:'+ooh+'px;"></div>') actli.find('.tp-half-two .defaultimg').css({position:'absolute',top:'-50%'}); actli.find('.tp-half-two .tp-caption').wrapAll('<div style="position:absolute;top:-50%;left:0px;"></div>'); mtl.add(punchgs.TweenLite.set(actli.find('.tp-half-two'), {width:oow,height:ooh,overflow:'hidden',zIndex:15,position:'absolute',top:ooh/2,left:'0px',transformPerspective:600,transformOrigin:"center bottom"}),0); mtl.add(punchgs.TweenLite.set(actli.find('.tp-half-one'), {width:oow,height:ooh/2,overflow:'visible',zIndex:10,position:'absolute',top:'0px',left:'0px',transformPerspective:600,transformOrigin:"center top"}),0); // ANIMATE THE CUTS var img=actli.find('.defaultimg'), ro1=Math.round(Math.random()*20-10), ro2=Math.round(Math.random()*20-10), ro3=Math.round(Math.random()*20-10), xof = Math.random()*0.4-0.2, yof = Math.random()*0.4-0.2, sc1=Math.random()*1+1, sc2=Math.random()*1+1, sc3=Math.random()*0.3+0.3; mtl.add(punchgs.TweenLite.set(actli.find('.tp-half-one'),{overflow:'hidden'}),0); mtl.add(punchgs.TweenLite.fromTo(actli.find('.tp-half-one'),masterspeed/800, {width:oow,height:ooh/2,position:'absolute',top:'0px',left:'0px',force3D:"auto",transformOrigin:"center top"}, {scale:sc1,rotation:ro1,y:(0-ooh-ooh/4),autoAlpha:0,ease:ei}),0); mtl.add(punchgs.TweenLite.fromTo(actli.find('.tp-half-two'),masterspeed/800, {width:oow,height:ooh,overflow:'hidden',position:'absolute',top:ooh/2,left:'0px',force3D:"auto",transformOrigin:"center bottom"}, {scale:sc2,rotation:ro2,y:ooh+ooh/4,ease:ei,autoAlpha:0,onComplete:function() { // CLEAN UP punchgs.TweenLite.set(actli,{'position':'absolute','z-index':15}); punchgs.TweenLite.set(nextli,{'position':'absolute','z-index':20}); if (actli.find('.tp-half-one').length>0) { actli.find('.tp-half-one .defaultimg').unwrap(); actli.find('.tp-half-one .slotholder').unwrap(); } actli.find('.tp-half-two').remove(); }}),0); subtl.add(punchgs.TweenLite.set(nextsh.find('.defaultimg'),{autoAlpha:1}),0); if (actli.html()!=null) mtl.add(punchgs.TweenLite.fromTo(nextli,(masterspeed-200)/1000, {scale:sc3,x:(opt.width/4)*xof, y:(ooh/4)*yof,rotation:ro3,force3D:"auto",transformOrigin:"center center",ease:eo}, {autoAlpha:1,scale:1,x:0,y:0,rotation:0}),0); mtl.add(subtl,0); } //////////////////////////////////////// // THE SLOTSLIDE - TRANSITION XVII. // /////////////////////////////////////// if (nexttrans==17) { // 3D CURTAIN HORIZONTAL // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT nextsh.find('.slotslide').each(function(j) { var ss=jQuery(this); mtl.add(punchgs.TweenLite.fromTo(ss,(masterspeed)/800, {opacity:0,rotationY:0,scale:0.9,rotationX:-110,force3D:"auto",transformPerspective:600,transformOrigin:"center center"}, {opacity:1,top:0,left:0,scale:1,rotation:0,rotationX:0,force3D:"auto",rotationY:0,ease:ei,delay:j*0.06}),0); }); } //////////////////////////////////////// // THE SLOTSLIDE - TRANSITION XVIII. // /////////////////////////////////////// if (nexttrans==18) { // 3D CURTAIN VERTICAL // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT nextsh.find('.slotslide').each(function(j) { var ss=jQuery(this); mtl.add(punchgs.TweenLite.fromTo(ss,(masterspeed)/500, {autoAlpha:0,rotationY:110,scale:0.9,rotationX:10,force3D:"auto",transformPerspective:600,transformOrigin:"center center"}, {autoAlpha:1,top:0,left:0,scale:1,rotation:0,rotationX:0,force3D:"auto",rotationY:0,ease:ei,delay:j*0.06}),0); }); } //////////////////////////////////////// // THE SLOTSLIDE - TRANSITION XIX. // /////////////////////////////////////// if (nexttrans==19 || nexttrans==22) { // IN CUBE var subtl = new punchgs.TimelineLite(); //SET DEFAULT IMG UNVISIBLE mtl.add(punchgs.TweenLite.set(actli,{zIndex:20}),0); mtl.add(punchgs.TweenLite.set(nextli,{zIndex:20}),0); setTimeout(function() { actsh.find('.defaultimg').css({opacity:0}); },100); var rot = 90, op = 1, torig ="center center "; if (slidedirection==1) rot = -90; if (nexttrans==19) { torig = torig+"-"+opt.height/2; op=0; } else { torig = torig+opt.height/2; } // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT punchgs.TweenLite.set(container,{transformStyle:"flat",backfaceVisibility:"hidden",transformPerspective:600}); nextsh.find('.slotslide').each(function(j) { var ss=jQuery(this); subtl.add(punchgs.TweenLite.fromTo(ss,masterspeed/1000, {transformStyle:"flat",backfaceVisibility:"hidden",left:0,rotationY:opt.rotate,z:10,top:0,scale:1,force3D:"auto",transformPerspective:600,transformOrigin:torig,rotationX:rot}, {left:0,rotationY:0,top:0,z:0, scale:1,force3D:"auto",rotationX:0, delay:(j*50)/1000,ease:ei}),0); subtl.add(punchgs.TweenLite.to(ss,0.1,{autoAlpha:1,delay:(j*50)/1000}),0); mtl.add(subtl); }); actsh.find('.slotslide').each(function(j) { var ss=jQuery(this); var rot = -90; if (slidedirection==1) rot = 90; subtl.add(punchgs.TweenLite.fromTo(ss,masterspeed/1000, {transformStyle:"flat",backfaceVisibility:"hidden",autoAlpha:1,rotationY:0,top:0,z:0,scale:1,force3D:"auto",transformPerspective:600,transformOrigin:torig, rotationX:0}, {autoAlpha:1,rotationY:opt.rotate,top:0,z:10, scale:1,rotationX:rot, delay:(j*50)/1000,force3D:"auto",ease:eo}),0); mtl.add(subtl); }); mtl.add(punchgs.TweenLite.set(actli,{zIndex:18}),0); } //////////////////////////////////////// // THE SLOTSLIDE - TRANSITION XX. // /////////////////////////////////////// if (nexttrans==20 ) { // FLYIN setTimeout(function() { actsh.find('.defaultimg').css({opacity:0}); },100); if (slidedirection==1) { var ofx = -opt.width var rot =80; var torig = "20% 70% -"+opt.height/2; } else { var ofx = opt.width; var rot = -80; var torig = "80% 70% -"+opt.height/2; } nextsh.find('.slotslide').each(function(j) { var ss=jQuery(this), d = (j*50)/1000; mtl.add(punchgs.TweenLite.fromTo(ss,masterspeed/1000, {left:ofx,rotationX:40,z:-600, opacity:op,top:0,scale:1,force3D:"auto",transformPerspective:600,transformOrigin:torig,transformStyle:"flat",rotationY:rot}, {left:0,rotationX:0,opacity:1,top:0,z:0, scale:1,rotationY:0, delay:d,ease:ei}),0); }); actsh.find('.slotslide').each(function(j) { var ss=jQuery(this), d = (j*50)/1000; d = j>0 ? d + masterspeed/9000 : 0; if (slidedirection!=1) { var ofx = -opt.width/2 var rot =30; var torig = "20% 70% -"+opt.height/2; } else { var ofx = opt.width/2; var rot = -30; var torig = "80% 70% -"+opt.height/2; } eo=punchgs.Power2.easeInOut; mtl.add(punchgs.TweenLite.fromTo(ss,masterspeed/1000, {opacity:1,rotationX:0,top:0,z:0,scale:1,left:0, force3D:"auto",transformPerspective:600,transformOrigin:torig, transformStyle:"flat",rotationY:0}, {opacity:1,rotationX:20,top:0, z:-600, left:ofx, force3D:"auto",rotationY:rot, delay:d,ease:eo}),0); }); } //////////////////////////////////////// // THE SLOTSLIDE - TRANSITION XX. // /////////////////////////////////////// if (nexttrans==21 || nexttrans==25) { // TURNOFF //SET DEFAULT IMG UNVISIBLE setTimeout(function() { actsh.find('.defaultimg').css({opacity:0}); },100); var rot = 90, ofx = -opt.width, rot2 = -rot; if (slidedirection==1) { if (nexttrans==25) { var torig = "center top 0"; rot = opt.rotate; } else { var torig = "left center 0"; rot2 = opt.rotate; } } else { ofx = opt.width; rot = -90; if (nexttrans==25) { var torig = "center bottom 0" rot2 = -rot; rot = opt.rotate; } else { var torig = "right center 0"; rot2 = opt.rotate; } } nextsh.find('.slotslide').each(function(j) { var ss=jQuery(this), ms2 = ((masterspeed/1.5)/3); mtl.add(punchgs.TweenLite.fromTo(ss,(ms2*2)/1000, {left:0,transformStyle:"flat",rotationX:rot2,z:0, autoAlpha:0,top:0,scale:1,force3D:"auto",transformPerspective:1200,transformOrigin:torig,rotationY:rot}, {left:0,rotationX:0,top:0,z:0, autoAlpha:1,scale:1,rotationY:0,force3D:"auto",delay:ms2/1000, ease:ei}),0); }); if (slidedirection!=1) { ofx = -opt.width rot = 90; if (nexttrans==25) { torig = "center top 0" rot2 = -rot; rot = opt.rotate; } else { torig = "left center 0"; rot2 = opt.rotate; } } else { ofx = opt.width; rot = -90; if (nexttrans==25) { torig = "center bottom 0" rot2 = -rot; rot = opt.rotate; } else { torig = "right center 0"; rot2 = opt.rotate; } } actsh.find('.slotslide').each(function(j) { var ss=jQuery(this); mtl.add(punchgs.TweenLite.fromTo(ss,masterspeed/1000, {left:0,transformStyle:"flat",rotationX:0,z:0, autoAlpha:1,top:0,scale:1,force3D:"auto",transformPerspective:1200,transformOrigin:torig,rotationY:0}, {left:0,rotationX:rot2,top:0,z:0,autoAlpha:1,force3D:"auto", scale:1,rotationY:rot,ease:eo}),0); }); } //////////////////////////////////////// // THE SLOTSLIDE - TRANSITION XX. // /////////////////////////////////////// if (nexttrans==23 || nexttrans == 24) { // cube-horizontal - inboxhorizontal //SET DEFAULT IMG UNVISIBLE setTimeout(function() { actsh.find('.defaultimg').css({opacity:0}); },100); var rot = -90, op = 1, opx=0; if (slidedirection==1) rot = 90; if (nexttrans==23) { var torig = "center center -"+opt.width/2; op=0; } else var torig = "center center "+opt.width/2; punchgs.TweenLite.set(container,{transformStyle:"preserve-3d",backfaceVisibility:"hidden",perspective:2500}); nextsh.find('.slotslide').each(function(j) { var ss=jQuery(this); mtl.add(punchgs.TweenLite.fromTo(ss,masterspeed/1000, {left:opx,rotationX:opt.rotate,force3D:"auto",opacity:op,top:0,scale:1,transformPerspective:1200,transformOrigin:torig,rotationY:rot}, {left:0,rotationX:0,autoAlpha:1,top:0,z:0, scale:1,rotationY:0, delay:(j*50)/500,ease:ei}),0); }); rot = 90; if (slidedirection==1) rot = -90; actsh.find('.slotslide').each(function(j) { var ss=jQuery(this); mtl.add(punchgs.TweenLite.fromTo(ss,masterspeed/1000, {left:0,rotationX:0,top:0,z:0,scale:1,force3D:"auto",transformStyle:"flat",transformPerspective:1200,transformOrigin:torig, rotationY:0}, {left:opx,rotationX:opt.rotate,top:0, scale:1,rotationY:rot, delay:(j*50)/500,ease:eo}),0); if (nexttrans==23) mtl.add(punchgs.TweenLite.fromTo(ss,masterspeed/2000,{autoAlpha:1},{autoAlpha:0,delay:(j*50)/500 + masterspeed/3000,ease:eo}),0); }); } // SHOW FIRST LI && ANIMATE THE CAPTIONS mtl.add(punchgs.TweenLite.set(nextsh.find('.defaultimg'),{autoAlpha:1})); mtl.add(punchgs.TweenLite.set(nextsh.find('.slot'),{autoAlpha:0})); mtl.seek(100000); if (givebackmtl!=undefined) return mtl; else jQuery('#divbgholder').data('slidetimeline',mtl); } /////////////////////// // REMOVE SLOTS // ///////////////////// var removeAllSlots = function() { if (jQuery('#divbgholder').data('slidetimeline')!=undefined) { jQuery('#divbgholder').data('slidetimeline').kill(); jQuery('#divbgholder').find('.slot').each(function() { jQuery(this).remove(); }); } } t.resetSlideAnimations = function(seekinpos) { removeAllSlots(); slideAnimation(); var mst = jQuery('#divbgholder').data('slidetimeline'), mp = jQuery('#mastertimer-position'), tpos = (mp.position().left)/100; if (mst!=undefined) { mst.stop(); if (seekinpos) mst.seek(tpos); } } }