if(typeof(window.bannerSliderObjects) == 'undefined'){ window.bannerSliderObjects = {}; } function initBannerSlider(listId, preselectedEntry){ window.bannerSliderObjects[listId] = {}; window.bannerSliderObjects[listId]['numberChanges'] = -1; var fadeTime = jQuery('#bannerSlider_' + listId).data('fadetime'); var animation = jQuery('#bannerSlider_' + listId).data('animation'); var animationDuration = jQuery('#bannerSlider_' + listId).data('animationduration'); var numberEntries = jQuery('#bannerSlider_' + listId).data('numberentries'); var currentEntry = jQuery('#bannerSlider_' + listId).data('currententry'); var preventEventsOnTouch = jQuery('#bannerSlider_' + listId).data('preventeventsontouch'); var allowtouch = jQuery('#bannerSlider_' + listId).data('allowtouch'); onAfterSelectListEntryBannerSlider(listId, 0, true); if(typeof(fadeTime) != 'undefined' && fadeTime != '' && fadeTime != 0){ jQuery('#bannerSlider_' + listId).data('intervalcount', 1); window.bannerSliderObjects[listId]['interval'] = window.setInterval(function(){jQuery('#bannerSlider_' + listId).data('intervalcount', jQuery('#bannerSlider_' + listId).data('intervalcount') + 1);if(jQuery('#bannerSlider_' + listId).data('intervalcount') >= 128){window.clearInterval(window.bannerSliderObjects[listId]['interval'])};selectListEntryBannerSlider(listId, "+")}, fadeTime * 1000); jQuery(window).blur(function(){ window.clearInterval(window.bannerSliderObjects[listId]['interval']); }); jQuery(window).focus(function(){ window.clearInterval(window.bannerSliderObjects[listId]['interval']); window.bannerSliderObjects[listId]['interval'] = window.setInterval(function(){jQuery('#bannerSlider_' + listId).data('intervalcount', jQuery('#bannerSlider_' + listId).data('intervalcount') + 1);if(jQuery('#bannerSlider_' + listId).data('intervalcount') >= 128){window.clearInterval(window.bannerSliderObjects[listId]['interval'])};selectListEntryBannerSlider(listId, "+")}, fadeTime * 1000); }); } if(jQuery('#bannerSlider_' + listId + ' .listEntries .listEntry').length > 1 && allowtouch != 'no'){ if(window.name.indexOf('fancy') == -1 && /(slide|scroll)/.test(animation) && ('ontouchstart' in window || window.DocumentTouch && document instanceof DocumentTouch)){ jQuery('body').bind('touchstart', function(event){ if(jQuery(event.target).closest('#bannerSlider_' + listId + ' .listEntries').length != 0){ window.bannerSliderObjects[listId]['mouseStartX'] = event.originalEvent.touches[0].pageX; window.bannerSliderObjects[listId]['mouseStartY'] = event.originalEvent.touches[0].pageY; window.bannerSliderObjects[listId]['mouseStartInnerMarginLeft'] = parseInt(jQuery('#listEntries_' + listId).css('margin-left')); window.bannerSliderObjects[listId]['touchdirection'] = ''; } }); jQuery('body').bind('touchmove', function(event){ if(window.bannerSliderObjects[listId] && window.bannerSliderObjects[listId]['mouseStartX']){ window.bannerSliderObjects[listId]['mouseX'] = event.originalEvent.touches[0].pageX; window.bannerSliderObjects[listId]['mouseY'] = event.originalEvent.touches[0].pageY; window.bannerSliderObjects[listId]['divX'] = window.bannerSliderObjects[listId]['mouseX'] - window.bannerSliderObjects[listId]['mouseStartX']; window.bannerSliderObjects[listId]['divY'] = window.bannerSliderObjects[listId]['mouseY'] - window.bannerSliderObjects[listId]['mouseStartY']; var diffX = window.bannerSliderObjects[listId]['divX'] > 0 ? window.bannerSliderObjects[listId]['divX'] : - window.bannerSliderObjects[listId]['divX']; var diffY = window.bannerSliderObjects[listId]['divY'] > 0 ? window.bannerSliderObjects[listId]['divY'] : - window.bannerSliderObjects[listId]['divY']; if(diffX > 10 && diffX > diffY){ listEntryBannerSliderMove(listId); window.bannerSliderObjects[listId]['touchdirection'] = 'h'; if(preventEventsOnTouch == '1'){ event.preventDefault(); } } else if(window.bannerSliderObjects[listId]['touchdirection'] == ''){ window.bannerSliderObjects[listId]['touchdirection'] = 'v'; } } }); jQuery('body').bind('touchend', function(event){ if(jQuery(event.target).closest('#bannerSlider_' + listId + ' .listEntries').length != 0){ //event.preventDefault(); if(window.bannerSliderObjects[listId] && window.bannerSliderObjects[listId]['mouseStartX']){ if(window.bannerSliderObjects[listId]['touchdirection'] == 'h'){ bannerSliderMoveEnd(listId); } } } }); } jQuery('#bannerSlider_' + listId + ' .listEntries').mousedown(function(event){ window.clearInterval(window.bannerSliderObjects[listId]['interval']); event.preventDefault ? event.preventDefault() : event.returnValue = false; event.stopPropagation ? event.stopPropagation() : event.cancelBubble = true; window.bannerSliderObjects[listId]['mouseStartX'] = event.pageX; window.bannerSliderObjects[listId]['mouseStartInnerMarginLeft'] = parseInt(jQuery('#listEntries_' + listId).css('margin-left')); }); jQuery(document).mousemove(function(event){ if(window.bannerSliderObjects[listId] && window.bannerSliderObjects[listId]['mouseStartX']){ window.bannerSliderObjects[listId]['mouseX'] = event.pageX; window.bannerSliderObjects[listId]['divX'] = window.bannerSliderObjects[listId]['mouseX'] - window.bannerSliderObjects[listId]['mouseStartX']; listEntryBannerSliderMove(listId); } }); jQuery(document).mouseup(function(e){ if(window.bannerSliderObjects[listId] && window.bannerSliderObjects[listId]['mouseStartX']){ bannerSliderMoveEnd(listId); } }); } jQuery('#listEntries_' + listId + ' .listEntryProgress').removeClass('listEntryProgress'); if(animation == 'scrollHorizontal'){ var scrollingElement = jQuery('#bannerSlider_' + listId).find('.listEntries'); var scrollingElementInner = jQuery('#bannerSlider_' + listId).find('.listEntriesInner'); scrollingElementInner.children('*').each(function(index){ jQuery(this).css('width', jQuery(this).width()); }); var lastElementInner = scrollingElementInner.children('*:last'); var marginRight = isNaN(lastElementInner.css('margin-right')) ? 0 : Math.round(lastElementInner.css('margin-right')); var offsetRightLastElementInner = lastElementInner.get(0).offsetLeft + lastElementInner.outerWidth() + marginRight; scrollingElementInner.css({'width' : String(offsetRightLastElementInner) + 'px'}); var rightNew = - (Math.round(scrollingElement.width()) - (isNaN(parseInt(scrollingElementInner.css('margin-left'))) ? 0 : Math.round(parseFloat(scrollingElementInner.css('margin-left')))) - scrollingElementInner.width()); if(rightNew <= 0){ jQuery('#bannerSlider_' + listId).addClass('lastEntryVisible'); } else{ jQuery('#bannerSlider_' + listId).removeClass('lastEntryVisible'); } jQuery('#bannerSlider_' + listId + ' .listMoverForward').removeAttr('onclick').click(function(){ var scrollingElement = jQuery(this).parent().parent().find('.listEntries'); var scrollingElementInner = jQuery(this).parent().parent().find('.listEntriesInner'); var movingWidth = scrollingElement.innerWidth(); var innerWidth = scrollingElementInner.width(); var right = - (Math.round(scrollingElement.width()) - (isNaN(parseInt(scrollingElementInner.css('margin-left'))) ? 0 : Math.round(parseFloat(scrollingElementInner.css('margin-left')))) - scrollingElementInner.width()); var rest = right % movingWidth; if(right < 20){ movingWidth = 0; } else if(right < movingWidth + 20){ movingWidth = right; } else if(rest < -20){ movingWidth = rest; } var duration = animationDuration; if(right > 0){ scrollingElementInner.animate({'margin-left' : '-=' + String(movingWidth)}, {'duration' : duration, 'done' : function(){ var leftContainer = parseInt(jQuery('#listEntries_' + listId).css('margin-left')); var position = 1; var minLeft = 1000000; var curLeft = 0; jQuery('#listEntries_' + listId + ' .listEntry').each(function(index){ curLeft = Math.abs(jQuery(this).position().left + leftContainer); if(curLeft < minLeft){ minLeft = curLeft; position = index + 1; } }); var rightNew = - (Math.round(scrollingElement.width()) - (isNaN(parseInt(scrollingElementInner.css('margin-left'))) ? 0 : Math.round(parseFloat(scrollingElementInner.css('margin-left')))) - scrollingElementInner.width()); if(rightNew <= 0){ jQuery('#bannerSlider_' + listId).addClass('lastEntryVisible'); } else{ jQuery('#bannerSlider_' + listId).removeClass('lastEntryVisible'); } jQuery('#bannerSlider_' + listId).data('currententry', position); selectListEntryBannerSliderPreview(listId, position); onAfterSelectListEntryBannerSlider(listId, position - 1); }}); } }); jQuery('#bannerSlider_' + listId + ' .listMoverBack').removeAttr('onclick').click(function(){ var scrollingElement = jQuery(this).parent().parent().find('.listEntries'); var scrollingElementInner = jQuery(this).parent().parent().find('.listEntriesInner'); var movingWidth = scrollingElement.innerWidth(); var innerWidth = scrollingElementInner.width(); var left = parseInt(scrollingElementInner.css('margin-left')); var rest = left % movingWidth; if(rest > -20){ movingWidth = movingWidth - rest; } else{ movingWidth = rest != 0 ? -rest : movingWidth; } jQuery('#bannerSlider_' + listId).removeClass('lastEntryVisible'); var duration = animationDuration; if(left < 0){ scrollingElementInner.animate({'margin-left' : '+=' + String(movingWidth)}, {'duration' : duration, 'done' : function(){ var leftContainer = parseInt(jQuery('#listEntries_' + listId).css('margin-left')); var position = 1; var minLeft = 1000000; var curLeft = 0; jQuery('#listEntries_' + listId + ' .listEntry').each(function(index){ curLeft = Math.abs(jQuery(this).position().left + leftContainer); if(curLeft < minLeft){ minLeft = curLeft; position = index + 1; } }); jQuery('#bannerSlider_' + listId).data('currententry', position); selectListEntryBannerSliderPreview(listId, position); onAfterSelectListEntryBannerSlider(listId, position - 1); }}); } }); } jQuery('#listEntries_' + listId + ' .listEntrySelectedInit').addClass('listEntrySelectedReady'); } function listEntryBannerSliderMove(listId){ var numberEntries = jQuery('#bannerSlider_' + listId).data('numberentries'); var currentEntry = jQuery('#bannerSlider_' + listId).data('currententry'); var animation = jQuery('#bannerSlider_' + listId).data('animation'); var positionNext = currentEntry + 1; var positionPrev = currentEntry - 1; if(positionNext > numberEntries){ positionNext = 1; } if(positionPrev < 0){ positionPrev = numberEntries; } var slideWidth = jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').width(); var widthSlideCurrent = jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').innerWidth() if(animation == 'scrollHorizontal'){ var scrollingElement = jQuery('#listEntries_' + listId).parent(); var scrollingElementInner = jQuery('#listEntries_' + listId); var movingWidth = scrollingElement.innerWidth(); var innerWidth = scrollingElementInner.width(); var right = - (Math.round(scrollingElement.width()) - (isNaN(parseInt(scrollingElementInner.css('margin-left'))) ? 0 : Math.round(parseFloat(scrollingElementInner.css('margin-left')))) - scrollingElementInner.width()); var rest = right % movingWidth; if(right < 20){ movingWidth = 0; } else if(right < movingWidth + 20){ movingWidth = right; } else if(rest < -20){ movingWidth = rest; } if(window.bannerSliderObjects[listId]['divX'] < 0 && (scrollingElement.width() - scrollingElementInner.width()) < window.bannerSliderObjects[listId]['mouseStartInnerMarginLeft'] + window.bannerSliderObjects[listId]['divX']){ scrollingElementInner.css({'margin-left' : String(window.bannerSliderObjects[listId]['mouseStartInnerMarginLeft'] + window.bannerSliderObjects[listId]['divX']) + 'px'}); } else if(window.bannerSliderObjects[listId]['divX'] > 0 && window.bannerSliderObjects[listId]['mouseStartInnerMarginLeft'] + window.bannerSliderObjects[listId]['divX'] < 0){ scrollingElementInner.css({'margin-left' : String(window.bannerSliderObjects[listId]['mouseStartInnerMarginLeft'] + window.bannerSliderObjects[listId]['divX']) + 'px'}); } } else if(animation == 'slideHorizontal'){ if(window.bannerSliderObjects[listId]['divX'] > 0){ if(typeof jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(positionPrev - 1) + ')').data('position') == 'undefined'){ jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(positionPrev - 1) + ')').data('position', jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(positionPrev - 1) + ')').css('position')); } jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(positionPrev - 1) + ')').css({position: 'absolute', display: 'block', width: '100%', top: 0, left: String(window.bannerSliderObjects[listId]['divX'] - slideWidth) + 'px'});; jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').css({width: String(widthSlideCurrent) + 'px', display: 'block', 'margin-left' : window.bannerSliderObjects[listId]['divX']}); } else if(window.bannerSliderObjects[listId]['divX'] < 0){ if(typeof jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(positionNext - 1) + ')').data('position') == 'undefined'){ jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(positionNext - 1) + ')').data('position', jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(positionNext - 1) + ')').css('position')); } jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(positionNext - 1) + ')').css({position: 'absolute', display: 'block', width: '100%', top: 0, left: String(slideWidth + window.bannerSliderObjects[listId]['divX']) + 'px'});; jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').css({width: String(widthSlideCurrent) + 'px', display: 'block', 'margin-left' : window.bannerSliderObjects[listId]['divX']}); } } else if(animation == 'slideFromRight'){ if(window.bannerSliderObjects[listId]['divX'] < 0){ if(typeof jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(positionNext - 1) + ')').data('position') == 'undefined'){ jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(positionNext - 1) + ')').data('position', jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(positionNext - 1) + ')').css('position')); } jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(positionNext - 1) + ')').css({position: 'absolute', display: 'block', width: '100%', top: 0, left: String(slideWidth + window.bannerSliderObjects[listId]['divX']) + 'px'});; jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').css({width: String(widthSlideCurrent) + 'px', display: 'block', 'margin-left' : window.bannerSliderObjects[listId]['divX']}); } } } function bannerSliderMoveEnd(listId){ var currentEntry = jQuery('#bannerSlider_' + listId).data('currententry'); var numberEntries = jQuery('#bannerSlider_' + listId).data('numberentries'); var animation = jQuery('#bannerSlider_' + listId).data('animation'); var positionNext = currentEntry + 1; var positionPrev = currentEntry - 1; if(positionNext > numberEntries){ positionNext = 1; } if(positionPrev <= 0){ positionPrev = numberEntries; } window.bannerSliderObjects[listId]['mouseStartX'] = null; window.bannerSliderObjects[listId]['mouseX'] = null; window.clearInterval(window.bannerSliderObjects[listId]['interval']); //console.log('divx:' + window.bannerSliderObjects[listId]['divX']); if(animation == 'scrollHorizontal'){ var scrollingElement = jQuery('#listEntries_' + listId).parent(); var scrollingElementInner = jQuery('#listEntries_' + listId); var widthEntry = scrollingElementInner.find('.listEntry').width(); var marginLeftInner = parseInt(scrollingElementInner.css('margin-left')); var positionNew = Math.round((-marginLeftInner / widthEntry) + 1.1); selectListEntryBannerSlider(listId, positionNew); } else if(animation == 'slideHorizontal'){ if(window.bannerSliderObjects[listId]['divX'] > 0){ selectListEntryBannerSlider(listId, positionPrev, {'directionFrom' : 'left'}); } else if(window.bannerSliderObjects[listId]['divX'] < 0){ selectListEntryBannerSlider(listId, positionNext, {'directionFrom' : 'right'}); } } else if(animation == 'slideFromRight'){ if(window.bannerSliderObjects[listId]['divX'] < 0){ selectListEntryBannerSlider(listId, positionNext, {}); } } window.bannerSliderObjects[listId]['divX'] = 0; } function selectListEntryBannerSlider(listId, position, options){ //console.log(listId + ', ' + position); options = options || {}; if(jQuery('#listEntries_' + listId).data('entryactive') == '1'){ return false; } if(!window.bannerSliderObjects[listId]){ return false; } var fadeTime = jQuery('#bannerSlider_' + listId).data('fadetime'); var animation = jQuery('#bannerSlider_' + listId).data('animation'); var animationDuration = jQuery('#bannerSlider_' + listId).data('animationduration'); var previewAnimation = jQuery('#bannerSlider_' + listId).data('previewanimation'); var numberEntries = jQuery('#bannerSlider_' + listId).data('numberentries'); var currentEntry = jQuery('#bannerSlider_' + listId).data('currententry'); var embedType = jQuery('#bannerSlider_' + listId).data('embedtype'); if(options['animation']){ animation = options['animation']; } if(position == '+'){ position = currentEntry < numberEntries ? parseInt(currentEntry) + 1 : 1; } else if(position == '-'){ position = currentEntry != 1 ? parseInt(currentEntry) - 1 : numberEntries; } else if(position == 'init'){ position = 1; } //console.log(position + ' ' + currentEntry); if(position == currentEntry && animation != 'scrollHorizontal'){ return false; } if(typeof(fadeTime) != 'undefined' && fadeTime != '' && fadeTime != 0){ window.clearInterval(window.bannerSliderObjects[listId]['interval']); window.bannerSliderObjects[listId]['interval'] = window.setInterval(function(){jQuery('#bannerSlider_' + listId).data('intervalcount', jQuery('#bannerSlider_' + listId).data('intervalcount') + 1);if(jQuery('#bannerSlider_' + listId).data('intervalcount') >= 128){window.clearInterval(window.bannerSliderObjects[listId]['interval'])};selectListEntryBannerSlider(listId, "+")}, fadeTime * 1000); } jQuery('#bannerSlider_' + listId).data('currententry', position); jQuery('#listEntries_' + listId).data('entryactive', 1); //console.log(currentEntry + ' / ' + position); //console.log(options['directionFrom']); if(typeof options['directionFrom'] == 'undefined'){ if(position == 1 && currentEntry > 2){ options['directionFrom'] = 'right'; } else if(currentEntry == 1 && position > 2){ options['directionFrom'] = 'left'; } else if(currentEntry - position < 0){ options['directionFrom'] = 'right'; } else{ options['directionFrom'] = 'left'; } } //console.log(options['directionFrom']); jQuery('#listEntries_' + listId + ' .listEntrySelectedInit').removeClass('listEntrySelectedInit'); jQuery('#listEntries_' + listId + ' .listEntrySelectedReady').removeClass('listEntrySelectedReady'); jQuery('#listEntries_' + listId + ' .listEntryProgress').removeClass('listEntryProgress'); jQuery('#listEntries_' + listId + ' .listEntryFadingIn').removeClass('listEntryFadingIn'); jQuery('#listEntries_' + listId + ' .listEntryFadingOut').removeClass('listEntryFadingOut'); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').addClass('listEntryFadingOut'); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').addClass('listEntryFadingIn'); if(animation == 'slideFromRight' || animation == 'slideHorizontal' && options['directionFrom'] == 'right'){ var slideWidth = jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').width(); var widthSlideCurrent = jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').innerWidth(); var marginLeftSlideCurrent = jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').css('marginLeft'); if(typeof jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').data('position') == 'undefined'){ jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').data('position', jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').css('position')); } jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').css({position: 'absolute', display: 'block', width: '100%', top: 0, left: String(slideWidth + parseInt(marginLeftSlideCurrent)) + 'px'}); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').css({width: String(widthSlideCurrent) + 'px', display: 'block'}); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').animate({'marginLeft': '-=' + String(slideWidth + parseInt(marginLeftSlideCurrent))}, animationDuration, function(){ jQuery(this).css({display: 'none', marginLeft: 0, zIndex: 0}); }); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').animate({'left': '-=' + String(slideWidth + parseInt(marginLeftSlideCurrent))}, animationDuration, function(){ //console.log(jQuery(this).data('position')); jQuery(this).css({display: 'block', position: jQuery(this).data('position'), marginLeft: 0, zIndex: 0}); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').hide(); jQuery('#listEntries_' + listId).data('entryactive', ''); jQuery('#listEntries_' + listId + ' .listEntryFadingIn').removeClass('listEntryFadingIn'); jQuery('#listEntries_' + listId + ' .listEntryFadingOut').removeClass('listEntryFadingOut'); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').removeClass('listEntrySelected'); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').addClass('listEntrySelected'); }); } else if(animation == 'slideHorizontal'){ var slideWidth = jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').width(); var widthSlideCurrent = jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').innerWidth(); var marginLeftSlideCurrent = jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').css('marginLeft'); if(typeof jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').data('position') == 'undefined'){ jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').data('position', jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').css('position')); } jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').css({position: 'absolute', display: 'block', width: '100%', top: 0, left: String(parseInt(marginLeftSlideCurrent) - slideWidth) + 'px'}); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').css({width: String(widthSlideCurrent) + 'px', display: 'block'}); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').animate({'marginLeft': '+=' + String(slideWidth - parseInt(marginLeftSlideCurrent))}, animationDuration, function(){ jQuery(this).css({display: 'none', marginLeft: 0, zIndex: 0}); }); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').animate({'left': '+=' + String(slideWidth - parseInt(marginLeftSlideCurrent))}, animationDuration, function(){ jQuery(this).css({display: 'block', position: jQuery(this).data('position'), marginLeft: 0, zIndex: 0}); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').hide(); jQuery('#listEntries_' + listId).data('entryactive', ''); jQuery('#listEntries_' + listId + ' .listEntryFadingIn').removeClass('listEntryFadingIn'); jQuery('#listEntries_' + listId + ' .listEntryFadingOut').removeClass('listEntryFadingOut'); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').removeClass('listEntrySelected'); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').addClass('listEntrySelected'); }); } else if(animation == 'overlapFromRight'){ var slideWidth = jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').width(); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').css({position: 'absolute', display: 'block', width: '100%', top: 0, left: String(slideWidth) + 'px', zIndex: window.bannerSliderObjects[listId]['numberChanges']}); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').animate({'marginLeft': '-=' + String(slideWidth)}, animationDuration, function(){ jQuery(this).css({display: 'block', position: 'static', marginLeft: 0, zIndex: 0}); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').css({position: 'static', display: 'none'}); jQuery('#listEntries_' + listId).data('entryactive', ''); jQuery('#listEntries_' + listId + ' .listEntryFadingIn').removeClass('listEntryFadingIn'); jQuery('#listEntries_' + listId + ' .listEntryFadingOut').removeClass('listEntryFadingOut'); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').removeClass('listEntrySelected'); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').addClass('listEntrySelected'); }); } else if(animation == 'overlapFromTop'){ var slideHeight = jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').height(); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').css({position: 'absolute', display: 'block', width: '100%', top: '-' + String(slideHeight) + 'px', left: 0, zIndex: window.bannerSliderObjects[listId]['numberChanges']}); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').animate({'top': '+=' + String(slideHeight)}, animationDuration, function(){ jQuery(this).css({display: 'block', position: 'static', marginLeft: 0, zIndex: 0}); jQuery('#listEntries_' + listId).data('entryactive', ''); jQuery('#listEntries_' + listId + ' .listEntryFadingIn').removeClass('listEntryFadingIn'); jQuery('#listEntries_' + listId + ' .listEntryFadingOut').removeClass('listEntryFadingOut'); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').removeClass('listEntrySelected'); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').addClass('listEntrySelected'); }); } else if(animation == 'scrollHorizontal'){ var leftContainer = parseInt(jQuery('#listEntries_' + listId).css('margin-left')); var leftEntry = jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').position().left; var leftDiff = leftEntry + leftContainer; var movingWidth = String(leftDiff) + 'px'; var scrollingElement = jQuery('#listEntries_' + listId).parent(); var scrollingElementInner = jQuery('#listEntries_' + listId); scrollingElementInner.animate({'margin-left' : '-=' + String(movingWidth)}, animationDuration, function(){ var rightNew = - (Math.round(scrollingElement.width()) - (isNaN(parseInt(scrollingElementInner.css('margin-left'))) ? 0 : Math.round(parseFloat(scrollingElementInner.css('margin-left')))) - scrollingElementInner.width()); if(rightNew <= 0){ jQuery('#bannerSlider_' + listId).addClass('lastEntryVisible'); } else{ jQuery('#bannerSlider_' + listId).removeClass('lastEntryVisible'); } }); jQuery('#listEntries_' + listId).data('entryactive', ''); jQuery('#listEntries_' + listId + ' .listEntryFadingIn').removeClass('listEntryFadingIn'); jQuery('#listEntries_' + listId + ' .listEntryFadingOut').removeClass('listEntryFadingOut'); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').removeClass('listEntrySelected'); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').addClass('listEntrySelected'); } else if(animation == 'none'){ jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').css({display: 'block', opacity: 1}); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').css({display: 'none', opacity: 1}); jQuery('#listEntries_' + listId).data('entryactive', ''); jQuery('#listEntries_' + listId + ' .listEntryFadingIn').removeClass('listEntryFadingIn'); jQuery('#listEntries_' + listId + ' .listEntryFadingOut').removeClass('listEntryFadingOut'); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').removeClass('listEntrySelected'); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').addClass('listEntrySelected'); } else{ jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').css({position: 'absolute', display: 'block', width: '100%', top: 0, opacity: 0}); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').css({display: 'block', opacity: 1}); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').fadeTo(animationDuration, 0, function(){ jQuery(this).css({display: 'none', opacity: 1}); }); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').fadeTo(animationDuration, 1, function(){ jQuery(this).css({display: 'block', position: 'static'}); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').hide(); jQuery('#listEntries_' + listId).data('entryactive', ''); jQuery('#listEntries_' + listId + ' .listEntryFadingIn').removeClass('listEntryFadingIn'); jQuery('#listEntries_' + listId + ' .listEntryFadingOut').removeClass('listEntryFadingOut'); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').removeClass('listEntrySelected'); jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').addClass('listEntrySelected'); }); } selectListEntryBannerSliderPreview(listId, position); onAfterSelectListEntryBannerSlider(listId, position - 1); } function selectListEntryBannerSliderPreview(listId, position){ var fadeTime = jQuery('#bannerSlider_' + listId).data('fadetime'); var animation = jQuery('#bannerSlider_' + listId).data('previewanimation'); var animationDuration = jQuery('#bannerSlider_' + listId).data('animationduration'); var numberEntries = jQuery('#bannerSlider_' + listId).data('numberentries'); var currentEntry = jQuery('#bannerSlider_' + listId).data('currententry'); jQuery('#listEntriesPreview_' + listId + ' .listEntry').removeClass('listEntrySelected'); jQuery('#listEntriesPreview_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').addClass('listEntrySelected'); if(fadeTime != ''){ jQuery('#listEntriesPreview_' + listId + ' .listEntry').removeClass('listEntryProgress'); jQuery('#listEntriesPreview_' + listId + ' .listEntry:eq(' + String(position - 1) + ')').addClass('listEntryProgress'); } if(animation == 'slidehorizontal'){ var widthContainerPreviewEntry = jQuery('#listEntriesPreview_' + listId).parent().width(); var widthOuterPreviewEntry = jQuery('#listEntriesPreview_' + listId + ' .listEntry').first().outerWidth() + parseInt(jQuery('#listEntriesPreview_' + listId + ' .listEntry').first().css('margin-right')); var numberEntriesVisible = parseInt(widthContainerPreviewEntry / widthOuterPreviewEntry); var marginLeft = (position - 1 - Math.round(numberEntriesVisible / 2)) * (widthOuterPreviewEntry); if(marginLeft < 0){ marginLeft = 0; } jQuery('#listEntriesPreview_' + listId).animate('listEntrySelected').animate({'marginLeft': '-' + String(marginLeft) + 'px'}, animationDuration); } else if(animation == 'slidevertical'){ var heightContainerPreviewEntry = jQuery('#listEntriesPreview_' + listId).parent().height(); var heightOuterPreviewEntry = jQuery('#listEntriesPreview_' + listId + ' .listEntry').first().outerHeight() + parseInt(jQuery('#listEntriesPreview_' + listId + ' .listEntry').first().css('margin-bottom')); var numberEntriesVisible = parseInt(heightContainerPreviewEntry / heightOuterPreviewEntry); var marginTop = (position - 1 - Math.round(numberEntriesVisible / 2)) * (heightOuterPreviewEntry); if(marginTop < 0){ marginTop = 0; } jQuery('#listEntriesPreview_' + listId).animate('listEntrySelected').animate({'marginTop': '-' + String(marginTop) + 'px'}, animationDuration); } } function onAfterSelectListEntryBannerSlider(listId, currentEntry, init){ var fadeTime = jQuery('#bannerSlider_' + listId).data('fadetime'); var animation = jQuery('#bannerSlider_' + listId).data('animation'); var animationDuration = jQuery('#bannerSlider_' + listId).data('animationduration'); var numberEntries = jQuery('#bannerSlider_' + listId).data('numberentries'); var currentEntry = jQuery('#bannerSlider_' + listId).data('currententry'); var backgroundTarget = jQuery('#bannerSlider_' + listId).data('background-target'); var backgroundImgSrc = jQuery('#listEntriesPreview_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').data('src-detail'); var urlEntryOnSelect = jQuery('#listEntries_' + listId + ' .listEntry:eq(' + String(currentEntry - 1) + ')').data('urlentryonselect'); //console.log(listId); //console.log(window.bannerSliderObjects[listId]); window.bannerSliderObjects[listId]['numberChanges'] += 1; //console.log(window.bannerSliderObjects[listId]); //console.log('numberChanges' + window.bannerSliderObjects[listId]['numberChanges']); jQuery('#bannerSlider_' + listId).get(0).className = jQuery('#bannerSlider_' + listId).get(0).className.replace(/\s+numberChanges-\d+/, '') + ' numberChanges-' + window.bannerSliderObjects[listId]['numberChanges']; if(currentEntry == 1){ jQuery('#bannerSlider_' + listId).addClass('firstEntrySelected'); } else{ jQuery('#bannerSlider_' + listId).removeClass('firstEntrySelected'); } if(currentEntry == numberEntries){ jQuery('#bannerSlider_' + listId).addClass('lastEntrySelected'); } else{ jQuery('#bannerSlider_' + listId).removeClass('lastEntrySelected'); } if(typeof(urlEntryOnSelect) != 'undefined' && location.href.indexOf('/apps/wEditor') == -1){ if(history.pushState){ history.pushState({page: urlEntryOnSelect}, '', urlEntryOnSelect); } } if(typeof backgroundTarget != 'undefined'){ if(jQuery('#backgroundImageSliderTmp').length == 0){ jQuery(backgroundTarget).prepend('
'); if(backgroundTarget != 'body'){ jQuery('#backgroundImageSliderTmp').get(0).zIndex = '0'; } var backgroundRepeatSet = jQuery(backgroundTarget).css('background-repeat'); if(backgroundRepeatSet == 'repeat-x'){backgroundRepeatSet = 'repeat no-repeat';} else if(backgroundRepeatSet == 'repeat-y'){backgroundRepeatSet = 'no-repeat repeat';} else if(backgroundRepeatSet == 'repeat'){backgroundRepeatSet = 'repeat';} jQuery('#backgroundImageSliderTmp').get(0).style.backgroundRepeat = backgroundRepeatSet; jQuery('#backgroundImageSliderTmp').get(0).style.backgroundAttachment = jQuery(backgroundTarget).css('background-attachment') jQuery('#backgroundImageSliderTmp').get(0).style.backgroundSize = jQuery(backgroundTarget).css('background-size'); } jQuery('#backgroundImageSliderTmp').css({'display': 'none', 'background-image': 'url(' + backgroundImgSrc + ')', 'height': jQuery(backgroundTarget == 'body' ? 'html' : backgroundTarget).height()}); if(init){ jQuery(backgroundTarget).css({'background-image': 'url(' + backgroundImgSrc + ')'}); } else{ jQuery('#backgroundImageSliderTmp').fadeIn(animationDuration, function(){jQuery(this).hide();jQuery(backgroundTarget).css({'background-image': 'url(' + backgroundImgSrc + ')'})}); } } wOptimizePictureSizes(); }