';
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+dw)) return;
li.find('.audio-progress').remove();
li.append('');
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 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 = 'WAIT';
objLayer.frames["frame_"+fi].time_relative = timedif;
if (fi==0 && triggered.in) timecont.innerHTML = 'a';
if (fi==999 && triggered.out) timecont.innerHTML = 'a';
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 = 'WAIT';
// DRAW AN "A" IF LAYER ACTION TRIGGERED
if (fi==0 && triggered.in) timecont.innerHTML = 'a';
if (fi==999 && triggered.out) timecont.innerHTML = 'a';
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;i0)
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('
'+txt+'
'),
w = 1;
splitted.c = ht.text().replace(/ /g, "").length;
splitted.w = txt.split(" ").length;
splitted.l = txt.split(' objLayer.groupOrder && 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= 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 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()fr && si=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'+
'
'+
'
'+
'
');
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'+
'
'+
'
'+
'
');
}
} else {
if (!visible) var off=0-opt.sloth;
for (var i=0;i'+
'
'+
'
'+
'
');
}
}
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+1opt.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('');
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('');
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('')
actli.find('.tp-half-two .defaultimg').wrap('')
actli.find('.tp-half-two .defaultimg').css({position:'absolute',top:'-50%'});
actli.find('.tp-half-two .tp-caption').wrapAll('');
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);
}
}
}