finlabsindia/newSite/wp-content/plugins/revslider/admin/assets/js/edit_layers_timeline.js

/************************************************
 * 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);
		}
	}
	
}