Slider Revolution is the highly acclaimed slide-based displaying solution, thousands of businesses, theme developers and everyday people use and love!
-
-
-
-
-
-
-
-
1000's
-
-
-
-
Of Happy Users
-
-
-
-
Rekord Breaking
-
-
-
-
Sales on CodeCanyon
-
-
-
-
A Professional Solution
-
-
-
-
4.7/5 Stars
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Customer Rating
-
-
-
-
-
-
-
-
-
-
-
-
INTRODUCING
-
-
-
-
-
-
-
-
BRAND NEW FEATURES
-
-
-
-
animate
-
-
-
-
-
-
-
-
-
-
CHARACTERS
-
-
-
-
SINGLE WORDS
-
-
-
-
LINES
-
-
-
-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam.
-
-
-
-
-
-
-
-
-
-
-
-
-
INTRODUCING
-
-
-
-
-
-
-
-
BRAND NEW FEATURES
-
-
-
-
animate
-
-
-
-
-
-
-
-
CHARACTERS
-
-
-
-
SINGLE WORDS
-
-
-
-
LINES
-
-
-
-
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam.
-
Slider Revolution is the highly acclaimed slide-based displaying solution, thousands of businesses, theme developers and everyday people use and love!
-
Make sure that your slider Wrapping Container allows you to go fullwidth and fullheight, and there is no limitation in width / maxwidth.In case your container is Boxed, and you want to force the Slider to go Fullscreen, than simple use the forceFullWidth:"on" parameter !
-
If you wish to have an Offset top and bottom, since you have some header or Footer, or both, please take a look on the example 03B here: 03B.Sample-FullScreen-Offsets
Make sure that your slider Wrapping Container allows you to go fullwidth and fullheight, and there is no limitation in width / maxwidth.In case your container is Boxed, and you want to force the Slider to go Fullscreen, than simple use the forceFullWidth:"on" parameter !
-
If you dont need the Offset (header and footer) take a look on the simple Fullscreen example here: 03.Sample-FullScreen
Each Caption is positioned via Absolute Position relative to the left/top corner of the Grid. The Grid is the Caption holder. It can but must not be the same size as the Slider itself. Since fullwidth and fullscreen slider can have a higher width or height dimension then the caption Grid itself. Still you can help yourself and position the captions on the center or bottom / right positions in the Grid. For this take a look on the following Settings in the Captions
-
In case you wish to force the Aligns go to the real corners of the Slide and break the Grid size, you can do this via some special options. See example: 04B.Sample-AlignForce.html
In case you set the data-x and data-y with a value (not like center, right or vertical top, center, bottom) the captions will be aligned to the left top corner.
In Default mode the captions are aligned within the Grid. The Gird is always vertical and horizontal aligned when the slider container is bigger then the Grid startwidth and startheight size. Since some Fullscreen Demo needs the very far corners, we added this forceAlign option. For this simple initialise the slider with the following options:
You can embed Vimeo, YouTube and HTML5 Videos as Video Captions. Within a video you can set autoplay, autoplay only first time, loop (html5), nocontrol(html5), thumbnails for videos, fullscreen or predefined size.
You can turn on / off independent the Arrows and Bullets in the Slider. You can use Bullets or Thumbnails. You can set independent the position of arrows, thumbnails and bullets.
-
Since Slider Revolution has a few prepared style of Thumbnails, bullets and Arrows, you dont need to style them at all. However in some cases you wish to have your own styled navigation buttons.For this we show you how to do so:
-
-
-
Change the the Navigation via Options
-
- <script type="text/javascript">
-
- var revapi;
-
- jQuery(document).ready(function() {
-
- revapi = jQuery('.tp-banner').revolution(
- {
- delay:9000,
- startwidth:1170,
- startheight:500,
-
- hideThumbs:200,
-
- thumbWidth:100,
- thumbHeight:50,
- thumbAmount:3,
-
- navigationType:"bullet", // use none, bullet or thumb
- navigationArrows:"solo", // nexttobullets, solo (old name verticalcentered), none
-
- navigationStyle:"round", // round, square, navbar, round-old, square-old, navbar-old
-
-
- navigationHAlign:"center", // left,center,right
- navigationVAlign:"bottom", // top,center,bottom
- navigationHOffset:0, // offset position from aligned position
- navigationVOffset:0, // offset position from aligned position
-
- soloArrowLeftHalign:"left", // left,center,right
- soloArrowLeftValign:"bottom",// top,center,bottom
- soloArrowLeftHOffset:20, // offset position from aligned position
- soloArrowLeftVOffset:20, // offset position from aligned position
-
- soloArrowRightHalign:"right", // left,center,right
- soloArrowRightValign:"bottom", // top,center,bottom
- soloArrowRightHOffset:20, // offset position from aligned position
- soloArrowRightVOffset:20, // offset position from aligned position
-
- touchenabled:"on",
- onHoverStop:"on"
-
- });
-
- }); //ready
-
- </script>
-
-
-
-
Change the Style of the Navigation Arrows via StyleSheet
-
You can add the following lines to your Style Sheet
An application programming interface (API) specifies how some software components should interact with each other. Slider Revolution use following Methods:
-
-
-
Pause: revpause()
-
Resume: revresume()
-
Previous Slide: revprev()
-
Next Slide: revnext()
-
Show Spec. Slide: revshowslide(slidenr)
-
Amounts of Slides: revmaxslide() returns amount of slides
-
Current Slide: revmaxslide() returns current slide nr.
-
Last Played Slide: revlastslide() returns last played slide nr.
-
-
-
Slider Revolution Triggers following Events
-
-
-
Slider has been succesfully initialised: revolution.slide.onloaded
-
Slider swap between two slides: revolution.slide.onchangereturns as data.slideIndex the next Slide Nr.
-
Slider changed to Pause mode: revolution.slide.onpause
-
Slider is back from Pause Mode: revolution.slide.onresume
-
Video Playing has been started: revolution.slide.onvideoplay
-
Video Playing has been stopped: revolution.slide.onvideostop
-
Slider stopped: revolution.slide.onstop
-
Slider has been called to change the slide (before transition): revolution.slide.onbeforeswap
-
Slider has been finnished the Slide Change (after transition): revolution.slide.onafterswap
Slider Revolution is the highly acclaimed slide-based displaying solution, thousands of businesses, theme developers and everyday people use and love!
-
In such situation it is better to activate the Lazy Loading option to load the images first when they really should be shown in the slider. Lazy Loading is only available for the Main images in the current version.Follow the steps to actiavet Lazy Loading
-
-
Use blank images as sources instead of the original Images, and use the data-lazyload parameter:
Slider Revolution is the highly acclaimed slide-based displaying solution, thousands of businesses, theme developers and everyday people use and love!
-
In such situation it is better to activate the Lazy Loading option to load the images first when they really should be shown in the slider. Lazy Loading is only available for the Main images in the current version.Follow the steps to actiavet Lazy Loading
-
-
Use blank images as sources instead of the original Images, and use the data-lazyload parameter:
Activate simple the Shuffle Mode of the slider via the option shuffle:"on". It reorders at load the slider, but till new load, it will stay in this order.
-
-
Initialise the Plugin somewhere in the Body Footer:
You can set the Main Background transparent, Colored, or via an image source. Change the Image aligns, cover/contain/normal fillings and Repeating via the data options
The clearest way into the Universe is through a forest wilderness.
-
-
-
-
-
John Muir
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
The clearest way into the Universe is through a forest wilderness.
-
-
-
-
-
John Muir
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
The HTML5 Covering Video Background
-
In case you wish to Cover the Background with a HTML5 Video, you can do so, using a HTML5 Video Caption and set its parameters to force the Covering.
-
For Best Result, set the First Frame of the HTML5 Video as "Poster Image" for the video, and also set the Main Background as the Same Image, for smooth Transitions
-
The best if you Let it Restart every time the Slides starts, so the Frame of the Animation and the first Frame of Video is same.
You can set the Main Background transparent, Colored, or via an image source. Change the Image aligns, cover/contain/normal fillings and Repeating via the data options
Simple copy the Result div above as a new layer under your <li> Slide container. You can add some further Classes for Styling the Caption (see all style in the settings.css file)
-
In case you have already some Caption and you only wish to have a differen transition than the Basic Caption Transitions (see Documentation for full list) you can simple copy the data- customin,customout,speed,easing,endspeed and endeasing parameters. Dont forget to set to your caption a position via data-x and data-y and set the start and endtime for tha animatiosn !
The Current Version of jQuery:'+version+' Please update your jQuery Version to min. 1.7 in Case you wish to use the Revolution Slider Plugin
');
- }
-
- if (versionTop>1) opt.ie=false;
-
-
- // Delegate .transition() calls to .animate()
- // if the browser can't do CSS transitions.
- if (!jQuery.support.transition)
- jQuery.fn.transition = jQuery.fn.animate;
-
- // CATCH THE CONTAINER
-
-
- // LOAD THE YOUTUBE API IF NECESSARY
-
- container.find('.caption').each(function() { jQuery(this).addClass('tp-caption')});
-
- if (is_mobile()) {
- container.find('.tp-caption').each(function() {
- if (jQuery(this).data('autoplay')==true)
- jQuery(this).data('autoplay',false);
- // && jQuery(this).data('forcecover')!=1)
- })
- }
-
-
- var addedyt=0;
- var addedvim=0;
- var addedvid=0;
- var httpprefix = "http";
-
- if (location.protocol === 'https:') {
- httpprefix = "https";
- }
- container.find('.tp-caption iframe').each(function(i) {
- try {
-
- if (jQuery(this).attr('src').indexOf('you')>0 && addedyt==0) {
- addedyt=1;
- var s = document.createElement("script");
- var httpprefix2 = "https";
- s.src = httpprefix2+"://www.youtube.com/iframe_api"; /* Load Player API*/
-
- var before = document.getElementsByTagName("script")[0];
- var loadit = true;
- jQuery('head').find('*').each(function(){
- if (jQuery(this).attr('src') == httpprefix2+"://www.youtube.com/iframe_api")
- loadit = false;
- });
- if (loadit) {
- before.parentNode.insertBefore(s, before);
-
-
- }
- }
- } catch(e) {}
- });
-
-
-
- // LOAD THE VIMEO API
- container.find('.tp-caption iframe').each(function(i) {
- try{
- if (jQuery(this).attr('src').indexOf('vim')>0 && addedvim==0) {
- addedvim=1;
- var f = document.createElement("script");
- f.src = httpprefix+"://a.vimeocdn.com/js/froogaloop2.min.js"; /* Load Player API*/
- var before = document.getElementsByTagName("script")[0];
-
- var loadit = true;
- jQuery('head').find('*').each(function(){
- if (jQuery(this).attr('src') == httpprefix+"://a.vimeocdn.com/js/froogaloop2.min.js")
- loadit = false;
- });
- if (loadit)
- before.parentNode.insertBefore(f, before);
- }
- } catch(e) {}
- });
-
-
-
-
-
- // LOAD THE VIDEO.JS API IF NEEDED
- container.find('.tp-caption video').each(function(i) {
- jQuery(this).removeClass("video-js").removeClass("vjs-default-skin");
- jQuery(this).attr("preload","");
- jQuery(this).css({display:"none"});
- });
-
- // SHUFFLE MODE
- if (opt.shuffle=="on") {
- for (var u=0;uul:first-child >li').length;u++) {
- var it = Math.round(Math.random()*container.find('>ul:first-child >li').length);
- container.find('>ul:first-child >li:eq('+it+')').prependTo(container.find('>ul:first-child'));
- }
- }
-
-
- // CREATE SOME DEFAULT OPTIONS FOR LATER
- opt.slots=4;
- opt.act=-1;
- opt.next=0;
-
- // IF START SLIDE IS SET
- if (opt.startWithSlide !=undefined) opt.next=opt.startWithSlide;
-
- // IF DEEPLINK HAS BEEN SET
- var deeplink = getUrlVars("#")[0];
- if (deeplink.length<9) {
- if (deeplink.split('slide').length>1) {
- var dslide=parseInt(deeplink.split('slide')[1],0);
- if (dslide<1) dslide=1;
- if (dslide>container.find('>ul:first >li').length) dslide=container.find('>ul:first >li').length;
- opt.next=dslide-1;
- }
- }
-
-
- opt.firststart=1;
-
- // BASIC OFFSET POSITIONS OF THE BULLETS
- if (opt.navigationHOffset==undefined) opt.navOffsetHorizontal=0;
- if (opt.navigationVOffset==undefined) opt.navOffsetVertical=0;
-
-
- container.append('
'+
- ''+
- ''+
- ''+
- ''+
- ''+
- '
');
-
- // RESET THE TIMER
- if (container.find('.tp-bannertimer').length==0) container.append('');
- var bt=container.find('.tp-bannertimer');
- if (bt.length>0) {
- bt.css({'width':'0%'});
- };
-
-
- // WE NEED TO ADD A BASIC CLASS FOR SETTINGS.CSS
- container.addClass("tp-simpleresponsive");
- opt.container=container;
-
- //if (container.height()==0) container.height(opt.startheight);
-
- // AMOUNT OF THE SLIDES
- opt.slideamount = container.find('>ul:first >li').length;
-
-
- // A BASIC GRID MUST BE DEFINED. IF NO DEFAULT GRID EXIST THAN WE NEED A DEFAULT VALUE, ACTUAL SIZE OF CONAINER
- if (container.height()==0) container.height(opt.startheight);
- if (opt.startwidth==undefined || opt.startwidth==0) opt.startwidth=container.width();
- if (opt.startheight==undefined || opt.startheight==0) opt.startheight=container.height();
-
- // OPT WIDTH && HEIGHT SHOULD BE SET
- opt.width=container.width();
- opt.height=container.height();
-
-
- // DEFAULT DEPENDECIES
- opt.bw= opt.startwidth / container.width();
- opt.bh = opt.startheight / container.height();
-
- // IF THE ITEM ALREADY IN A RESIZED FORM
- if (opt.width!=opt.startwidth) {
-
- opt.height = Math.round(opt.startheight * (opt.width/opt.startwidth));
-
- container.height(opt.height);
-
- }
-
- // LETS SEE IF THERE IS ANY SHADOW
- if (opt.shadow!=0) {
- container.parent().append('');
- var loff=0;
- if (opt.forceFullWidth=="on")
- loff = 0-opt.container.parent().offset().left;
- container.parent().find('.tp-bannershadow').css({'width':opt.width,'left':loff});
- }
-
-
- container.find('ul').css({'display':'none'});
-
- var fliparent = container;
-
-
- // PREPARE THE SLIDES
- container.find('ul').css({'display':'block'});
- prepareSlides(container,opt);
- if (opt.parallax!="off") checkForParallax(container,opt);
-
- // CREATE BULLETS
- if (opt.slideamount >1) createBullets(container,opt);
- if (opt.slideamount >1) createThumbs(container,opt);
- if (opt.slideamount >1) createArrows(container,opt);
- if (opt.keyboardNavigation=="on") createKeyboard(container,opt);
-
- swipeAction(container,opt);
-
- if (opt.hideThumbs>0) hideThumbs(container,opt);
-
- swapSlide(container,opt);
- // START COUNTDOWN
- if (opt.slideamount >1) countDown(container,opt);
- setTimeout(function() {
- container.trigger('revolution.slide.onloaded');
- },500);
-
- /******************************
- - FULLSCREEN CHANGE -
- ********************************/
- // FULLSCREEN MODE TESTING
- jQuery("body").data('rs-fullScreenMode',false);
- jQuery(window).on ('mozfullscreenchange webkitfullscreenchange fullscreenchange',function(){
- jQuery("body").data('rs-fullScreenMode',!jQuery("body").data('rs-fullScreenMode'));
- if (jQuery("body").data('rs-fullScreenMode')) {
- setTimeout(function() {
- jQuery(window).trigger("resize");
-
- },200);
- }
- })
-
-
- // IF RESIZED, NEED TO STOP ACTUAL TRANSITION AND RESIZE ACTUAL IMAGES
- jQuery(window).resize(function() {
- if (jQuery('body').find(container)!=0)
- if (opt.forceFullWidth=="on" ) {
-
- var loff = opt.container.closest('.forcefullwidth_wrapper_tp_banner').offset().left;
- //opt.container.parent().css({'width':jQuery(window).width()});
- opt.container.parent().css({'left':(0-loff)+"px",'width':jQuery(window).width()});
- }
-
- if (container.outerWidth(true)!=opt.width || container.is(":hidden")) {
- containerResized(container,opt);
- }
-
-
-
- });
-
- // HIDE THUMBS UNDER SIZE...
- try{
- if (opt.hideThumbsUnderResoluition!=0 && opt.navigationType=="thumb") {
- if (opt.hideThumbsUnderResoluition>jQuery(window).width())
- jQuery('.tp-bullets').css({display:"none"});
- else
- jQuery('.tp-bullets').css({display:"block"});
- }
- } catch(e) {}
-
-
-
- // CHECK IF THE CAPTION IS A "SCROLL ME TO POSITION" CAPTION IS
- //if (opt.fullScreen=="on") {
- container.find('.tp-scrollbelowslider').on('click',function() {
- var off=0;
- try{
- off = jQuery('body').find(opt.fullScreenOffsetContainer).height();
- } catch(e) {}
- try{
- off = off - jQuery(this).data('scrolloffset');
- } catch(e) {}
-
- jQuery('body,html').animate(
- {scrollTop:(container.offset().top+(container.find('>ul >li').height())-off)+"px"},{duration:400});
- });
- //}
-
-
- // FIRST TIME STOP/START HIDE / SHOW SLIDER
- //REMOVE AND SHOW SLIDER ON DEMAND
- var contpar= container.parent();
- if (jQuery(window).width()ul >li').height())-oy)+"px"},{duration:400});
- })
- },
-
- // METHODE PAUSE
- revredraw: function(oy) {
- return this.each(function() {
- var container=jQuery(this);
- var bt = container.parent().find('.tp-bannertimer');
- var opt = bt.data('opt');
- containerResized(container,opt);
-
- })
- },
-
- // METHODE PAUSE
- revpause: function(options) {
-
- return this.each(function() {
- var container=jQuery(this);
- container.data('conthover',1);
- container.data('conthover-changed',1);
- container.trigger('revolution.slide.onpause');
- var bt = container.parent().find('.tp-bannertimer');
- var opt = bt.data('opt');
- opt.bannertimeronpause = true;
- container.trigger('stoptimer');
-
- })
-
-
- },
-
- // METHODE RESUME
- revresume: function(options) {
- return this.each(function() {
- var container=jQuery(this);
- container.data('conthover',0);
- container.data('conthover-changed',1);
- container.trigger('revolution.slide.onresume');
- var bt = container.parent().find('.tp-bannertimer');
- var opt = bt.data('opt');
- opt.bannertimeronpause = false;
- container.trigger('starttimer');
-
- })
-
- },
-
- // METHODE NEXT
- revnext: function(options) {
- return this.each(function() {
- // CATCH THE CONTAINER
- var container=jQuery(this);
- container.parent().find('.tp-rightarrow').click();
-
-
- })
-
- },
-
- // METHODE RESUME
- revprev: function(options) {
- return this.each(function() {
- // CATCH THE CONTAINER
- var container=jQuery(this);
- container.parent().find('.tp-leftarrow').click();
- })
-
- },
-
- // METHODE LENGTH
- revmaxslide: function(options) {
- // CATCH THE CONTAINER
- return jQuery(this).find('>ul:first-child >li').length;
- },
-
-
- // METHODE CURRENT
- revcurrentslide: function(options) {
- // CATCH THE CONTAINER
- var container=jQuery(this);
- var bt = container.parent().find('.tp-bannertimer');
- var opt = bt.data('opt');
- return opt.act;
- },
-
- // METHODE CURRENT
- revlastslide: function(options) {
- // CATCH THE CONTAINER
- var container=jQuery(this);
- var bt = container.parent().find('.tp-bannertimer');
- var opt = bt.data('opt');
- return opt.lastslide;
- },
-
-
- // METHODE JUMP TO SLIDE
- revshowslide: function(slide) {
- return this.each(function() {
- // CATCH THE CONTAINER
- var container=jQuery(this);
- container.data('showus',slide);
- container.parent().find('.tp-rightarrow').click();
- })
-
- }
-
-
-})
-
-
- ///////////////////////////
- // GET THE URL PARAMETER //
- ///////////////////////////
- function getUrlVars(hashdivider)
- {
- var vars = [], hash;
- var hashes = window.location.href.slice(window.location.href.indexOf(hashdivider) + 1).split('_');
- for(var i = 0; i < hashes.length; i++)
- {
- hashes[i] = hashes[i].replace('%3D',"=");
- hash = hashes[i].split('=');
- vars.push(hash[0]);
- vars[hash[0]] = hash[1];
- }
- return vars;
- }
-
- //////////////////////////
- // CONTAINER RESIZED //
- /////////////////////////
- function containerResized(container,opt) {
-
- // HIDE THUMBS UNDER SIZE...
- try{
- if (opt.hideThumbsUnderResoluition!=0 && opt.navigationType=="thumb") {
- if (opt.hideThumbsUnderResoluition>jQuery(window).width())
- jQuery('.tp-bullets').css({display:"none"});
- else
- jQuery('.tp-bullets').css({display:"block"});
- }
- } catch(e) {}
-
-
-
- container.find('.defaultimg').each(function(i) {
- setSize(jQuery(this),opt);
- });
-
-
- //REMOVE AND SHOW SLIDER ON DEMAND
- var contpar= container.parent();
- if (jQuery(window).width()ul >li:eq('+opt.act+') .slotholder');
- var nextsh = container.find('>ul >li:eq('+opt.next+') .slotholder');
- removeSlots(container,opt);
- nextsh.find('.defaultimg').css({'opacity':0});
- actsh.find('.defaultimg').css({'opacity':1});
-
- nextsh.find('.defaultimg').each(function() {
- var dimg = jQuery(this);
- if (dimg.data('kenburn')!=undefined) {
- dimg.data('kenburn').restart();
- startKenBurn(container,opt,true)
- }
- });
-
- var nextli = container.find('>ul >li:eq('+opt.next+')');
-
- animateTheCaptions(nextli, opt,true);
- //restartBannerTimer(opt,container);
- setBulPos(container,opt);
-
- }
-
-
- //////////////////
- // IS MOBILE ?? //
- //////////////////
- function is_mobile() {
- var agents = ['android', 'webos', 'iphone', 'ipad', 'blackberry','Android', 'webos', ,'iPod', 'iPhone', 'iPad', 'Blackberry', 'BlackBerry'];
- var ismobile=false;
- for(i in agents) {
-
- if (navigator.userAgent.split(agents[i]).length>1) {
- ismobile = true;
-
- }
- }
- return ismobile;
- }
-
- /*********************************
- - CHECK IF BROWSER IS IE -
- ********************************/
- function isIE( version, comparison ){
- var $div = jQuery('').appendTo(jQuery('body'));
- $div.html('');
- var ieTest = $div.find('a').length;
- $div.remove();
- return ieTest;
- }
-
-
- function callingNewSlide(opt,container) {
-
- swapSlide(container,opt);
-
- }
-
-
- ////////////////////////////////
- // - CREATE THE BULLETS - //
- ////////////////////////////////
- function createThumbs(container,opt) {
-
- var cap=container.parent();
-
- if (opt.navigationType=="thumb" || opt.navsecond=="both") {
- cap.append('
');
- }
- var bullets = cap.find('.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer');
- var bup = bullets.parent();
-
- bup.width(opt.thumbWidth*opt.thumbAmount);
- bup.height(opt.thumbHeight);
- bup.parent().width(opt.thumbWidth*opt.thumbAmount);
- bup.parent().height(opt.thumbHeight);
-
- container.find('>ul:first >li').each(function(i) {
- var li= container.find(">ul:first >li:eq("+i+")");
- var bgcolor = li.find(".defaultimg").css("backgroundColor");
- if (li.data('thumb') !=undefined)
- var src= li.data('thumb')
- else
- var src=li.find("img:first").attr('src');
-
-
- bullets.append('');
- var bullet= bullets.find('.bullet:first');
- });
- //bullets.append('');
- var minwidth=10;
-
-
- // ADD THE BULLET CLICK FUNCTION HERE
- bullets.find('.bullet').each(function(i) {
- var bul = jQuery(this);
-
- if (i==opt.slideamount-1) bul.addClass('last');
- if (i==0) bul.addClass('first');
- bul.width(opt.thumbWidth);
- bul.height(opt.thumbHeight);
-
- if (minwidthul:first >li').length;
-
- var thumbconwidth=bullets.parent().width();
- opt.thumbWidth = minwidth;
-
-
-
- ////////////////////////
- // SLIDE TO POSITION //
- ////////////////////////
- if (thumbconwidthul:first >li').length;
- var diff=(max- thumbconwidth)+15;
- var steps = diff / thumbconwidth;
- x=x-30;
- //if (x<30) x=0;
- //if (x>thumbconwidth-30) x=thumbconwidth;
-
- //ANIMATE TO POSITION
- var pos=(0-((x)*steps));
- if (pos>0) pos =0;
- if (pos<0-max+thumbconwidth) pos=0-max+thumbconwidth;
- moveThumbSliderToPosition($this,pos,200);
- });
-
- bullets.parent().mousemove(function() {
-
- var $this=jQuery(this);
-
- //if (!$this.hasClass("over")) {
- var offset = $this.offset();
- var x = jQuery('body').data('mousex')-offset.left;
- var thumbconwidth=$this.width();
- var minwidth=$this.find('.bullet:first').outerWidth(true);
- var max=minwidth*container.find('>ul:first >li').length-1;
- var diff=(max- thumbconwidth)+15;
- var steps = diff / thumbconwidth;
- x=x-3;
- if (x<6) x=0;
- if (x+3>thumbconwidth-6) x=thumbconwidth;
-
- //ANIMATE TO POSITION
- var pos=(0-((x)*steps));
- if (pos>0) pos =0;
- if (pos<0-max+thumbconwidth) pos=0-max+thumbconwidth;
- moveThumbSliderToPosition($this,pos,0);
- //} else {
- //$this.removeClass("over");
- //}
-
- });
-
- bullets.parent().mouseleave(function() {
- var $this=jQuery(this);
- $this.removeClass("over");
- moveSelectedThumb(container);
- });
- }
-
-
- }
-
-
- ///////////////////////////////
- // SelectedThumbInPosition //
- //////////////////////////////
- function moveSelectedThumb(container) {
-
- var bullets=container.parent().find('.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer');
- var $this=bullets.parent();
- var offset = $this.offset();
- var minwidth=$this.find('.bullet:first').outerWidth(true);
-
- var x = $this.find('.bullet.selected').index() * minwidth;
- var thumbconwidth=$this.width();
- var minwidth=$this.find('.bullet:first').outerWidth(true);
- var max=minwidth*container.find('>ul:first >li').length;
- var diff=(max- thumbconwidth);
- var steps = diff / thumbconwidth;
-
- //ANIMATE TO POSITION
- var pos=0-x;
-
- if (pos>0) pos =0;
- if (pos<0-max+thumbconwidth) pos=0-max+thumbconwidth;
- if (!$this.hasClass("over")) {
- moveThumbSliderToPosition($this,pos,200);
- }
- }
-
-
- ////////////////////////////////////
- // MOVE THUMB SLIDER TO POSITION //
- ///////////////////////////////////
- function moveThumbSliderToPosition($this,pos,speed) {
- //$this.stop();
- //$this.find('.tp-thumbcontainer').animate({'left':pos+'px'},{duration:speed,queue:false});
- TweenLite.to($this.find('.tp-thumbcontainer'),0.2,{left:pos,ease:Power3.easeOut,overwrite:"auto"});
- }
-
-
-
- ////////////////////////////////
- // - CREATE THE BULLETS - //
- ////////////////////////////////
- function createBullets(container,opt) {
-
- if (opt.navigationType=="bullet" || opt.navigationType=="both") {
- container.parent().append('');
- }
-
-
- var bullets = container.parent().find('.tp-bullets');
-
- container.find('>ul:first >li').each(function(i) {
- var src=container.find(">ul:first >li:eq("+i+") img:first").attr('src');
- bullets.append('');
- var bullet= bullets.find('.bullet:first');
-
-
- });
-
- // ADD THE BULLET CLICK FUNCTION HERE
- bullets.find('.bullet').each(function(i) {
- var bul = jQuery(this);
- if (i==opt.slideamount-1) bul.addClass('last');
- if (i==0) bul.addClass('first');
-
- bul.click(function() {
- var sameslide = false;
- if (opt.navigationArrows=="withbullet" || opt.navigationArrows=="nexttobullets") {
- if (bul.index()-1 == opt.act) sameslide=true;
- } else {
- if (bul.index() == opt.act) sameslide=true;
- }
-
- if (opt.transition==0 && !sameslide) {
-
- if (opt.navigationArrows=="withbullet" || opt.navigationArrows=="nexttobullets") {
- opt.next = bul.index()-1;
- } else {
- opt.next = bul.index();
- }
-
- callingNewSlide(opt,container);
- }
- });
-
- });
-
- bullets.append('');
-
-
-
- setBulPos(container,opt);
-
-
-
-
-
- }
-
- //////////////////////
- // CREATE ARROWS //
- /////////////////////
- function createArrows(container,opt) {
-
- var bullets = container.find('.tp-bullets');
-
- var hidden="";
- var arst= opt.navigationStyle;
- if (opt.navigationArrows=="none") hidden="visibility:hidden;display:none";
- opt.soloArrowStyle = "default";
-
- if (opt.navigationArrows!="none" && opt.navigationArrows!="nexttobullets") arst = opt.soloArrowStyle;
-
- container.parent().append('');
- container.parent().append('');
-
- // THE LEFT / RIGHT BUTTON CLICK ! //
- container.parent().find('.tp-rightarrow').click(function() {
-
- if (opt.transition==0) {
- if (container.data('showus') !=undefined && container.data('showus') != -1)
- opt.next = container.data('showus')-1;
- else
- opt.next = opt.next+1;
- container.data('showus',-1);
- if (opt.next >= opt.slideamount) opt.next=0;
- if (opt.next<0) opt.next=0;
-
- if (opt.act !=opt.next)
- callingNewSlide(opt,container);
- }
- });
-
- container.parent().find('.tp-leftarrow').click(function() {
- if (opt.transition==0) {
- opt.next = opt.next-1;
- opt.leftarrowpressed=1;
- if (opt.next < 0) opt.next=opt.slideamount-1;
- callingNewSlide(opt,container);
- }
- });
-
- setBulPos(container,opt);
-
- }
-
- //////////////////////
- // CREATE ARROWS //
- /////////////////////
- function createKeyboard(container,opt) {
-
-
- // THE LEFT / RIGHT BUTTON CLICK ! //
- jQuery(document).keydown(function(e){
- if (opt.transition==0 && e.keyCode == 39) {
- if (container.data('showus') !=undefined && container.data('showus') != -1)
- opt.next = container.data('showus')-1;
- else
- opt.next = opt.next+1;
- container.data('showus',-1);
- if (opt.next >= opt.slideamount) opt.next=0;
- if (opt.next<0) opt.next=0;
-
- if (opt.act !=opt.next)
- callingNewSlide(opt,container);
- }
-
- if (opt.transition==0 && e.keyCode == 37) {
- opt.next = opt.next-1;
- opt.leftarrowpressed=1;
- if (opt.next < 0) opt.next=opt.slideamount-1;
- callingNewSlide(opt,container);
- }
- });
-
- setBulPos(container,opt);
-
- }
-
- ////////////////////////////
- // SET THE SWIPE FUNCTION //
- ////////////////////////////
- function swipeAction(container,opt) {
- // TOUCH ENABLED SCROLL
-
- if (opt.touchenabled=="on") {
- var hammertime = Hammer(container, {
- drag_block_vertical : opt.drag_block_vertical,
- drag_lock_to_axis: true,
- swipe_velocity : opt.swipe_velocity,
- swipe_max_touches : opt.swipe_max_touches,
- swipe_min_touches : opt.swipe_min_touches,
- prevent_default:false
- });
-
-
-
- hammertime.on("swipeleft", function() {
- if (opt.transition==0) {
- opt.next = opt.next+1;
- if (opt.next == opt.slideamount) opt.next=0;
- callingNewSlide(opt,container);
- }
- });
- hammertime.on("swiperight", function() {
- if (opt.transition==0) {
- opt.next = opt.next-1;
- opt.leftarrowpressed=1;
- if (opt.next < 0) opt.next=opt.slideamount-1;
- callingNewSlide(opt,container);
- }
- });
- hammertime.on("swipeup", function() {
- jQuery("html, body").animate({scrollTop:(container.offset().top + container.height())+"px"});
- });
- hammertime.on("swipedown", function() {
- jQuery("html, body").animate({scrollTop:(container.offset().top - jQuery(window).height())+"px"});
- });
- }
-
- }
-
-
-
-
- ////////////////////////////////////////////////////////////////
- // SHOW AND HIDE THE THUMBS IF MOUE GOES OUT OF THE BANNER ///
- //////////////////////////////////////////////////////////////
- function hideThumbs(container,opt) {
-
- var bullets = container.parent().find('.tp-bullets');
- var ca = container.parent().find('.tparrows');
-
- if (bullets==null) {
- container.append('');
- var bullets = container.parent().find('.tp-bullets');
- }
-
- if (ca==null) {
- container.append('');
- var ca = container.parent().find('.tparrows');
- }
-
-
- //var bp = (thumbs.parent().outerHeight(true) - opt.height)/2;
-
- // ADD THUMBNAIL IMAGES FOR THE BULLETS //
- container.data('hidethumbs',opt.hideThumbs);
-
- bullets.addClass("hidebullets");
- ca.addClass("hidearrows");
-
- if (is_mobile()) {
- container.hammer().on('touch', function() {
- container.addClass("hovered");
- if (opt.onHoverStop=="on")
- container.trigger('stoptimer');
- clearTimeout(container.data('hidethumbs'));
- bullets.removeClass("hidebullets");
- ca.removeClass("hidearrows");
-
-
- });
-
- container.hammer().on('release', function() {
- container.removeClass("hovered");
- container.trigger('playtimer');
- if (!container.hasClass("hovered") && !bullets.hasClass("hovered"))
- container.data('hidethumbs', setTimeout(function() {
- bullets.addClass("hidebullets");
- ca.addClass("hidearrows");
- container.trigger('playtimer');
- },opt.hideNavDelayOnMobile));
- });
-
- } else {
- bullets.hover(function() {
- opt.overnav = true;
- if (opt.onHoverStop=="on")
- container.trigger('stoptimer');
- bullets.addClass("hovered");
- clearTimeout(container.data('hidethumbs'));
- bullets.removeClass("hidebullets");
- ca.removeClass("hidearrows");
- },
- function() {
- opt.overnav = false;
- container.trigger('playtimer');
- bullets.removeClass("hovered");
- if (!container.hasClass("hovered") && !bullets.hasClass("hovered"))
- container.data('hidethumbs', setTimeout(function() {
- bullets.addClass("hidebullets");
- ca.addClass("hidearrows");
- },opt.hideThumbs));
- });
-
-
- ca.hover(function() {
- opt.overnav = true;
- if (opt.onHoverStop=="on")
- container.trigger('stoptimer');
- bullets.addClass("hovered");
- clearTimeout(container.data('hidethumbs'));
- bullets.removeClass("hidebullets");
- ca.removeClass("hidearrows");
-
- },
- function() {
- opt.overnav = false;
- container.trigger('playtimer');
- bullets.removeClass("hovered");
- });
-
-
-
- container.on('mouseenter', function() {
- container.addClass("hovered");
- if (opt.onHoverStop=="on")
- container.trigger('stoptimer');
- clearTimeout(container.data('hidethumbs'));
- bullets.removeClass("hidebullets");
- ca.removeClass("hidearrows");
-
-
- });
-
- container.on('mouseleave', function() {
- container.removeClass("hovered");
- container.trigger('playtimer');
- if (!container.hasClass("hovered") && !bullets.hasClass("hovered"))
- container.data('hidethumbs', setTimeout(function() {
- bullets.addClass("hidebullets");
- ca.addClass("hidearrows");
- },opt.hideThumbs));
- });
- }
-
-
- }
-
-
-
-
-
-
-
- //////////////////////////////
- // SET POSITION OF BULLETS //
- //////////////////////////////
- function setBulPos(container,opt) {
- var topcont=container.parent();
- var bullets=topcont.find('.tp-bullets');
-
- if (opt.navigationType=="thumb") {
- bullets.find('.thumb').each(function(i) {
- var thumb = jQuery(this);
-
- thumb.css({'width':opt.thumbWidth * opt.bw+"px", 'height':opt.thumbHeight*opt.bh+"px"});
-
- })
- var bup = bullets.find('.tp-mask');
-
- bup.width(opt.thumbWidth*opt.thumbAmount * opt.bw);
- bup.height(opt.thumbHeight * opt.bh);
- bup.parent().width(opt.thumbWidth*opt.thumbAmount * opt.bw);
- bup.parent().height(opt.thumbHeight * opt.bh);
- }
-
-
- var tl = topcont.find('.tp-leftarrow');
- var tr = topcont.find('.tp-rightarrow');
-
- if (opt.navigationType=="thumb" && opt.navigationArrows=="nexttobullets") opt.navigationArrows="solo";
- // IM CASE WE HAVE NAVIGATION BULLETS TOGETHER WITH ARROWS
- if (opt.navigationArrows=="nexttobullets") {
- tl.prependTo(bullets).css({'float':'left'});
- tr.insertBefore(bullets.find('.tpclear')).css({'float':'left'});
- }
- var loff=0;
- if (opt.forceFullWidth=="on")
- loff = 0-opt.container.parent().offset().left;
-
- if (opt.navigationArrows!="none" && opt.navigationArrows!="nexttobullets") {
-
- tl.css({'position':'absolute'});
- tr.css({'position':'absolute'});
-
-
- if (opt.soloArrowLeftValign=="center") tl.css({'top':'50%','marginTop':(opt.soloArrowLeftVOffset-Math.round(tl.innerHeight()/2))+"px"});
- if (opt.soloArrowLeftValign=="bottom") tl.css({'top':'auto','bottom':(0+opt.soloArrowLeftVOffset)+"px"});
- if (opt.soloArrowLeftValign=="top") tl.css({'bottom':'auto','top':(0+opt.soloArrowLeftVOffset)+"px"});
- if (opt.soloArrowLeftHalign=="center") tl.css({'left':'50%','marginLeft':(loff+opt.soloArrowLeftHOffset-Math.round(tl.innerWidth()/2))+"px"});
- if (opt.soloArrowLeftHalign=="left") tl.css({'left':(0+opt.soloArrowLeftHOffset+loff)+"px"});
- if (opt.soloArrowLeftHalign=="right") tl.css({'right':(0+opt.soloArrowLeftHOffset-loff)+"px"});
-
- if (opt.soloArrowRightValign=="center") tr.css({'top':'50%','marginTop':(opt.soloArrowRightVOffset-Math.round(tr.innerHeight()/2))+"px"});
- if (opt.soloArrowRightValign=="bottom") tr.css({'top':'auto','bottom':(0+opt.soloArrowRightVOffset)+"px"});
- if (opt.soloArrowRightValign=="top") tr.css({'bottom':'auto','top':(0+opt.soloArrowRightVOffset)+"px"});
- if (opt.soloArrowRightHalign=="center") tr.css({'left':'50%','marginLeft':(loff+opt.soloArrowRightHOffset-Math.round(tr.innerWidth()/2))+"px"});
- if (opt.soloArrowRightHalign=="left") tr.css({'left':(0+opt.soloArrowRightHOffset+loff)+"px"});
- if (opt.soloArrowRightHalign=="right") tr.css({'right':(0+opt.soloArrowRightHOffset-loff)+"px"});
-
-
- if (tl.position()!=null)
- tl.css({'top':Math.round(parseInt(tl.position().top,0))+"px"});
-
- if (tr.position()!=null)
- tr.css({'top':Math.round(parseInt(tr.position().top,0))+"px"});
- }
-
- if (opt.navigationArrows=="none") {
- tl.css({'visibility':'hidden'});
- tr.css({'visibility':'hidden'});
- }
-
- // SET THE POSITIONS OF THE BULLETS // THUMBNAILS
-
-
- if (opt.navigationVAlign=="center") bullets.css({'top':'50%','marginTop':(opt.navigationVOffset-Math.round(bullets.innerHeight()/2))+"px"});
- if (opt.navigationVAlign=="bottom") bullets.css({'bottom':(0+opt.navigationVOffset)+"px"});
- if (opt.navigationVAlign=="top") bullets.css({'top':(0+opt.navigationVOffset)+"px"});
-
-
-
- if (opt.navigationHAlign=="center") bullets.css({'left':'50%','marginLeft':(loff+opt.navigationHOffset-Math.round(bullets.innerWidth()/2))+"px"});
- if (opt.navigationHAlign=="left") bullets.css({'left':(0+opt.navigationHOffset+loff)+"px"});
- if (opt.navigationHAlign=="right") bullets.css({'right':(0+opt.navigationHOffset-loff)+"px"});
-
-
-
- }
-
-
-
- //////////////////////////////////////////////////////////
- // - SET THE IMAGE SIZE TO FIT INTO THE CONTIANER - //
- ////////////////////////////////////////////////////////
- function setSize(img,opt) {
-
-
- opt.container.closest('.forcefullwidth_wrapper_tp_banner').find('.tp-fullwidth-forcer').css({'height':opt.container.height()});
- opt.container.closest('.rev_slider_wrapper').css({'height':opt.container.height()});
-
-
- opt.width=parseInt(opt.container.width(),0);
- opt.height=parseInt(opt.container.height(),0);
-
-
-
- opt.bw= (opt.width / opt.startwidth);
- opt.bh = (opt.height / opt.startheight);
-
- if (opt.bh>opt.bw) opt.bh=opt.bw;
- if (opt.bh1) { opt.bw=1; opt.bh=1; }
- if (opt.bw>1) {opt.bw=1; opt.bh=1; }
-
-
- //opt.height= opt.startheight * opt.bh;
- opt.height = Math.round(opt.startheight * (opt.width/opt.startwidth));
-
-
-
-
-
- if (opt.height>opt.startheight && opt.autoHeight!="on") opt.height=opt.startheight;
-
-
-
- if (opt.fullScreen=="on") {
- opt.height = opt.bw * opt.startheight;
- var cow = opt.container.parent().width();
- var coh = jQuery(window).height();
- if (opt.fullScreenOffsetContainer!=undefined) {
- try{
- var offcontainers = opt.fullScreenOffsetContainer.split(",");
- jQuery.each(offcontainers,function(index,searchedcont) {
- coh = coh - jQuery(searchedcont).outerHeight(true);
- if (cohul:first').css({overflow:'hidden',width:'100%',height:'100%',maxHeight:container.parent().css('maxHeight')});
- if (opt.autoHeight=="on") {
- container.find('>ul:first').css({overflow:'hidden',width:'100%',height:'100%',maxHeight:"none"});
- container.css({'maxHeight':'none'});
- container.parent().css({'maxHeight':'none'});
- }
-
- container.find('>ul:first >li').each(function(j) {
- var li=jQuery(this);
-
- // MAKE LI OVERFLOW HIDDEN FOR FURTHER ISSUES
- li.css({'width':'100%','height':'100%','overflow':'hidden'});
-
- if (li.data('link')!=undefined) {
- var link = li.data('link');
- var target="_self";
- var zindex=60;
- if (li.data('slideindex')=="back") zindex=0;
-
- var linktoslide=li.data('linktoslide');
- if (li.data('target')!=undefined) target=li.data('target');
-
- if (link=="slide") {
- li.append('
');
- } else {
- linktoslide="no";
- li.append('
');
- }
-
- }
- });
-
- // RESOLVE OVERFLOW HIDDEN OF MAIN CONTAINER
- container.parent().css({'overflow':'visible'});
-
-
- container.find('>ul:first >li >img').each(function(j) {
-
- var img=jQuery(this);
-
- img.addClass('defaultimg');
- if (img.data('lazyload')!=undefined && img.data('lazydone') != 1) {
-
- } else {
- setSize(img,opt);
- }
-
-
-
- img.wrap('');
-
- if (opt.dottedOverlay!="none" && opt.dottedOverlay!=undefined)
- img.closest('.slotholder').append('');
-
- var src=img.attr('src');
- var ll = img.data('lazyload');
- var bgfit = img.data('bgfit');
- var bgrepeat = img.data('bgrepeat');
- var bgposition = img.data('bgposition');
-
-
- if (bgfit==undefined) bgfit="cover";
- if (bgrepeat==undefined) bgrepeat="no-repeat";
- if (bgposition==undefined) bgposition="center center"
-
-
- var pari = img.closest('.slotholder');
- img.replaceWith('');
-
- if (isIE(8)) {
- pari.find('.tp-bgimg').css({backgroundImage:"none",'background-image':'none'});
- pari.find('.tp-bgimg').append('');
- }
-
-
-
-
- img.css({'opacity':0});
- img.data('li-id',j);
-
- });
- }
-
-
-
-
-
- ///////////////////////
- // PREPARE THE SLIDE //
- //////////////////////
- function prepareOneSlideSlot(slotholder,opt,visible,vorh) {
-
-
- var sh=slotholder;
- var img = sh.find('.defaultimg')
-
- var scalestart = sh.data('zoomstart');
- var rotatestart = sh.data('rotationstart');
-
- if (img.data('currotate')!=undefined)
- rotatestart = img.data('currotate');
- if (img.data('curscale')!=undefined)
- scalestart = img.data('curscale');
-
-
- setSize(img,opt)
- var src = img.data('src');
-
- var bgcolor=img.css('background-color');
-
- var w = opt.width;
- var h = opt.height;
- if (opt.autoHeight=="on")
- h = opt.container.height();
-
- var fulloff = img.data("fxof");
- if (fulloff==undefined) fulloff=0;
-
- fullyoff=0;
-
- var off=0;
-
- var bgfit = img.data('bgfit');
- var bgrepeat = img.data('bgrepeat');
- var bgposition = img.data('bgposition');
-
- if (bgfit==undefined) bgfit="cover";
- if (bgrepeat==undefined) bgrepeat="no-repeat";
- if (bgposition==undefined) bgposition="center center";
-
-
- if (isIE(8)) {
- sh.data('kenburns',"off");
- }
- if (sh.data('kenburns')=="on") {
- bgfit=scalestart;
- if (bgfit.toString().length<4)
- bgfit = calculateKenBurnScales(bgfit,sh,opt);
- }
-
- if (isIE(8)) {
- var imgsrc=src;
- src="";
- }
-
- if (vorh == "horizontal") {
-
- if (!visible) var off=0-opt.slotw;
-
- for (var i=0;i'+
- '
'+
- '
'+
- '
');
- if (scalestart!=undefined && rotatestart!=undefined)
- TweenLite.set(sh.find('.slot').last(),{rotationZ:rotatestart});
- if (isIE(8)) {
- sh.find('.slot ').last().find('.slotslide').append('');
- ieimgposition(sh,opt);
-
- }
- }
- } else {
-
- if (!visible) var off=0-opt.sloth;
-
- for (var i=0;i'+
-
- '
'+
- '
'+
-
- '
');
- if (scalestart!=undefined && rotatestart!=undefined)
- TweenLite.set(sh.find('.slot').last(),{rotationZ:rotatestart});
- if (isIE(8)) {
- sh.find('.slot ').last().find('.slotslide').append('');
- ieimgposition(sh,opt);
- }
- }
- }
-
-
-
-
- }
-
-
-
- ///////////////////////
- // PREPARE THE SLIDE //
- //////////////////////
- function prepareOneSlideBox(slotholder,opt,visible) {
-
- var sh=slotholder;
- var img = sh.find('.defaultimg');
-
- var scalestart = sh.data('zoomstart');
- var rotatestart = sh.data('rotationstart');
-
- if (img.data('currotate')!=undefined)
- rotatestart = img.data('currotate');
- if (img.data('curscale')!=undefined)
- scalestart = img.data('curscale')*100;
-
-
-
-
- setSize(img,opt)
- var src = img.data('src');
- var bgcolor=img.css('backgroundColor');
-
- var w = opt.width;
- var h = opt.height;
- if (opt.autoHeight=="on")
- h = opt.container.height();
-
- var fulloff = img.data("fxof");
- if (fulloff==undefined) fulloff=0;
-
- fullyoff=0;
-
-
-
- var off=0;
-
-
- if (isIE(8)) {
- var imgsrc=src;
- src="";
- }
-
- // SET THE MINIMAL SIZE OF A BOX
- var basicsize = 0;
- if (opt.sloth>opt.slotw)
- basicsize=opt.sloth
- else
- basicsize=opt.slotw;
-
-
- if (!visible) {
- var off=0-basicsize;
- }
-
- opt.slotw = basicsize;
- opt.sloth = basicsize;
- var x=0;
- var y=0;
-
- var bgfit = img.data('bgfit');
- var bgrepeat = img.data('bgrepeat');
- var bgposition = img.data('bgposition');
-
- if (bgfit==undefined) bgfit="cover";
- if (bgrepeat==undefined) bgrepeat="no-repeat";
- if (bgposition==undefined) bgposition="center center";
-
- if (sh.data('kenburns')=="on") {
- bgfit=scalestart;
- if (bgfit.toString().length<4)
- bgfit = calculateKenBurnScales(bgfit,sh,opt);
- }
-
- for (var j=0;j'+
-
- '
'+
-
- '
'+
- '
');
- y=y+basicsize;
-
- if (isIE(8)) {
-
- sh.find('.slot ').last().find('.slotslide').append('');
- ieimgposition(sh,opt);
- }
-
- if (scalestart!=undefined && rotatestart!=undefined)
- TweenLite.set(sh.find('.slot').last(),{rotationZ:rotatestart});
- }
- x=x+basicsize;
- }
- }
-
- /***********************************************
- - MOVE IE8 IMAGE IN RIGHT POSITION -
- ***********************************************/
-
- function ieimgposition(nextsh,opt) {
-
- if (isIE(8)) {
-
- var ie8img = nextsh.find('.ieeightfallbackimage');
-
- var ie8w = ie8img.width(),
- ie8h = ie8img.height();
-
-
-
- if (opt.startwidth/opt.startheight 0)
- loadAllPrepared(element,found);
- else {
- clearInterval(inter);
- if (call!=undefined) call();
- }
-
- },100)
- }
-
-
- //////////////////////////////
- // //
- // - SWAP THE SLIDES - //
- // //
- ////////////////////////////
- function swapSlide(container,opt) {
- try{
- var actli = container.find('>ul:first-child >li:eq('+opt.act+')');
- } catch(e) {
- var actli=container.find('>ul:first-child >li:eq(1)');
- }
- opt.lastslide=opt.act;
- var nextli = container.find('>ul:first-child >li:eq('+opt.next+')');
-
- var defimg= nextli.find('.defaultimg');
-
-
- opt.bannertimeronpause = true;
- container.trigger('stoptimer');
- opt.cd=0;
-
- if (defimg.data('lazyload') !=undefined && defimg.data('lazyload') !="undefined" && defimg.data('lazydone') !=1 ) {
-
- if (!isIE(8))
- defimg.css({backgroundImage:'url("'+nextli.find('.defaultimg').data('lazyload')+'")'});
- else {
- defimg.attr('src',nextli.find('.defaultimg').data('lazyload'));
- }
-
- defimg.data('src',nextli.find('.defaultimg').data('lazyload'));
- defimg.data('lazydone',1);
- defimg.data('orgw',0);
- nextli.data('loadeddone',1);
-
- TweenLite.set(container.find('.tp-loader'),{display:"block",opacity:0});
- TweenLite.to(container.find('.tp-loader'),0.3,{autoAlpha:1});
-
- waitForLoads(nextli,function() {
- swapSlideCall(opt,defimg,container)
- },opt);
-
- } else {
-
- if (nextli.data('loadeddone')===undefined) {
- nextli.data('loadeddone',1);
- waitForLoads(nextli,function() {
- swapSlideCall(opt,defimg,container)
- },opt);
- } else
-
- swapSlideCall(opt,defimg,container)
- }
- }
-
- function swapSlideCall(opt,defimg,container) {
- opt.bannertimeronpause = false;
-
- opt.cd=0;
- container.trigger('nulltimer');
- TweenLite.to(container.find('.tp-loader'),0.3,{autoAlpha:0});
- setSize(defimg,opt);
- setBulPos(container,opt);
- setSize(defimg,opt);
- swapSlideProgress(container,opt);
-
- }
-
- /******************************
- - SWAP SLIDE PROGRESS -
- ********************************/
- /*!SWAP SLIDE*/
- function swapSlideProgress(container,opt) {
-
-
- container.trigger('revolution.slide.onbeforeswap');
-
-
- opt.transition = 1;
- opt.videoplaying = false;
- //konsole.log("VideoPlay set to False due swapSlideProgress");
-
- try{
- var actli = container.find('>ul:first-child >li:eq('+opt.act+')');
- } catch(e) {
- var actli=container.find('>ul:first-child >li:eq(1)');
- }
-
- opt.lastslide=opt.act;
-
- var nextli = container.find('>ul:first-child >li:eq('+opt.next+')');
-
-
- var actsh = actli.find('.slotholder');
- var nextsh = nextli.find('.slotholder');
- actli.css({'visibility':'visible'});
- nextli.css({'visibility':'visible'});
-
- if (nextsh.data('kenburns')=="on") {
- stopKenBurn(container,opt);
- TweenLite.set(container.find('.kenburnimg img'),{autoAlpha:0});
- }
-
-
- if (opt.ie) {
- if (comingtransition=="boxfade") comingtransition = "boxslide";
- if (comingtransition=="slotfade-vertical") comingtransition = "slotzoom-vertical";
- if (comingtransition=="slotfade-horizontal") comingtransition = "slotzoom-horizontal";
- }
-
-
- // IF DELAY HAS BEEN SET VIA THE SLIDE, WE TAKE THE NEW VALUE, OTHER WAY THE OLD ONE...
- if (nextli.data('delay')!=undefined) {
- opt.cd=0;
- opt.delay=nextli.data('delay');
- } else {
- opt.delay=opt.origcd;
- }
-
- container.trigger('restarttimer');
-
- // RESET POSITION AND FADES OF LI'S
- actli.css({'left':'0px','top':'0px'});
- nextli.css({'left':'0px','top':'0px'});
-
-
- // IF THERE IS AN OTHER FIRST SLIDE START HAS BEED SELECTED
- if (nextli.data('differentissplayed') =='prepared') {
- nextli.data('differentissplayed','done');
- nextli.data('transition',nextli.data('savedtransition'));
- nextli.data('slotamount',nextli.data('savedslotamount'));
- nextli.data('masterspeed',nextli.data('savedmasterspeed'));
- }
-
-
- if (nextli.data('fstransition') != undefined && nextli.data('differentissplayed') !="done") {
- nextli.data('savedtransition',nextli.data('transition'));
- nextli.data('savedslotamount',nextli.data('slotamount'));
- nextli.data('savedmasterspeed',nextli.data('masterspeed'));
-
- nextli.data('transition',nextli.data('fstransition'));
- nextli.data('slotamount',nextli.data('fsslotamount'));
- nextli.data('masterspeed',nextli.data('fsmasterspeed'));
-
- nextli.data('differentissplayed','prepared');
- }
-
- ///////////////////////////////////////
- // TRANSITION CHOOSE - RANDOM EFFECTS//
- ///////////////////////////////////////
- var nexttrans = 0;
-
-
- var transtext = nextli.data('transition').split(",");
- var curtransid = nextli.data('nexttransid');
- if (curtransid == undefined) {
- curtransid=0;
- nextli.data('nexttransid',curtransid);
- } else {
- curtransid=curtransid+1;
- if (curtransid==transtext.length) curtransid=0;
- nextli.data('nexttransid',curtransid);
-
- }
-
-
-
- var comingtransition = transtext[curtransid];
- var specials = 0;
-
- if (opt.parallax=="scroll" && opt.parallaxFirstGo==undefined) {
- opt.parallaxFirstGo = true;
- scrollParallax(container,opt);
- setTimeout(function() {
- scrollParallax(container,opt);
- },210);
- setTimeout(function() {
- scrollParallax(container,opt);
- },420);
-
- }
-
- /*if (opt.ffnn == undefined) opt.ffnn=0;
- comingtransition=opt.ffnn;
- opt.ffnn=opt.ffnn+1;
- if (opt.ffnn>46) opt.ffnn=0;*/
-
-
- /* Transition Name ,
- Transition Code,
- Transition Sub Code,
- Max Slots,
- MasterSpeed Delays,
- Preparing Slots (box,slideh, slidev),
- Call on nextsh (null = no, true/false for visibility first preparing),
- Call on actsh (null = no, true/false for visibility first preparing),
- */
-
- if (comingtransition=="slidehorizontal") {
- comingtransition = "slideleft"
- if (opt.leftarrowpressed==1)
- comingtransition = "slideright"
- }
-
- if (comingtransition=="slidevertical") {
- comingtransition = "slideup"
- if (opt.leftarrowpressed==1)
- comingtransition = "slidedown"
- }
-
-
- var transitionsArray = [ ['boxslide' , 0, 1, 10, 0,'box',false,null,0],
- ['boxfade', 1, 0, 10, 0,'box',false,null,1],
- ['slotslide-horizontal', 2, 0, 0, 200,'horizontal',true,false,2],
- ['slotslide-vertical', 3, 0,0,200,'vertical',true,false,3],
- ['curtain-1', 4, 3,0,0,'horizontal',true,true,4],
- ['curtain-2', 5, 3,0,0,'horizontal',true,true,5],
- ['curtain-3', 6, 3,25,0,'horizontal',true,true,6],
- ['slotzoom-horizontal', 7, 0,0,400,'horizontal',true,true,7],
- ['slotzoom-vertical', 8, 0,0,0,'vertical',true,true,8],
- ['slotfade-horizontal', 9, 0,0,500,'horizontal',true,null,9],
- ['slotfade-vertical', 10, 0,0 ,500,'vertical',true,null,10],
- ['fade', 11, 0, 1 ,300,'horizontal',true,null,11],
- ['slideleft', 12, 0,1,0,'horizontal',true,true,12],
- ['slideup', 13, 0,1,0,'horizontal',true,true,13],
- ['slidedown', 14, 0,1,0,'horizontal',true,true,14],
- ['slideright', 15, 0,1,0,'horizontal',true,true,15],
- ['papercut', 16, 0,0,600,'',null,null,16],
- ['3dcurtain-horizontal', 17, 0,20,100,'vertical',false,true,17],
- ['3dcurtain-vertical', 18, 0,10,100,'horizontal',false,true,18],
- ['cubic', 19, 0,20,600,'horizontal',false,true,19],
- ['cube',19,0,20,600,'horizontal',false,true,20],
- ['flyin', 20, 0,4,600,'vertical',false,true,21],
- ['turnoff', 21, 0,1,1600,'horizontal',false,true,22],
- ['incube', 22, 0,20,600,'horizontal',false,true,23],
- ['cubic-horizontal', 23, 0,20,500,'vertical',false,true,24],
- ['cube-horizontal', 23, 0,20,500,'vertical',false,true,25],
- ['incube-horizontal', 24, 0,20,500,'vertical',false,true,26],
- ['turnoff-vertical', 25, 0,1,1600,'horizontal',false,true,27],
- ['fadefromright', 12, 1,1,0,'horizontal',true,true,28],
- ['fadefromleft', 15, 1,1,0,'horizontal',true,true,29],
- ['fadefromtop', 14, 1,1,0,'horizontal',true,true,30],
- ['fadefrombottom', 13, 1,1,0,'horizontal',true,true,31],
- ['fadetoleftfadefromright', 12, 2,1,0,'horizontal',true,true,32],
- ['fadetorightfadetoleft', 15, 2,1,0,'horizontal',true,true,33],
- ['fadetobottomfadefromtop', 14, 2,1,0,'horizontal',true,true,34],
- ['fadetotopfadefrombottom', 13, 2,1,0,'horizontal',true,true,35],
- ['parallaxtoright', 12, 3,1,0,'horizontal',true,true,36],
- ['parallaxtoleft', 15, 3,1,0,'horizontal',true,true,37],
- ['parallaxtotop', 14, 3,1,0,'horizontal',true,true,38],
- ['parallaxtobottom', 13, 3,1,0,'horizontal',true,true,39],
- ['scaledownfromright', 12, 4,1,0,'horizontal',true,true,40],
- ['scaledownfromleft', 15, 4,1,0,'horizontal',true,true,41],
- ['scaledownfromtop', 14, 4,1,0,'horizontal',true,true,42],
- ['scaledownfrombottom', 13, 4,1,0,'horizontal',true,true,43],
- ['zoomout', 13, 5,1,0,'horizontal',true,true,44],
- ['zoomin', 13, 6,1,0,'horizontal',true,true,45],
- ['notransition',26,0,1,0,'horizontal',true,null,46]
- ];
-
-
- var 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];
- var premiumTransitions = [16,17,18,19,20,21,22,23,24,25,26,27]
-
- var nexttrans =0;
- var specials = 1;
- var STAindex = 0;
- var indexcounter =0;
- var STA = new Array;
-
-
- // RANDOM TRANSITIONS
- if (comingtransition == "random") {
- comingtransition = Math.round(Math.random()*transitionsArray.length-1);
- if (comingtransition>transitionsArray.length-1) comingtransition=transitionsArray.length-1;
- }
-
- // RANDOM FLAT TRANSITIONS
- if (comingtransition == "random-static") {
- comingtransition = Math.round(Math.random()*flatTransitions.length-1);
- if (comingtransition>flatTransitions.length-1) comingtransition=flatTransitions.length-1;
- comingtransition = flatTransitions[comingtransition];
- }
-
- // RANDOM PREMIUM TRANSITIONS
- if (comingtransition == "random-premium") {
- comingtransition = Math.round(Math.random()*premiumTransitions.length-1);
- if (comingtransition>premiumTransitions.length-1) comingtransition=premiumTransitions.length-1;
- comingtransition = premiumTransitions[comingtransition];
- }
-
- //joomla only change: avoid papercut transition (16), change it to every other premium transition
- if(opt.isJoomla == true && comingtransition == 16){
- comingtransition = Math.round(Math.random()*premiumTransitions.length-2) + 1;
- if (comingtransition>premiumTransitions.length-1) comingtransition=premiumTransitions.length-1;
- comingtransition = premiumTransitions[comingtransition];
- }
-
- findTransition();
-
- // CHECK IF WE HAVE IE8 AND THAN FALL BACK ON FLAT TRANSITIONS
- if (isIE(8) && nexttrans>15 && nexttrans<28) {
- comingtransition = Math.round(Math.random()*flatTransitions.length-1);
- if (comingtransition>flatTransitions.length-1) comingtransition=flatTransitions.length-1;
- comingtransition = flatTransitions[comingtransition];
- indexcounter =0;
- findTransition();
- }
-
- function findTransition() {
- // FIND THE RIGHT TRANSITION PARAMETERS HERE
- jQuery.each(transitionsArray,function(inde,trans) {
- if (trans[0] == comingtransition || trans[8] == comingtransition) {
- nexttrans = trans[1];
- specials = trans[2];
- STAindex = indexcounter;
- }
- indexcounter = indexcounter+1;
- })
- }
-
-
-
- var direction=-1;
- if (opt.leftarrowpressed==1 || opt.act>opt.next) direction=1;
-
-
-
- opt.leftarrowpressed=0;
-
- if (nexttrans>26) nexttrans = 26;
- if (nexttrans<0) nexttrans = 0;
-
-
- // DEFINE THE MASTERSPEED FOR THE SLIDE //
- var masterspeed=300;
- if (nextli.data('masterspeed')!=undefined && nextli.data('masterspeed')>99 && nextli.data('masterspeed')<4001)
- masterspeed = nextli.data('masterspeed');
-
- // PREPARED DEFAULT SETTINGS PER TRANSITION
- STA = transitionsArray[STAindex];
-
-
-
-
-
- /////////////////////////////////////////////
- // SET THE BULLETS SELECTED OR UNSELECTED //
- /////////////////////////////////////////////
-
-
- container.parent().find(".bullet").each(function() {
- var bul = jQuery(this);
- bul.removeClass("selected");
-
- if (opt.navigationArrows=="withbullet" || opt.navigationArrows=="nexttobullets") {
- if (bul.index()-1 == opt.next) bul.addClass('selected');
-
- } else {
-
- if (bul.index() == opt.next) bul.addClass('selected');
-
- }
- });
-
-
-
- //////////////////////////////////////////////////////////////////
- // SET THE NEXT CAPTION AND REMOVE THE LAST CAPTION //
- //////////////////////////////////////////////////////////////////
-
- container.find('>li').each(function() {
- var li = jQuery(this);
- if (li.index!=opt.act && li.index!=opt.next) li.css({'z-index':16});
- });
-
- actli.css({'z-index':18});
- nextli.css({'z-index':20});
- nextli.css({'opacity':0});
-
-
- ///////////////////////////
- // ANIMATE THE CAPTIONS //
- ///////////////////////////
-
- if (actli.index() != nextli.index() && opt.firststart!=1) {
- removeTheCaptions(actli,opt);
-
- }
- animateTheCaptions(nextli, opt);
-
-
-
-
- /////////////////////////////////////////////
- // SET THE ACTUAL AMOUNT OF SLIDES !! //
- // SET A RANDOM AMOUNT OF SLOTS //
- ///////////////////////////////////////////
- if (nextli.data('slotamount')==undefined || nextli.data('slotamount')<1) {
- opt.slots=Math.round(Math.random()*12+4);
- if (comingtransition=="boxslide")
- opt.slots=Math.round(Math.random()*6+3);
- else
- if (comingtransition=="flyin")
- opt.slots=Math.round(Math.random()*4+1);
- } else {
- opt.slots=nextli.data('slotamount');
-
- }
-
- /////////////////////////////////////////////
- // SET THE ACTUAL AMOUNT OF SLIDES !! //
- // SET A RANDOM AMOUNT OF SLOTS //
- ///////////////////////////////////////////
- if (nextli.data('rotate')==undefined)
- opt.rotate = 0
- else
- if (nextli.data('rotate')==999)
- opt.rotate=Math.round(Math.random()*360);
- else
- opt.rotate=nextli.data('rotate');
- if (!jQuery.support.transition || opt.ie || opt.ie9) opt.rotate=0;
-
-
-
- //////////////////////////////
- // FIRST START //
- //////////////////////////////
-
- if (opt.firststart==1) {
- actli.css({'opacity':0});
- opt.firststart=0;
- }
-
-
- // HERE COMES THE TRANSITION ENGINE
-
- // 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;
-
-
-
-
- // PREPAREONESLIDEBOX
- if (STA[5] == "box") {
- if (STA[7] !=null) prepareOneSlideBox(actsh,opt,STA[7]);
- if (STA[6] !=null) prepareOneSlideBox(nextsh,opt,STA[6]);
- } else
-
- if (STA[5] == "vertical" || STA[5] == "horizontal") {
- if (STA[7] !=null) prepareOneSlideSlot(actsh,opt,STA[7],STA[5]);
- if (STA[6] !=null) prepareOneSlideSlot(nextsh,opt,STA[6],STA[5]);
- }
-
- // SHOW FIRST LI
- if (nexttrans<12 || nexttrans>16) nextli.css({'opacity':1});
-
-
- /////////////////////////////////////
- // THE SLOTSLIDE - TRANSITION I. //
- ////////////////////////////////////
- if (nexttrans==0) { // BOXSLIDE
- //SET DEFAULT IMG UNVISIBLE
- nextsh.find('.defaultimg').css({'opacity':0});
-
- // 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;
-
- TweenLite.fromTo(ss,(masterspeed)/600,
- {opacity:0,top:(0-opt.sloth),left:(0-opt.slotw),rotation:opt.rotate},
- {opacity:1,transformPerspective:600,top:0,left:0,scale:1,rotation:0,delay:((j)*15 + (curz)*30)/1500, ease:Power2.easeOut,onComplete:function() {
- if (j==(opt.slots*opt.slots)-1) {
- letItFree(container,opt,nextsh,actsh,nextli,actli)
- }
-
- }});
- });
- }
- /////////////////////////////////////
- // THE SLOTSLIDE - TRANSITION I. //
- ////////////////////////////////////
- if (nexttrans==1) {
-
-
- //SET DEFAULT IMG UNVISIBLE
- nextsh.find('.defaultimg').css({'opacity':0});
-
- // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT
-
- var maxtime;
-
- 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;
-
-
- TweenLite.fromTo(ss,rand/1000,
- {opacity:0,transformPerspective:600,rotation:opt.rotate},
- {opacity:1, ease:Power2.easeInOut,rotation:0,delay:rand2/1000})
-
-
-
- });
-
- setTimeout(function() {
- letItFree(container,opt,nextsh,actsh,nextli,actli)
- },masterspeed+300);
-
- }
-
-
- /////////////////////////////////////
- // THE SLOTSLIDE - TRANSITION I. //
- ////////////////////////////////////
- if (nexttrans==2) {
-
-
- //SET DEFAULT IMG UNVISIBLE
- nextsh.find('.defaultimg').css({'opacity':0});
-
- // ALL OLD SLOTS SHOULD BE SLIDED TO THE RIGHT
- actsh.find('.slotslide').each(function() {
- var ss=jQuery(this);
-
- TweenLite.to(ss,masterspeed/1000,{left:opt.slotw, rotation:(0-opt.rotate),onComplete:function() {
- letItFree(container,opt,nextsh,actsh,nextli,actli)
-
- }});
-
- });
-
- // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT
- nextsh.find('.slotslide').each(function() {
- var ss=jQuery(this);
-
- TweenLite.fromTo(ss,masterspeed/1000,
- {left:0-opt.slotw, rotation:opt.rotate,transformPerspective:600},
- {left:0, rotation:0,ease:Power2.easeOut,onComplete:function() {
- letItFree(container,opt,nextsh,actsh,nextli,actli)
- }
- });
-
- });
- }
-
-
-
- /////////////////////////////////////
- // THE SLOTSLIDE - TRANSITION I. //
- ////////////////////////////////////
- if (nexttrans==3) {
-
-
- //SET DEFAULT IMG UNVISIBLE
- nextsh.find('.defaultimg').css({'opacity':0});
-
- // ALL OLD SLOTS SHOULD BE SLIDED TO THE RIGHT
- actsh.find('.slotslide').each(function() {
- var ss=jQuery(this);
- TweenLite.to(ss,masterspeed/1000,{top:opt.sloth,rotation:opt.rotate,transformPerspective:600,onComplete:function() {
- letItFree(container,opt,nextsh,actsh,nextli,actli)
- }});
-
- });
-
- // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT
- nextsh.find('.slotslide').each(function() {
- var ss=jQuery(this);
-
- TweenLite.fromTo(ss,masterspeed/1000,
- {top:0-opt.sloth,rotation:opt.rotate,transformPerspective:600},
- {top:0,rotation:0,ease:Power2.easeOut,onComplete:function() {
- letItFree(container,opt,nextsh,actsh,nextli,actli)
- }});
-
- });
- }
-
-
-
- /////////////////////////////////////
- // THE SLOTSLIDE - TRANSITION I. //
- ////////////////////////////////////
- if (nexttrans==4 || nexttrans==5) {
-
- //SET DEFAULT IMG UNVISIBLE
-
-
-
-
- nextsh.find('.defaultimg').css({'opacity':0});
- 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;
- var ticker = cspeed;
-
-
-
- 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;
- TweenLite.to(ss,cspeed*3,{transformPerspective:600,top:0+opt.height,opacity:0.5,rotation:opt.rotate,ease:Power2.easeInOut,delay:del});
- });
-
- // 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;
- TweenLite.fromTo(ss,cspeed*3,
- {top:(0-opt.height),opacity:0.5,rotation:opt.rotate,transformPerspective:600},
- {top:0,opacity:1,rotation:0,ease:Power2.easeInOut,delay:del,onComplete:function() {
- if (i==opt.slots-1) {
- letItFree(container,opt,nextsh,actsh,nextli,actli)
- }
- }});
-
- });
-
-
- }
-
-
-
-
- /////////////////////////////////////
- // THE SLOTSLIDE - TRANSITION I. //
- ////////////////////////////////////
- if (nexttrans==6) {
-
-
- if (opt.slots<2) opt.slots=2;
-
- //SET DEFAULT IMG UNVISIBLE
- nextsh.find('.defaultimg').css({'opacity':0});
- setTimeout(function() {
- actsh.find('.defaultimg').css({opacity:0});
- },100);
-
- actsh.find('.slotslide').each(function(i) {
- var ss=jQuery(this);
-
- if (i');
-
- 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;
- var 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('');
-
- 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"});
-
- 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"});
-
-
-
- // ANIMATE THE CUTS
- var img=actli.find('.defaultimg');
-
-
- var ro1=Math.round(Math.random()*20-10);
- var ro2=Math.round(Math.random()*20-10);
- var ro3=Math.round(Math.random()*20-10);
- var xof = Math.random()*0.4-0.2;
- var yof = Math.random()*0.4-0.2;
- var sc1=Math.random()*1+1;
- var sc2=Math.random()*1+1;
-
-
- TweenLite.fromTo(actli.find('.tp-half-one'),masterspeed/1000,
- {width:oow,height:ooh/2,position:'absolute',top:'0px',left:'0px',transformPerspective:600,transformOrigin:"center top"},
- {scale:sc1,rotation:ro1,y:(0-ooh-ooh/4),ease:Power2.easeInOut});
- setTimeout(function() {
- TweenLite.set(actli.find('.tp-half-one'),{overflow:'hidden'});
- },50);
- TweenLite.fromTo(actli.find('.tp-half-one'),masterspeed/2000,{opacity:1,transformPerspective:600,transformOrigin:"center center"},{opacity:0,delay:masterspeed/2000});
-
- TweenLite.fromTo(actli.find('.tp-half-two'),masterspeed/1000,
- {width:oow,height:ooh,overflow:'hidden',position:'absolute',top:ooh/2,left:'0px',transformPerspective:600,transformOrigin:"center bottom"},
- {scale:sc2,rotation:ro2,y:ooh+ooh/4,ease:Power2.easeInOut});
-
- TweenLite.fromTo(actli.find('.tp-half-two'),masterspeed/2000,{opacity:1,transformPerspective:600,transformOrigin:"center center"},{opacity:0,delay:masterspeed/2000});
-
- if (actli.html()!=null)
- TweenLite.fromTo(nextli,(masterspeed-200)/1000,{opacity:0,scale:0.8,x:opt.width*xof, y:ooh*yof,rotation:ro3,transformPerspective:600,transformOrigin:"center center"},{rotation:0,scale:1,x:0,y:0,opacity:1,ease:Power2.easeInOut});
-
- nextsh.find('.defaultimg').css({'opacity':1});
- setTimeout(function() {
-
-
- // CLEAN UP BEFORE WE START
- actli.css({'position':'absolute','z-index':18});
- nextli.css({'position':'absolute','z-index':20});
- nextsh.find('.defaultimg').css({'opacity':1});
- actsh.find('.defaultimg').css({'opacity':0});
- 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();
- opt.transition = 0;
- opt.act = opt.next;
-
- },masterspeed);
- nextli.css({'opacity':1});
-
- }
-
- ////////////////////////////////////////
- // THE SLOTSLIDE - TRANSITION XVII. //
- ///////////////////////////////////////
- if (nexttrans==17) { // 3D CURTAIN HORIZONTAL
-
-
- //SET DEFAULT IMG UNVISIBLE
- nextsh.find('.defaultimg').css({'opacity':0});
-
- // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT
-
-
- nextsh.find('.slotslide').each(function(j) {
- var ss=jQuery(this);
-
- TweenLite.fromTo(ss,(masterspeed)/800,
- {opacity:0,rotationY:0,scale:0.9,rotationX:-110,transformPerspective:600,transformOrigin:"center center"},
- {opacity:1,top:0,left:0,scale:1,rotation:0,rotationX:0,rotationY:0,ease:Power3.easeOut,delay:j*0.06,onComplete:function() {
- if (j==opt.slots-1) letItFree(container,opt,nextsh,actsh,nextli,actli)
- }});
-
- });
- }
-
-
-
- ////////////////////////////////////////
- // THE SLOTSLIDE - TRANSITION XVIII. //
- ///////////////////////////////////////
- if (nexttrans==18) { // 3D CURTAIN VERTICAL
-
-
- //SET DEFAULT IMG UNVISIBLE
- nextsh.find('.defaultimg').css({'opacity':0});
-
-
- // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT
-
- nextsh.find('.slotslide').each(function(j) {
- var ss=jQuery(this);
-
- TweenLite.fromTo(ss,(masterspeed)/500,
- {opacity:0,rotationY:310,scale:0.9,rotationX:10,transformPerspective:600,transformOrigin:"center center"},
- {opacity:1,top:0,left:0,scale:1,rotation:0,rotationX:0,rotationY:0,ease:Power3.easeOut,delay:j*0.06,onComplete:function() {
- if (j==opt.slots-1)
- letItFree(container,opt,nextsh,actsh,nextli,actli)
- }});
-
- });
-
-
-
- }
-
-
- ////////////////////////////////////////
- // THE SLOTSLIDE - TRANSITION XIX. //
- ///////////////////////////////////////
-
-
- if (nexttrans==19 || nexttrans==22) { // IN CUBE
-
-
- //SET DEFAULT IMG UNVISIBLE
- nextsh.find('.defaultimg').css({'opacity':0});
- setTimeout(function() {
- actsh.find('.defaultimg').css({opacity:0});
- },100);
- var chix=nextli.css('z-index');
- var chix2=actli.css('z-index');
-
- var rot = 90;
- var op = 1;
- if (direction==1) rot = -90;
-
- if (nexttrans==19) {
- var torig = "center center -"+opt.height/2;
- op=0;
-
- } else {
- var torig = "center center "+opt.height/2;
-
- }
-
- // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT
-
- //if (nexttrans==129) {
- TweenLite.fromTo(nextsh,masterspeed/2000,{transformPerspective:600,z:0,x:0,rotationY:0},{rotationY:1,ease:Power1.easeInOut,z:-40});
- TweenLite.fromTo(nextsh,masterspeed/2000,{transformPerspective:600,z:-40,rotationY:1},{rotationY:0,z:0,ease:Power1.easeInOut,x:0,delay:3*(masterspeed/4000)});
- TweenLite.fromTo(actsh,masterspeed/2000,{transformPerspective:600,z:0,x:0,rotationY:0},{rotationY:1,x:0,ease:Power1.easeInOut,z:-40});
- TweenLite.fromTo(actsh,masterspeed/2000,{transformPerspective:600,z:-40,x:0,rotationY:1},{rotationY:0,z:0,x:0,ease:Power1.easeInOut,delay:3*(masterspeed/4000)});
- //}
-
- nextsh.find('.slotslide').each(function(j) {
- var ss=jQuery(this);
-
- TweenLite.fromTo(ss,masterspeed/1000,
- {left:0,rotationY:opt.rotate,opacity:op,top:0,scale:0.8,transformPerspective:600,transformOrigin:torig,rotationX:rot},
- {left:0,rotationY:0,opacity:1,top:0,z:0, scale:1,rotationX:0, delay:(j*50)/1000,ease:Power2.easeInOut,onComplete: function() {
-
- if (j==opt.slots-1)
- letItFree(container,opt,nextsh,actsh,nextli,actli)
- }
- });
- TweenLite.to(ss,0.1,{opacity:1,delay:(j*50)/1000+masterspeed/3000});
-
- });
-
- actsh.find('.slotslide').each(function(j) {
- var ss=jQuery(this);
- var rot = -90;
- if (direction==1) rot = 90;
-
- TweenLite.fromTo(ss,masterspeed/1000,
- {opacity:1,rotationY:0,top:0,z:0,scale:1,transformPerspective:600,transformOrigin:torig, rotationX:0},
- {opacity:1,rotationY:opt.rotate,top:0, scale:0.8,rotationX:rot, delay:(j*50)/1000,ease:Power2.easeInOut,onComplete: function() {
-
- if (j==opt.slots-1)
- letItFree(container,opt,nextsh,actsh,nextli,actli)
- }
- });
- TweenLite.to(ss,0.1,{opacity:0,delay:(j*50)/1000+(masterspeed/1000 - (masterspeed/10000))});
-
-
- });
- }
-
-
-
-
- ////////////////////////////////////////
- // THE SLOTSLIDE - TRANSITION XX. //
- ///////////////////////////////////////
- if (nexttrans==20 ) { // FLYIN
-
-
- //SET DEFAULT IMG UNVISIBLE
- nextsh.find('.defaultimg').css({'opacity':0});
- setTimeout(function() {
- actsh.find('.defaultimg').css({opacity:0});
- },100);
- var chix=nextli.css('z-index');
- var chix2=actli.css('z-index');
-
-
- if (direction==1) {
- var ofx = -opt.width
- var rot =70;
- var torig = "left center -"+opt.height/2;
- } else {
- var ofx = opt.width;
- var rot = -70;
- var torig = "right center -"+opt.height/2;
- }
-
-
- nextsh.find('.slotslide').each(function(j) {
- var ss=jQuery(this);
- //ss.css({overflow:'visible'});
- TweenLite.fromTo(ss,masterspeed/1500,
- {left:ofx,rotationX:40,z:-600, opacity:op,top:0,transformPerspective:600,transformOrigin:torig,rotationY:rot},
- {left:0, delay:(j*50)/1000,ease:Power2.easeInOut});
-
- TweenLite.fromTo(ss,masterspeed/1000,
- {rotationX:40,z:-600, opacity:op,top:0,scale:1,transformPerspective:600,transformOrigin:torig,rotationY:rot},
- {rotationX:0,opacity:1,top:0,z:0, scale:1,rotationY:0, delay:(j*50)/1000,ease:Power2.easeInOut,onComplete: function() {
-
- if (j==opt.slots-1)
- letItFree(container,opt,nextsh,actsh,nextli,actli)
- }
- });
- TweenLite.to(ss,0.1,{opacity:1,delay:(j*50)/1000+masterspeed/2000});
-
- });
-
-
-
- actsh.find('.slotslide').each(function(j) {
- var ss=jQuery(this);
- //ss.css({overflow:'visible'});
- if (direction!=1) {
- var ofx = -opt.width
- var rot =70;
- var torig = "left center -"+opt.height/2;
- } else {
- var ofx = opt.width;
- var rot = -70;
- var torig = "right center -"+opt.height/2;
- }
- TweenLite.fromTo(ss,masterspeed/1000,
- {opacity:1,rotationX:0,top:0,z:0,scale:1,left:0, transformPerspective:600,transformOrigin:torig, rotationY:0},
- {opacity:1,rotationX:40,top:0, z:-600, left:ofx, scale:0.8,rotationY:rot, delay:(j*50)/1000,ease:Power2.easeInOut,onComplete: function() {
-
- if (j==opt.slots-1)
- letItFree(container,opt,nextsh,actsh,nextli,actli) }
- });
- TweenLite.to(ss,0.1,{opacity:0,delay:(j*50)/1000+(masterspeed/1000 - (masterspeed/10000))});
-
-
- });
- }
-
-
-
-
-
-
- ////////////////////////////////////////
- // THE SLOTSLIDE - TRANSITION XX. //
- ///////////////////////////////////////
- if (nexttrans==21 || nexttrans==25) { // TURNOFF
-
-
- //SET DEFAULT IMG UNVISIBLE
- nextsh.find('.defaultimg').css({'opacity':0});
- setTimeout(function() {
- actsh.find('.defaultimg').css({opacity:0});
- },100);
- var chix=nextli.css('z-index');
- var chix2=actli.css('z-index');
-
-
- if (direction==1) {
- var ofx = -opt.width
- var rot =110;
-
- if (nexttrans==25) {
- var torig = "center top 0"
- rot2 = -rot;
- rot = opt.rotate;
- } else {
- var torig = "left center 0";
- rot2 = opt.rotate;
- }
-
- } else {
- var ofx = opt.width;
- var rot = -110;
- 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);
-
-
- TweenLite.fromTo(ss,masterspeed/1500,
- {left:0,rotationX:rot2,z:0, opacity:0,top:0,scale:1,transformPerspective:600,transformOrigin:torig,rotationY:rot},
- {left:0,rotationX:0,top:0,z:0, scale:1,rotationY:0, delay:(j*100)/1000+masterspeed/10000,ease:Power2.easeInOut,onComplete: function() {
-
- if (j==opt.slots-1)
- letItFree(container,opt,nextsh,actsh,nextli,actli)
- }
- });
- TweenLite.to(ss,0.3,{opacity:1,delay:(j*100)/1000+(masterspeed*0.2)/2000+masterspeed/10000});
-
- });
-
-
-
- if (direction!=1) {
- var ofx = -opt.width
- var rot = 90;
-
- if (nexttrans==25) {
- var torig = "center top 0"
- rot2 = -rot;
- rot = opt.rotate;
- } else {
- var torig = "left center 0";
- rot2 = opt.rotate;
- }
-
- } else {
- var ofx = opt.width;
- var rot = -90;
- if (nexttrans==25) {
- var torig = "center bottom 0"
- rot2 = -rot;
- rot = opt.rotate;
- } else {
- var torig = "right center 0";
- rot2 = opt.rotate;
- }
- }
-
- actsh.find('.slotslide').each(function(j) {
- var ss=jQuery(this);
-
-
- TweenLite.fromTo(ss,masterspeed/3000,
- {left:0,rotationX:0,z:0, opacity:1,top:0,scale:1,transformPerspective:600,transformOrigin:torig,rotationY:0},
- {left:0,rotationX:rot2,top:0,z:0, scale:1,rotationY:rot, delay:(j*100)/1000,ease:Power1.easeInOut});
- TweenLite.to(ss,0.2,{opacity:0,delay:(j*50)/1000+(masterspeed/3000 - (masterspeed/10000))});
-
-
- });
- }
-
-
-
- ////////////////////////////////////////
- // THE SLOTSLIDE - TRANSITION XX. //
- ///////////////////////////////////////
- if (nexttrans==23 || nexttrans == 24) { // cube-horizontal - inboxhorizontal
-
-
- //SET DEFAULT IMG UNVISIBLE
- nextsh.find('.defaultimg').css({'opacity':0});
- setTimeout(function() {
- actsh.find('.defaultimg').css({opacity:0});
- },100);
- var chix=nextli.css('z-index');
- var chix2=actli.css('z-index');
-
- var rot = -90;
- if (direction==1)
- rot = 90;
-
- var op = 1;
-
-
- if (nexttrans==23) {
- var torig = "center center -"+opt.width/2;
- op=0;
-
- } else {
- var torig = "center center "+opt.width/2;
-
- }
-
-
- var opx=0;
-
- // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT
- TweenLite.fromTo(nextsh,masterspeed/2000,{transformPerspective:600,z:0,x:0,rotationY:0},{rotationY:1,ease:Power1.easeInOut,z:-90});
- TweenLite.fromTo(nextsh,masterspeed/2000,{transformPerspective:600,z:-90,rotationY:1},{rotationY:0,z:0,ease:Power1.easeInOut,x:0,delay:3*(masterspeed/4000)});
- TweenLite.fromTo(actsh,masterspeed/2000,{transformPerspective:600,z:0,x:0,rotationY:0},{rotationY:1,x:0,ease:Power1.easeInOut,z:-90});
- TweenLite.fromTo(actsh,masterspeed/2000,{transformPerspective:600,z:-90,x:0,rotationY:1},{rotationY:0,z:0,x:0,ease:Power1.easeInOut,delay:3*(masterspeed/4000)});
-
- nextsh.find('.slotslide').each(function(j) {
- var ss=jQuery(this);
-
- TweenLite.fromTo(ss,masterspeed/1000,
- {left:opx,rotationX:opt.rotate,opacity:op,top:0,scale:1,transformPerspective:600,transformOrigin:torig,rotationY:rot},
- {left:0,rotationX:0,opacity:1,top:0,z:0, scale:1,rotationY:0, delay:(j*50)/1000,ease:Power2.easeInOut,onComplete: function() {
-
- if (j==opt.slots-1)
- letItFree(container,opt,nextsh,actsh,nextli,actli);
-
- }
- });
- TweenLite.to(ss,0.1,{opacity:1,delay:(j*50)/1000+masterspeed/3000});
-
- });
-
- rot = 90;
- if (direction==1)
- rot = -90;
-
-
-
-
- actsh.find('.slotslide').each(function(j) {
- var ss=jQuery(this);
- TweenLite.fromTo(ss,masterspeed/1000,
- {left:0,opacity:1,rotationX:0,top:0,z:0,scale:1,transformPerspective:600,transformOrigin:torig, rotationY:0},
- {left:opx,opacity:1,rotationX:opt.rotate,top:0, scale:1,rotationY:rot, delay:(j*50)/1000,ease:Power2.easeInOut,onComplete: function() {
-
- if (j==opt.slots-1)
- letItFree(container,opt,nextsh,actsh,nextli,actli)
-
- }
- });
- TweenLite.to(ss,0.1,{opacity:0,delay:(j*50)/1000+(masterspeed/1000 - (masterspeed/10000))});
-
-
- });
- }
-
-
- var data={};
- data.slideIndex=opt.next+1;
- container.trigger('revolution.slide.onchange',data);
- setTimeout(function() { container.trigger('revolution.slide.onafterswap'); },masterspeed);
- container.trigger('revolution.slide.onvideostop');
-
- }
-
-
- function getActNextli(container,opt) {
-
- }
-
-
- /******************************
- - PARALLAX EFFECT -
- ********************************/
- function checkForParallax(container,opt) {
- container.find('>ul:first-child >li').each(function() {
- var li = jQuery(this);
- for (var i = 0; i<10;i++)
- li.find('.rs-parallaxlevel-'+i).wrapAll('');
- })
-
-
-
- if (opt.parallax=="mouse" || opt.parallax=="scroll+mouse" || opt.parallax=="mouse+scroll") {
-
- container.on('mousemove.hoverdir, mouseleave.hoverdir',function(event) {
-
- switch (event.type) {
- case "mousemove":
- var t = container.offset().top,
- l = container.offset().left,
- mv = t + container.height()/2,
- mh = l + container.width() / 2,
- diffh = (mh - event.pageX),
- diffv = (mv - event.pageY);
-
- jQuery(".tp-parallax-container").each(function() {
- var pc = jQuery(this),
- pl = parseInt(pc.data('parallaxlevel'),0)/100,
- offsh = diffh * pl,
- offsv = diffv * pl;
-
- TweenLite.to(pc,0.2,{x:offsh,y:offsv,ease:Power3.easeOut});
- })
-
- break;
- case "mouseleave":
- jQuery(".tp-parallax-container").each(function() {
- var pc = jQuery(this);
- TweenLite.to(pc,0.4,{x:0,y:0,ease:Power3.easeOut});
- })
- break;
- }
- });
-
- if (is_mobile())
- window.ondeviceorientation = function(event) {
- var y = Math.round(event.beta || 0),
- x = Math.round(event.gamma || 0),
- curh = 360/container.width() * x,
- curv = 180/container.height() * y;
-
- jQuery(".tp-parallax-container").each(function() {
- var pc = jQuery(this),
- pl = parseInt(pc.data('parallaxlevel'),0)/100,
- offsh = curh * pl,
- offsv = curv * pl;
- TweenLite.to(pc,0.2,{x:offsh,y:offsv,ease:Power3.easeOut});
- })
-
- // y: -90 -> +90, x:-180 -> +180
-
- //jQuery('.logo-container').html("h:"+curh+" v:"+curv);
- }
- }
- if (opt.parallax=="scroll" || opt.parallax=="scroll+mouse" || opt.parallax=="mouse+scroll") {
-
- jQuery(window).on('scroll',function(event) {
- scrollParallax(container,opt);
- });
- }
- }
-
- /***************************************
- - SET POST OF SCROLL PARALLAX -
- ***************************************/
- function scrollParallax(container,opt) {
- var t = container.offset().top,
- st = jQuery(window).scrollTop(),
- dist = t+container.height()/2,
- mv = t+container.height()/2 - st,
- wh = jQuery(window).height()/2,
- diffv= wh - mv;
-
- if (distul:first-child >li:eq('+opt.act+')');
- } catch(e) {
- var actli=container.find('>ul:first-child >li:eq(1)');
- }
-
- opt.lastslide=opt.act;
-
- var nextli = container.find('>ul:first-child >li:eq('+opt.next+')');
-
-
- var actsh = actli.find('.slotholder');
- var nextsh = nextli.find('.slotholder');
-
- nextsh.find('.defaultimg').each(function() {
- var defimg = jQuery(this);
- if (defimg.data('kenburn')!=undefined) {
- defimg.data('kenburn').restart();
- }
- TweenLite.killTweensOf(defimg,false);
- TweenLite.set(defimg,{scale:1,rotationZ:0});
-//
- defimg.data('bgposition',nextsh.data('bgposition'));
- defimg.data('currotate',nextsh.data('rotationstart'));
- defimg.data('curscale',nextsh.data('bgfit'));
-
-
- });
- /*actsh.find('.defaultimg').each(function() {
- var defimg = jQuery(this);
- TweenLite.killTweensOf(defimg,false);
- TweenLite.set(defimg,{scale:1,rotationZ:0});
- if (defimg.data('oldbgposition')!=undefined)
- defimg.data('bgposition',defimg.data('oldbgposition'));
-
- defimg.data('currotate',nextsh.data('rotationstart'));
- defimg.data('curscale',nextsh.data('zoomstart')/100);
-
- });*/
-
- }
-
-
- /******************************
- - startKenBurn -
- ********************************/
- function startKenBurn(container,opt,recalc) {
-
- try{
- var actli = container.find('>ul:first-child >li:eq('+opt.act+')');
- } catch(e) {
- var actli=container.find('>ul:first-child >li:eq(1)');
- }
-
- opt.lastslide=opt.act;
-
- var nextli = container.find('>ul:first-child >li:eq('+opt.next+')');
-
-
- var actsh = actli.find('.slotholder');
- var nextsh = nextli.find('.slotholder');
-
- var
- bgps = nextsh.data('bgposition'),
- bgpe = nextsh.data('bgpositionend'),
- zos = nextsh.data('zoomstart')/100,
- zoe = nextsh.data('zoomend')/100,
- ros = nextsh.data('rotationstart'),
- roe = nextsh.data('rotationend'),
- bgfs = nextsh.data('bgfit'),
- bgfe = nextsh.data('bgfitend'),
- easeme = nextsh.data('easeme'),
- dur = nextsh.data('duration')/1000,
- bgfb = 100;
-
-
- if (bgfs==undefined) bgfs=100;
- if (bgfe==undefined) bgfe=100;
-
- bgfs = calculateKenBurnScales(bgfs,nextsh,opt);
- bgfe = calculateKenBurnScales(bgfe,nextsh,opt);
- bgfb = calculateKenBurnScales(100,nextsh,opt);
-
-
-
- if (zos==undefined) zos=1;
- if (zoe==undefined) zoe=1;
- if (ros==undefined) ros=0;
- if (roe==undefined) roe=0;
-
- if (zos<1) zos=1;
- if (zoe<1) zoe=1;
-
-
- var imgobj = new Object();
- imgobj.w = parseInt(bgfb.split(" ")[0],0),
- imgobj.h = parseInt(bgfb.split(" ")[1],0);
-
-
-
- nextsh.find('.defaultimg').each(function() {
- var defimg = jQuery(this);
- if (nextsh.find('.kenburnimg').length==0)
- nextsh.append('
');
-
-
- var kbimg = nextsh.find('.kenburnimg img');
-
- var imgs = calculateKenBurnImgPos(opt,bgps,bgfs,kbimg),
- imge = calculateKenBurnImgPos(opt,bgpe,bgfe,kbimg);
-
-
- defimg.data('kenburn',TweenLite.fromTo(kbimg,dur,{autoAlpha:1,transformPerspective:1200, transformOrigin:"0% 0%", top:0,left:0, scale:imgs.w, x:imgs.x, y:imgs.y},{autoAlpha:1,rotationZ:roe,ease:easeme, x:imge.x, y:imge.y,scale:imge.w,onUpdate:function() {
-
- var sx = kbimg[0]._gsTransform.scaleX;
- var ww = (sx * kbimg.width()) - opt.width,
- hh = (sx * kbimg.height()) - opt.height,
- hor = Math.abs((kbimg[0]._gsTransform.x / ww)*100),
- ver = Math.abs((kbimg[0]._gsTransform.y / hh)*100);
- defimg.data('bgposition',hor+"% "+ver+"%");
- if (!isIE(8)) defimg.data('currotate',getRotationDegrees(kbimg));
- if (!isIE(8)) defimg.data('curscale',(imgobj.w*sx)+"% "+(imgobj.h*sx+"%"));
- TweenLite.set(defimg,{rotation:defimg.data('currotate'), backgroundPosition:defimg.data('bgposition'), backgroundSize:defimg.data('curscale')});
-
- }}));
-
-
-
-
- })
- }
-
-
- function calculateKenBurnImgPos(opt,bgp,bgf,img) {
- var imgobj = new Object;
-
- imgobj.w = parseInt(bgf.split(" ")[0],0) / 100;
-
- switch(bgp) {
- case "left top":
- case "top left":
- imgobj.x = 0;
- imgobj.y = 0;
- break;
- case "center top":
- case "top center":
- imgobj.x = (((0-img.width()) * imgobj.w) + opt.width)/2;
- imgobj.y = 0;
- break;
- case "top right":
- case "right top":
- imgobj.x = ((0-img.width()) * imgobj.w) + opt.width;
- imgobj.y = 0;
-
- break;
- case "center left":
- case "left center":
- imgobj.x = 0;
- imgobj.y = (((0-img.height()) * imgobj.w) + opt.height) / 2;
- break;
- case "center center":
- imgobj.x = (((0-img.width()) * imgobj.w) + opt.width)/2;
- imgobj.y = (((0-img.height()) * imgobj.w) + opt.height) / 2;
-
- break;
- case "center right":
- case "right center":
- imgobj.x = ((0-img.width()) * imgobj.w) + opt.width;
- imgobj.y = (((0-img.height()) * imgobj.w) + opt.height) / 2;
-
- break;
- case "bottom left":
- case "left bottom":
- imgobj.x =0;
- imgobj.y = ((0-img.height()) * imgobj.w) + opt.height;
-
- break;
- case "bottom center":
- case "center bottom":
- imgobj.x = (((0-img.width()) * imgobj.w) + opt.width)/2;
- imgobj.y = ((0-img.height()) * imgobj.w) + opt.height;
- break;
- case "bottom right":
- case "right bottom":
- imgobj.x = ((0-img.width()) * imgobj.w) + opt.width;;
- imgobj.y = ((0-img.height()) * imgobj.w) + opt.height;
- break;
- }
-
-
- return imgobj;
- }
-
-
- /***********************************************
- - KEN BURN BACKGROUND FIT CALCULATOR -
- ***********************************************/
- function calculateKenBurnScales(proc,sloth,opt) {
- var ow = sloth.data('owidth');
- var oh = sloth.data('oheight');
-
- var factor = (opt.container.width() /ow);
- var nheight = oh * factor;
-
- var hfactor = (nheight / opt.container.height())*proc;
-
-
-
- return (proc+"% "+hfactor+"%");
- }
-
-
- /******************************************************
- - CALCULATE CURRENT SCALE AND ROTATION -
- *******************************************************/
-
- function getMatrix(obj) {
- var matrix = obj.css("-webkit-transform") ||
- obj.css("-moz-transform") ||
- obj.css("-ms-transform") ||
- obj.css("-o-transform") ||
- obj.css("transform");
- return matrix;
- };
-
- function parseMatrix(_str) {
- return _str.replace(/^matrix(3d)?\((.*)\)$/,'$2').split(/, /);
- }
-
- function getScaleDegrees(obj) {
- var matrix = parseMatrix(getMatrix(obj)),
- scale = 1;
-
- if(matrix[0] !== 'none') {
- var a = matrix[0],
- b = matrix[1],
- d = 10;
- scale = Math.round( Math.sqrt( a*a + b*b ) * d ) / d;
- }
-
- return scale;
- };
-
- function getRotationDegrees(obj) {
- var matrix = obj.css("-webkit-transform") ||
- obj.css("-moz-transform") ||
- obj.css("-ms-transform") ||
- obj.css("-o-transform") ||
- obj.css("transform");
- if(matrix !== 'none') {
- var values = matrix.split('(')[1].split(')')[0].split(',');
- var a = values[0];
- var b = values[1];
- var angle = Math.round(Math.atan2(b, a) * (180/Math.PI));
- } else { var angle = 0; }
- return (angle < 0) ? angle +=360 : angle;
- }
-
- /**************************************
- - GIVE FREE THE TRANSITIOSN -
- **************************************/
- function letItFree(container,opt,nextsh,actsh,nextli,actli) {
- removeSlots(container,opt);
- nextsh.find('.defaultimg').css({'opacity':1});
- if (nextli.index()!=actli.index()) actsh.find('.defaultimg').css({'opacity':0});
- opt.act=opt.next;
- moveSelectedThumb(container);
- if (nextsh.data('kenburns')=="on")
- startKenBurn(container,opt);
- }
-
-
- //////////////////////////////////////////
- // CHANG THE YOUTUBE PLAYER STATE HERE //
- ////////////////////////////////////////
- function onPlayerStateChange(event) {
-
- var embedCode = event.target.getVideoEmbedCode();
- var ytcont = jQuery('#'+embedCode.split('id="')[1].split('"')[0])
- var container = ytcont.closest('.tp-simpleresponsive');
- var player = ytcont.parent().data('player');
-
- if (event.data == YT.PlayerState.PLAYING) {
-
- var bt = container.find('.tp-bannertimer');
- var opt = bt.data('opt');
-
-
- if (ytcont.closest('.tp-caption').data('volume')=="mute")
- player.mute();
-
- opt.videoplaying=true;
- container.trigger('stoptimer');
- //konsole.log("VideoPlay set to True due onPlayerStateChange PLAYING");
- container.trigger('revolution.slide.onvideoplay'); //opt.videostartednow=1;
-
-
- } else {
-
- var bt = container.find('.tp-bannertimer');
- var opt = bt.data('opt');
-
- if (event.data!=-1) {
- opt.videoplaying=false;
- container.trigger('playtimer');
- container.trigger('revolution.slide.onvideostop'); //opt.videostoppednow=1;
-
- }
-
- }
- if (event.data==0 && opt.nextslideatend==true)
- opt.container.revnext();
-
-
- }
-
-
-
- ////////////////////////
- // VIMEO ADD EVENT /////
- ////////////////////////
- function addEvent(element, eventName, callback) {
-
- if (element.addEventListener) element.addEventListener(eventName, callback, false);
- else
- element.attachEvent(eventName, callback, false);
- }
-
-
-
- /////////////////////////////////////
- // EVENT HANDLING FOR VIMEO VIDEOS //
- /////////////////////////////////////
-
- function vimeoready_auto(player_id,autoplay) {
-
- var froogaloop = $f(player_id);
- var vimcont = jQuery('#'+player_id);
- var container = vimcont.closest('.tp-simpleresponsive');
-
-
- froogaloop.addEvent('ready', function(data) {
- if(autoplay) froogaloop.api('play');
-
- froogaloop.addEvent('play', function(data) {
- var bt = container.find('.tp-bannertimer');
- var opt = bt.data('opt');
-
- opt.videoplaying=true;
- container.trigger('stoptimer');
- if (vimcont.closest('.tp-caption').data('volume')=="mute")
- froogaloop.api('setVolume',"0");
- //konsole.log("VideoPlay set to True due vimeoready_auto PLAYING");
- });
-
- froogaloop.addEvent('finish', function(data) {
- var bt = container.find('.tp-bannertimer');
- var opt = bt.data('opt');
- opt.videoplaying=false;
- container.trigger('playtimer');
- //konsole.log("VideoPlay set to False due vimeoready_auto FINISH");
- container.trigger('revolution.slide.onvideoplay'); //opt.videostartednow=1;
- if (opt.nextslideatend==true)
- opt.container.revnext();
-
- });
-
- froogaloop.addEvent('pause', function(data) {
- var bt = container.find('.tp-bannertimer');
- var opt = bt.data('opt');
- opt.videoplaying=false;
- container.trigger('playtimer');
- //konsole.log("VideoPlay set to False due vimeoready_auto PAUSE");
- container.trigger('revolution.slide.onvideostop'); //opt.videostoppednow=1;
- });
- });
- }
-
-
-
- /////////////////////////////////////
- // RESIZE HTML5VIDEO FOR FULLSCREEN//
- /////////////////////////////////////
- function updateHTML5Size(pc,container) {
- var windowW = container.width();
- var windowH = container.height();
- var mediaAspect = pc.data('mediaAspect');
-
-
- var windowAspect = windowW/windowH;
-
- pc.css({position:"absolute"});
- var video = pc.find('video');
-
- if (windowAspect < mediaAspect) {
- // taller
- pc
- .width(windowH*mediaAspect)
- .height(windowH);
- pc
- .css('top',0)
- .css('left',-(windowH*mediaAspect-windowW)/2)
- .css('height',windowH);
-
- /* video
- .width(windowH*mediaAspect)
- .height(windowH);
- video
- .css('top',0)
- .css('left',-(windowH*mediaAspect-windowW)/2)
- .css('height',windowH); */
-
-
- } else {
- // wider
- pc
- .width(windowW)
- .height(windowW/mediaAspect);
- pc
- .css('top',-(windowW/mediaAspect-windowH)/2)
- .css('left',0)
- .css('height',windowW/mediaAspect);
-
- /* video
- .width(windowW)
- .height(windowW/mediaAspect);
- video
- .css('top',-(windowW/mediaAspect-windowH)/2)
- .css('left',0)
- .css('height',windowW/mediaAspect);*/
-
- }
-
-
- }
-
-
-
- /////////////////////////////////////
- // - CREATE ANIMATION OBJECT - //
- /////////////////////////////////////
-
- function newAnimObject() {
- var a = new Object();
- a.x=0;
- a.y=0;
- a.rotationX = 0;
- a.rotationY = 0;
- a.rotationZ = 0;
- a.scale = 1;
- a.scaleX = 1;
- a.scaleY = 1;
- a.skewX = 0;
- a.skewY = 0;
- a.opacity=0;
- a.transformOrigin = "center, center";
- a.transformPerspective = 400;
- a.rotation = 0;
- return a;
- }
-
- ///////////////////////////////////////////////////
- // ANALYSE AND READ OUT DATAS FROM HTML CAPTIONS //
- ///////////////////////////////////////////////////
- function getAnimDatas(frm,data) {
-
- var customarray = data.split(';');
- jQuery.each(customarray,function(index,param) {
-
- param = param.split(":")
-
- var w = param[0],
- v = param[1];
- if (w=="rotationX") frm.rotationX = parseInt(v,0);
- if (w=="rotationY") frm.rotationY = parseInt(v,0);
- if (w=="rotationZ") frm.rotationZ = parseInt(v,0);
- if (w=="rotationZ") frm.rotation = parseInt(v,0);
- if (w=="scaleX") frm.scaleX = parseFloat(v);
- if (w=="scaleY") frm.scaleY = parseFloat(v);
- if (w=="opacity") frm.opacity = parseFloat(v);
- if (w=="skewX") frm.skewX = parseInt(v,0);
- if (w=="skewY") frm.skewY = parseInt(v,0);
- if (w=="x") frm.x = parseInt(v,0);
- if (w=="y") frm.y = parseInt(v,0);
- if (w=="z") frm.z = parseInt(v,0);
- if (w=="transformOrigin") frm.transformOrigin = v.toString();
- if (w=="transformPerspective") frm.transformPerspective=parseInt(v,0);
- })
-
- return frm;
- }
- ///////////////////////////////////////////////////////////////////
- // ANALYSE AND READ OUT DATAS FROM HTML CAPTIONS ANIMATION STEPS //
- ///////////////////////////////////////////////////////////////////
- function getAnimSteps(data) {
-
- var paramarray = data.split("animation:");
- var params = new Object();
-
- params.animation = getAnimDatas(newAnimObject(),paramarray[1]);
- var customarray = paramarray[0].split(';');
-
- jQuery.each(customarray,function(index,param) {
- param = param.split(":")
- var w = param[0],
- v = param[1];
- if (w=="typ") params.typ = v;
- if (w=="speed") params.speed = parseInt(v,0)/1000;
- if (w=="start") params.start = parseInt(v,0)/1000;
- if (w=="elementdelay") params.elementdelay = parseFloat(v);
- if (w=="ease") params.ease = v;
- })
-
- return params;
- }
-
-
-
-
- ////////////////////////
- // SHOW THE CAPTION //
- ///////////////////////
- function animateTheCaptions(nextli, opt,recalled) {
-
- var offsetx=0;
- var offsety=0;
-
- nextli.find('.tp-caption').each(function(i) {
-
-
- offsetx = opt.width/2 - (opt.startwidth*opt.bw)/2;
-
-
-
- var xbw = opt.bw;
- var xbh = opt.bh;
-
-
- if (opt.fullScreen=="on")
- offsety = opt.height/2 - (opt.startheight*opt.bh)/2;
-
- if (opt.autoHeight=="on")
- offsety = opt.container.height()/2 - (opt.startheight*opt.bh)/2;;
-
- if (offsety<0) offsety=0;
-
- var nextcaption=jQuery(this);//nextli.find('.tp-caption:eq('+i+')');
-
- var handlecaption=0;
-
- // HIDE CAPTION IF RESOLUTION IS TOO LOW
- if (opt.width0 || nextcaption.find('video').length>0) {
-
-
- if (nextcaption.data('autoplayonlyfirsttime') == true || nextcaption.data('autoplayonlyfirsttime')=="true" ) {
- nextcaption.data('autoplay',true);
- }
-
- nextcaption.find('iframe').each(function() {
- var ifr=jQuery(this);
-
- if (is_mobile()) {
- var oldsrc = ifr.attr('src');
- ifr.attr('src',"");
- ifr.attr('src',oldsrc);
- }
-
-
- // START YOUTUBE HANDLING
- opt.nextslideatend = nextcaption.data('nextslideatend');
- if (nextcaption.data('thumbimage')!=undefined && nextcaption.data('thumbimage').length>2 && nextcaption.data('autoplay')!=true && !recalled) {
- nextcaption.find('.tp-thumb-image').remove();
- nextcaption.append('');
- }
-
- if (ifr.attr('src').toLowerCase().indexOf('youtube')>=0) {
-
- // if (is_mobile()) ifr.attr('src',ifr.attr('src').replace("enablejsapi=1",""));
-
- if (!ifr.hasClass("HasListener")) {
- try {
- ifr.attr('id',frameID);
-
- var player;
- var ytint = setInterval(function() {
- if (YT !=undefined)
- if (typeof YT.Player != undefined && typeof YT.Player !="undefined") {
-
- if (nextcaption.data('autoplay')==true) {
- player = new YT.Player(frameID, {
- events: {
- "onStateChange": onPlayerStateChange,
- 'onReady': function(event) {
- event.target.playVideo();
- }
- }
- });
- } else
- player = new YT.Player(frameID, {
- events: {
- "onStateChange": onPlayerStateChange
- }
- });
- ifr.addClass("HasListener");
-
- nextcaption.data('player',player);
- clearInterval(ytint);
- }
- }
- , 100)
-
-
-
- } catch(e) {}
- } else {
-
- if (nextcaption.data('autoplay')==true) {
- var player=nextcaption.data('player');
- nextcaption.data('timerplay',setTimeout(function() {
- if (nextcaption.data('forcerewind')=="on")
- player.seekTo(0);
- player.playVideo();
- },nextcaption.data('start')));
- }
- } // END YOUTUBE HANDLING
-
- // PLAY VIDEO IF THUMBNAIL HAS BEEN CLICKED
- nextcaption.find('.tp-thumb-image').click(function() {
- TweenLite.to(jQuery(this),0.3,{opacity:0,ease:Power3.easeInOut,onComplete: function() {
- nextcaption.find('.tp-thumb-image').remove();
- }
- })
- var player=nextcaption.data('player');
- player.playVideo();
- })
- } else {
- // START VIMEO HANDLING
- if (ifr.attr('src').toLowerCase().indexOf('vimeo')>=0) {
-
- if (!ifr.hasClass("HasListener")) {
- ifr.addClass("HasListener");
- ifr.attr('id',frameID);
- var isrc = ifr.attr('src');
- var queryParameters = {}, queryString = isrc,
- re = /([^&=]+)=([^&]*)/g, m;
- // Creates a map with the query string parameters
- while (m = re.exec(queryString)) {
- queryParameters[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
- }
-
- if (queryParameters['player_id']!=undefined)
- isrc = isrc.replace(queryParameters['player_id'],frameID);
- else
- isrc=isrc+"&player_id="+frameID;
-
- try{ isrc = isrc.replace('api=0','api=1'); } catch(e) {}
-
- isrc=isrc+"&api=1";
-
- ifr.attr('src',isrc);
- var player = nextcaption.find('iframe')[0];
- var vimint = setInterval(function() {
- if ($f !=undefined)
- if (typeof $f(frameID).api != undefined && typeof $f(frameID).api !="undefined") {
- $f(player).addEvent('ready', function(){
- vimeoready_auto(frameID,nextcaption.data('autoplay'))
- });
- clearInterval(vimint);
- }
- },100);
-
- } else {
- if (nextcaption.data('autoplay')==true) {
-
- var ifr = nextcaption.find('iframe');
- var id = ifr.attr('id');
- var vimint = setInterval(function() {
- if ($f !=undefined)
- if (typeof $f(id).api != undefined && typeof $f(id).api !="undefined") {
- var froogaloop = $f(id);
- nextcaption.data('timerplay',setTimeout(function() {
- if (nextcaption.data('forcerewind')=="on")
- froogaloop.api("seekTo",0);
- froogaloop.api("play");
- },nextcaption.data('start')));
- clearInterval(vimint);
- }
- },100);
- }
- }// END HAS LISTENER HANDLING
-
- // PLAY VIDEO IF THUMBNAIL HAS BEEN CLICKED
- nextcaption.find('.tp-thumb-image').click(function() {
- TweenLite.to(jQuery(this),0.3,{opacity:0,ease:Power3.easeInOut,onComplete: function() {
- nextcaption.find('.tp-thumb-image').remove();
- }
- })
- var ifr = nextcaption.find('iframe');
- var id = ifr.attr('id');
- var vimint = setInterval(function() {
- if ($f !=undefined)
- if (typeof $f(id).api != undefined && typeof $f(id).api !="undefined") {
- var froogaloop = $f(id);
- froogaloop.api("play");
- clearInterval(vimint);
- }
- },100);
- })
-
-
- } // END OF VIMEO HANDLING
- } // END OF CHOOSE BETWEEN YOUTUBE AND VIMEO
- }); // END OF LOOP THROUGH IFRAMES
-
- // START OF VIDEO JS
- if (nextcaption.find('video').length>0) {
-
-
- nextcaption.find('video').each(function(i) {
-
- var jvideo = jQuery(this);
- var video = this;
-
- if (!jvideo.parent().hasClass("html5vid")) {
- jvideo.wrap('');
-
- }
- var html5vid = jQuery(this).parent();
-
- if (video.addEventListener)
- video.addEventListener("loadedmetadata",function() {
- html5vid.data('metaloaded',1);
- });
- else
- video.attachEvent("loadedmetadata",function() {
- html5vid.data('metaloaded',1);
- });
-
-
- if (!jvideo.hasClass("HasListener")) {
-
- jvideo.addClass("HasListener")
- video.addEventListener("play",function() {
- html5vid.addClass("videoisplaying");
- html5vid.find('.tp-poster').remove();
- if (nextcaption.data('volume')=="mute")
- video.muted=true;
- opt.container.trigger('revolution.slide.onvideoplay');
- opt.videoplaying=true;
- opt.container.trigger('stoptimer');
-
- });
-
- video.addEventListener("pause",function() {
- html5vid.removeClass("videoisplaying");
- opt.videoplaying=false;
- opt.container.trigger('playtimer');
- opt.container.trigger('revolution.slide.onvideostop');
- });
-
- video.addEventListener("ended",function() {
- html5vid.removeClass("videoisplaying");
- opt.videoplaying=false;
- opt.container.trigger('playtimer');
- opt.container.trigger('revolution.slide.onvideostop');
- if (opt.nextslideatend==true)
- opt.container.revnext();
- });
- }
-
-
- if (jvideo.attr('poster')!=undefined && html5vid.find('.tp-poster').length==0)
- html5vid.append('');
-
- if (jvideo.attr('control') == undefined && html5vid.find('.tp-video-play-button').length==0) {
- html5vid.append('
');
- html5vid.find('.tp-video-play-button').click(function() {
- if (html5vid.hasClass("videoisplaying"))
- video.pause();
- else
- video.play();
- })
- }
-
- if (jvideo.attr('control') == undefined) {
- html5vid.find('video, .tp-poster').click(function() {
- if (html5vid.hasClass("videoisplaying"))
- video.pause();
- else
- video.play();
- })
- }
-
-
-
- if (nextcaption.data('forcecover')==1) {
- updateHTML5Size(html5vid,opt.container);
- html5vid.addClass("fullcoveredvideo");
- nextcaption.addClass("fullcoveredvideo");
- }
-
- if (nextcaption.data('forcecover')==1 || nextcaption.hasClass('fullscreenvideo')) {
- html5vid.css({width:"100%", height:"100%"});
- }
-
-
- var autoplaywason = false;
- if (nextcaption.data('autoplayonlyfirsttime') == true || nextcaption.data('autoplayonlyfirsttime')=="true")
- autoplaywason = true;
-
- clearInterval(html5vid.data('interval'));
- html5vid.data('interval',setInterval(function() {
-
- if (html5vid.data('metaloaded')==1 || video.duration!=NaN) {
-
- clearInterval(html5vid.data('interval'));
-
-
- if (nextcaption.data('dottedoverlay')!="none" && nextcaption.data('dottedoverlay')!=undefined)
- if (nextcaption.find('.tp-dottedoverlay').length!=1)
- html5vid.append('');
-
- var mediaaspect=16/9;
- if (nextcaption.data('aspectratio')=="4:3") mediaaspect=4/3;
- html5vid.data('mediaAspect',mediaaspect);
-
-
-
- if (html5vid.closest('.tp-caption').data('forcecover')==1) {
- updateHTML5Size(html5vid,opt.container);
- html5vid.addClass("fullcoveredvideo");
- }
-
- jvideo.css({display:"block"});
-
- opt.nextslideatend = nextcaption.data('nextslideatend');
-
- // IF VIDEO SHOULD BE AUTOPLAYED
- if (nextcaption.data('autoplay')==true || autoplaywason==true) {
- var bt=jQuery('body').find('#'+opt.container.attr('id')).find('.tp-bannertimer');
- setTimeout(function(){
- opt.videoplaying=true;
- opt.container.trigger('stoptimer');
- },200);
-
-
-
-
- if (nextcaption.data('forcerewind')=="on" && !html5vid.hasClass("videoisplaying"))
- if (video.currentTime>0) video.currentTime=0;
-
- if (nextcaption.data('volume')=="mute")
- video.muted = true;
-
- html5vid.data('timerplay',setTimeout(function() {
-
- if (nextcaption.data('forcerewind')=="on" && !html5vid.hasClass("videoisplaying"))
- if (video.currentTime>0) video.currentTime=0;
-
- if (nextcaption.data('volume')=="mute")
- video.muted = true;
-
- setTimeout(function() {
-
- video.play();
-
- },500);
- },10+nextcaption.data('start')));
- }
-
-
- if (html5vid.data('ww') == undefined) html5vid.data('ww',jvideo.attr('width'));
- if (html5vid.data('hh') == undefined) html5vid.data('hh',jvideo.attr('height'));
-
- if (!nextcaption.hasClass("fullscreenvideo") && nextcaption.data('forcecover')==1) {
- try{
- html5vid.width(html5vid.data('ww')*opt.bw);
- html5vid.height(html5vid.data('hh')*opt.bh);
- } catch(e) {}
- }
-
- clearInterval(html5vid.data('interval'));
- }
- }),100);
-
- });
- } // END OF VIDEO JS FUNCTIONS
-
- // IF AUTOPLAY IS ON, WE NEED SOME STOP FUNCTION ON
- if (nextcaption.data('autoplay')==true) {
- var bt=jQuery('body').find('#'+opt.container.attr('id')).find('.tp-bannertimer');
-
- setTimeout(function() {
-
- opt.videoplaying=true;
- opt.container.trigger('stoptimer');
-
- },200)
- opt.videoplaying=true;
- opt.container.trigger('stoptimer');
-
- if (nextcaption.data('autoplayonlyfirsttime') == true || nextcaption.data('autoplayonlyfirsttime')=="true" ) {
- nextcaption.data('autoplay',false);
- nextcaption.data('autoplayonlyfirsttime',false);
- }
- }
- }
-
-
-
-
- // NEW ENGINE
- //if (nextcaption.hasClass("randomrotate") && (opt.ie || opt.ie9)) nextcaption.removeClass("randomrotate").addClass("sfb");
- // nextcaption.removeClass('noFilterClass');
-
-
-
- var imw =0;
- var imh = 0;
-
- if (nextcaption.find('img').length>0) {
- var im = nextcaption.find('img');
- if (im.data('ww') == undefined) im.data('ww',im.width());
- if (im.data('hh') == undefined) im.data('hh',im.height());
-
- var ww = im.data('ww');
- var hh = im.data('hh');
-
-
- im.width(ww*opt.bw);
- im.height(hh*opt.bh);
- imw = im.width();
- imh = im.height();
- } else {
-
- if (nextcaption.find('iframe').length>0 || nextcaption.find('video').length>0) {
-
- var html5vid = false;
- var im = nextcaption.find('iframe');
- if (im.length==0) {
- im = nextcaption.find('video');
- html5vid = true;
- }
- im.css({display:"block"});
-
- if (nextcaption.data('ww') == undefined) nextcaption.data('ww',im.width());
- if (nextcaption.data('hh') == undefined) nextcaption.data('hh',im.height());
-
- var ww = nextcaption.data('ww');
- var hh = nextcaption.data('hh');
-
- var nc =nextcaption;
- if (nc.data('fsize') == undefined) nc.data('fsize',parseInt(nc.css('font-size'),0) || 0);
- if (nc.data('pt') == undefined) nc.data('pt',parseInt(nc.css('paddingTop'),0) || 0);
- if (nc.data('pb') == undefined) nc.data('pb',parseInt(nc.css('paddingBottom'),0) || 0);
- if (nc.data('pl') == undefined) nc.data('pl',parseInt(nc.css('paddingLeft'),0) || 0);
- if (nc.data('pr') == undefined) nc.data('pr',parseInt(nc.css('paddingRight'),0) || 0);
-
- if (nc.data('mt') == undefined) nc.data('mt',parseInt(nc.css('marginTop'),0) || 0);
- if (nc.data('mb') == undefined) nc.data('mb',parseInt(nc.css('marginBottom'),0) || 0);
- if (nc.data('ml') == undefined) nc.data('ml',parseInt(nc.css('marginLeft'),0) || 0);
- if (nc.data('mr') == undefined) nc.data('mr',parseInt(nc.css('marginRight'),0) || 0);
-
- if (nc.data('bt') == undefined) nc.data('bt',parseInt(nc.css('borderTop'),0) || 0);
- if (nc.data('bb') == undefined) nc.data('bb',parseInt(nc.css('borderBottom'),0) || 0);
- if (nc.data('bl') == undefined) nc.data('bl',parseInt(nc.css('borderLeft'),0) || 0);
- if (nc.data('br') == undefined) nc.data('br',parseInt(nc.css('borderRight'),0) || 0);
-
- if (nc.data('lh') == undefined) nc.data('lh',parseInt(nc.css('lineHeight'),0) || 0);
-
- var fvwidth=opt.width;
- var fvheight=opt.height;
- if (fvwidth>opt.startwidth) fvwidth=opt.startwidth;
- if (fvheight>opt.startheight) fvheight=opt.startheight;
-
-
-
- if (!nextcaption.hasClass('fullscreenvideo'))
- nextcaption.css({
-
- 'font-size': (nc.data('fsize') * opt.bw)+"px",
-
- 'padding-top': (nc.data('pt') * opt.bh) + "px",
- 'padding-bottom': (nc.data('pb') * opt.bh) + "px",
- 'padding-left': (nc.data('pl') * opt.bw) + "px",
- 'padding-right': (nc.data('pr') * opt.bw) + "px",
-
- 'margin-top': (nc.data('mt') * opt.bh) + "px",
- 'margin-bottom': (nc.data('mb') * opt.bh) + "px",
- 'margin-left': (nc.data('ml') * opt.bw) + "px",
- 'margin-right': (nc.data('mr') * opt.bw) + "px",
-
- 'border-top': (nc.data('bt') * opt.bh) + "px",
- 'border-bottom': (nc.data('bb') * opt.bh) + "px",
- 'border-left': (nc.data('bl') * opt.bw) + "px",
- 'border-right': (nc.data('br') * opt.bw) + "px",
-
- 'line-height': (nc.data('lh') * opt.bh) + "px",
- 'height':(hh*opt.bh)+'px',
- });
- else {
-
- offsetx=0; offsety=0;
- nextcaption.data('x',0)
- nextcaption.data('y',0)
-
- var ovhh = opt.height
- if (opt.autoHeight=="on")
- ovhh = opt.container.height()
- nextcaption.css({
-
- 'width':opt.width,
- 'height':ovhh
- });
- }
-
- if (html5vid == false) {
- im.width(ww*opt.bw);
- im.height(hh*opt.bh);
- }
-
- else
-
- if (nextcaption.data('forcecover')!=1 && !nextcaption.hasClass('fullscreenvideo')) {
- im.width(ww*opt.bw);
- im.height(hh*opt.bh);
- }
-
-
- imw = im.width();
- imh = im.height();
- }
-
- else {
-
-
- nextcaption.find('.tp-resizeme, .tp-resizeme *').each(function() {
- calcCaptionResponsive(jQuery(this),opt);
- });
-
- if (nextcaption.hasClass("tp-resizeme")) {
- nextcaption.find('*').each(function() {
- calcCaptionResponsive(jQuery(this),opt);
- });
- }
-
- calcCaptionResponsive(nextcaption,opt);
-
- imh=nextcaption.outerHeight(true);
- imw=nextcaption.outerWidth(true);
-
- // NEXTCAPTION FRONTCORNER CHANGES
- var ncch = nextcaption.outerHeight();
- var bgcol = nextcaption.css('backgroundColor');
- nextcaption.find('.frontcorner').css({
- 'borderWidth':ncch+"px",
- 'left':(0-ncch)+'px',
- 'borderRight':'0px solid transparent',
- 'borderTopColor':bgcol
- });
-
- nextcaption.find('.frontcornertop').css({
- 'borderWidth':ncch+"px",
- 'left':(0-ncch)+'px',
- 'borderRight':'0px solid transparent',
- 'borderBottomColor':bgcol
- });
-
- // NEXTCAPTION BACKCORNER CHANGES
- nextcaption.find('.backcorner').css({
- 'borderWidth':ncch+"px",
- 'right':(0-ncch)+'px',
- 'borderLeft':'0px solid transparent',
- 'borderBottomColor':bgcol
- });
-
- // NEXTCAPTION BACKCORNER CHANGES
- nextcaption.find('.backcornertop').css({
- 'borderWidth':ncch+"px",
- 'right':(0-ncch)+'px',
- 'borderLeft':'0px solid transparent',
- 'borderTopColor':bgcol
- });
-
- }
-
-
- }
-
- if (opt.fullScreenAlignForce == "on") {
- //xbw = 1;
- //xbh = 1;
- offsetx=0;
- offsety=0;
- }
-
-
-
- if (nextcaption.data('voffset')==undefined) nextcaption.data('voffset',0);
- if (nextcaption.data('hoffset')==undefined) nextcaption.data('hoffset',0);
-
- var vofs= nextcaption.data('voffset')*xbw;
- var hofs= nextcaption.data('hoffset')*xbw;
-
- var crw = opt.startwidth*xbw;
- var crh = opt.startheight*xbw;
-
- if (opt.fullScreenAlignForce == "on") {
- crw = opt.container.width();
- crh = opt.container.height();
- }
-
-
-
- // CENTER THE CAPTION HORIZONTALLY
- if (nextcaption.data('x')=="center" || nextcaption.data('xcenter')=='center') {
- nextcaption.data('xcenter','center');
- //nextcaption.data('x',(crw/2 - nextcaption.outerWidth(true)/2)/xbw+ hofs);
- nextcaption.data('x',(crw/2 - nextcaption.outerWidth(true)/2) + hofs);
-
-
- }
-
- // ALIGN LEFT THE CAPTION HORIZONTALLY
- if (nextcaption.data('x')=="left" || nextcaption.data('xleft')=='left') {
- nextcaption.data('xleft','left');
-
- nextcaption.data('x',(0)/xbw+hofs);
-
- }
-
- // ALIGN RIGHT THE CAPTION HORIZONTALLY
- if (nextcaption.data('x')=="right" || nextcaption.data('xright')=='right') {
- nextcaption.data('xright','right');
- nextcaption.data('x',((crw - nextcaption.outerWidth(true))+hofs)/xbw);
- //konsole.log("crw:"+crw+" width:"+nextcaption.outerWidth(true)+" xbw:"+xbw);
- //konsole.log("x-pos:"+nextcaption.data('x'))
- }
-
-
- // CENTER THE CAPTION VERTICALLY
- if (nextcaption.data('y')=="center" || nextcaption.data('ycenter')=='center') {
- nextcaption.data('ycenter','center');
- nextcaption.data('y',(crh/2 - nextcaption.outerHeight(true)/2) + vofs);
- }
-
- // ALIGN TOP THE CAPTION VERTICALLY
- if (nextcaption.data('y')=="top" || nextcaption.data('ytop')=='top') {
- nextcaption.data('ytop','top');
- nextcaption.data('y',(0)/opt.bh+vofs);
-
- }
-
- // ALIGN BOTTOM THE CAPTION VERTICALLY
- if (nextcaption.data('y')=="bottom" || nextcaption.data('ybottom')=='bottom') {
- nextcaption.data('ybottom','bottom');
- nextcaption.data('y',((crh - nextcaption.outerHeight(true))+vofs)/xbw);
-
- }
-
-
-
- // THE TRANSITIONS OF CAPTIONS
- // MDELAY AND MSPEED
- if (nextcaption.data('start') == undefined) nextcaption.data('start',1000);
-
-
-
- var easedata=nextcaption.data('easing');
- if (easedata==undefined) easedata="Power1.easeOut";
-
-
- var mdelay = nextcaption.data('start')/1000;
- var mspeed = nextcaption.data('speed')/1000;
-
-
- if (nextcaption.data('x')=="center" || nextcaption.data('xcenter')=='center')
- var calcx = (nextcaption.data('x')+offsetx);
- else {
-
- var calcx = (xbw*nextcaption.data('x')+offsetx);
- }
-
-
- if (nextcaption.data('y')=="center" || nextcaption.data('ycenter')=='center')
- var calcy = (nextcaption.data('y')+offsety);
- else {
- //if (opt.fullScreenAlignForce == "on" && (nextcaption.data('y')=="bottom" || nextcaption.data('ybottom')=='bottom'))
- // opt.bh = 1;
-
- var calcy = (opt.bh*nextcaption.data('y')+offsety);
- }
-
-
-
-
- TweenLite.set(nextcaption,{top:calcy,left:calcx,overwrite:"auto"});
-
- if (!recalled) {
-
-
-
- // CLEAR THE TIMELINE, SINCE IT CAN BE DAMAGED, OR PAUSED AT A FEW PART
- if (nextcaption.data('timeline')!=undefined)
- nextcaption.data('timeline').clear();
-
- // MAKE SURE THE ANIMATION ENDS WITH A CLEANING ON MOZ TRANSFORMS
- function animcompleted() {
- setTimeout(function() {
- nextcaption.css({transform:"none",'-moz-transform':'none','-webkit-transform':'none'});
- },100)
- }
-
-
- function tlstart() {
- nextcaption.data('timer',setTimeout(function() {
- if (nextcaption.hasClass("fullscreenvideo"))
- nextcaption.css({'display':'block'});
-
- },nextcaption.data('start')));
- }
-
- var tl = new TimelineLite({smoothChildTiming:true,onStart:tlstart});
-
-
-
- if (opt.fullScreenAlignForce == "on") {
- //calcy = nextcaption.data('y')+offsety;
- }
-
- var animobject = nextcaption;
- if (nextcaption.data('mySplitText') !=undefined) nextcaption.data('mySplitText').revert();
-
-
- if (nextcaption.data('splitin') == "chars" || nextcaption.data('splitin') == "words" || nextcaption.data('splitin') == "lines" || nextcaption.data('splitout') == "chars" || nextcaption.data('splitout') == "words" || nextcaption.data('splitout') == "lines") {
- if (nextcaption.find('a').length>0)
- nextcaption.data('mySplitText',new SplitText(nextcaption.find('a'),{type:"lines,words,chars",charsClass:"tp-splitted",wordsClass:"tp-splitted",linesClass:"tp-splitted"}));
- else
- nextcaption.data('mySplitText',new SplitText(nextcaption,{type:"lines,words,chars",charsClass:"tp-splitted",wordsClass:"tp-splitted",linesClass:"tp-splitted"}));
-
- nextcaption.addClass("splitted");
- }
-
- if (nextcaption.data('splitin') == "chars")
- animobject = nextcaption.data('mySplitText').chars;
-
-
- if (nextcaption.data('splitin') == "words")
- animobject = nextcaption.data('mySplitText').words;
-
-
- if (nextcaption.data('splitin') == "lines")
- animobject = nextcaption.data('mySplitText').lines;
-
-
-
- var frm = newAnimObject();
- var endfrm = newAnimObject();
-
-
- if (nextcaption.data('repeat')!=undefined) repeatV = nextcaption.data('repeat');
- if (nextcaption.data('yoyo')!=undefined) yoyoV = nextcaption.data('yoyo');
- if (nextcaption.data('repeatdelay')!=undefined) repeatdelayV = nextcaption.data('repeatdelay');
-
- // WHICH ANIMATION TYPE SHOULD BE USED
- if (nextcaption.hasClass("customin")) frm = getAnimDatas(frm,nextcaption.data('customin'));
- else
- if (nextcaption.hasClass("randomrotate")) {
-
- frm.scale = Math.random()*3+1;
- frm.rotation = Math.round(Math.random()*200-100);
- frm.x = Math.round(Math.random()*200-100);
- frm.y = Math.round(Math.random()*200-100);
- }
- else
- if (nextcaption.hasClass('lfr') || nextcaption.hasClass('skewfromright')) frm.x = 15+opt.width;
- else
- if (nextcaption.hasClass('lfl') || nextcaption.hasClass('skewfromleft')) frm.x = -15-imw;
- else
- if (nextcaption.hasClass('sfl') || nextcaption.hasClass('skewfromleftshort')) frm.x = -50;
- else
- if (nextcaption.hasClass('sfr') || nextcaption.hasClass('skewfromrightshort')) frm.x = 50;
- else
- if (nextcaption.hasClass('lft')) frm.y = -25 - imh;
- else
- if (nextcaption.hasClass('lfb')) frm.y = 25 + opt.height;
- else
- if (nextcaption.hasClass('sft')) frm.y = -50;
- else
- if (nextcaption.hasClass('sfb')) frm.y = 50;
-
-
- if (nextcaption.hasClass('skewfromright') || nextcaption.hasClass('skewfromrightshort')) frm.skewX = -85
- else
- if (nextcaption.hasClass('skewfromleft') || nextcaption.hasClass('skewfromleftshort')) frm.skewX = 85
-
-
- if (nextcaption.hasClass("fade") || nextcaption.hasClass('sft') || nextcaption.hasClass('sfl') || nextcaption.hasClass('sfb') || nextcaption.hasClass('skewfromleftshort') || nextcaption.hasClass('sfr') || nextcaption.hasClass('skewfromrightshort'))
- frm.opacity = 0;
-
- // FOR SAFARI WE NEED TO REMOVE 3D ROTATIONS
- if (get_browser().toLowerCase()=="safari") {
- frm.rotationX=0;frm.rotationY=0;
- }
-
- var elemdelay = (nextcaption.data('elementdelay') == undefined) ? 0 : nextcaption.data('elementdelay');
- endfrm.ease = frm.ease = (nextcaption.data('easing') == undefined) ? Power1.easeInOut : nextcaption.data('easing');
-
-
- // DISTANCES SHOULD BE RESIZED ALSO
-
- frm.data = new Object();
- frm.data.oldx = frm.x;
- frm.data.oldy = frm.y;
-
- endfrm.data = new Object();
- endfrm.data.oldx = endfrm.x;
- endfrm.data.oldy = endfrm.y;
-
- frm.x = frm.x * xbw;
- frm.y = frm.y * xbw;
-
- var newtl = new TimelineLite();
-
-
-
- // CHANGE to TweenLite. if Yoyo and Repeat is used. Dont forget to laod the Right Tools for it !!
- if (nextcaption.hasClass("customin")) {
- if (animobject != nextcaption)
- tl.add(TweenLite.set(nextcaption, { opacity:1,scaleX:1,scaleY:1,rotationX:0,rotationY:0,rotationZ:0,skewX:0,skewY:0,z:0,x:0,y:0,visibility:'visible',opacity:1,delay:0,overwrite:"all"}));
- frm.visibility = "hidden";
- endfrm.visibility = "visible";
- endfrm.overwrite = "all";
- endfrm.opacity = 1;
- endfrm.onComplete = animcompleted();
- endfrm.delay = mdelay;
-
- tl.add(newtl.staggerFromTo(animobject,mspeed,frm,endfrm,elemdelay),"frame0");
-
- } else {
-
- frm.visibility = "visible";
- frm.transformPerspective = 600;
- if (animobject != nextcaption)
- tl.add(TweenLite.set(nextcaption, { opacity:1,scaleX:1,scaleY:1,rotationX:0,rotationY:0,rotationZ:0,skewX:0,skewY:0,z:0,x:0,y:0,visibility:'visible',opacity:1,delay:0,overwrite:"all"}));
-
- endfrm.visibility = "visible";
- endfrm.delay = mdelay;
- endfrm.onComplete = animcompleted();
- endfrm.opacity = 1;
- if (nextcaption.hasClass("randomrotate") && animobject != nextcaption) {
-
- for (var i=0;i0) {
- var params = getAnimSteps(spframe);
-
- addMoveCaption(nextcaption,opt,params,"frame"+(index+10),xbw)
-
- }
- })
- } // END OF ANIMATION STEPS
-
- tl = nextcaption.data('timeline');
-
- // IF THERE IS ANY EXIT ANIM DEFINED
- if (nextcaption.data('end')!=undefined) {
-
- endMoveCaption(nextcaption,opt,nextcaption.data('end')/1000,frm,"frame99",xbw);
- } else {
- endMoveCaption(nextcaption,opt,999999,frm,"frame99",xbw);
- }
-
- // SAVE THE TIMELINE IN DOM ELEMENT
- tl = nextcaption.data('timeline');
- nextcaption.data('timeline',tl);
-
- // SOME LOOPING ANIMATION ON INTERNAL ELEMENTS
- nextcaption.find('.rs-pendulum').each(function() {
- var el = jQuery(this);
- if (el.data('timeline')==undefined) {
- el.data('timeline',new TimelineLite);
- var startdeg = el.data('startdeg')==undefined ? -20 : el.data('startdeg'),
- enddeg = el.data('enddeg')==undefined ? 20 : el.data('enddeg');
- speed = el.data('speed')==undefined ? 2 : el.data('speed'),
- origin = el.data('origin')==undefined ? "50% 50%" : el.data('origin'),
- easing = el.data('ease')==undefined ? Power2.easeInOut : el.data('ease');
- el.data('timeline').append(new TweenLite.fromTo(el,speed,{rotation:startdeg,transformOrigin:origin},{rotation:enddeg,ease:easing}));
- el.data('timeline').append(new TweenLite.fromTo(el,speed,{rotation:enddeg,transformOrigin:origin},{rotation:startdeg,ease:easing,onComplete:function() {
- el.data('timeline').restart();
- }}));
- }
-
- })
-
- // SOME LOOPING ANIMATION ON INTERNAL ELEMENTS
- nextcaption.find('.rs-slideloop').each(function() {
- var el = jQuery(this);
- if (el.data('timeline')==undefined) {
- el.data('timeline',new TimelineLite);
- var xs = el.data('xs')==undefined ? 0 : el.data('xs'),
- ys = el.data('ys')==undefined ? 0 : el.data('ys');
- xe = el.data('xe')==undefined ? 0 : el.data('xe'),
- ye = el.data('ye')==undefined ? 0 : el.data('ye'),
- speed = el.data('speed')==undefined ? 2 : el.data('speed'),
- easing = el.data('ease')==undefined ? Power2.easeInOut : el.data('ease');
- el.data('timeline').append(new TweenLite.fromTo(el,speed,{x:xs,y:ys},{x:xe,y:ye,ease:easing}));
- el.data('timeline').append(new TweenLite.fromTo(el,speed,{x:xe,y:ye},{x:xs,y:ys,onComplete:function() {
- el.data('timeline').restart();
- }}));
- }
-
- })
-
- // SOME LOOPING ANIMATION ON INTERNAL ELEMENTS
- nextcaption.find('.rs-pulse').each(function() {
- var el = jQuery(this);
- if (el.data('timeline')==undefined) {
- el.data('timeline',new TimelineLite);
- var zoomstart = el.data('zoomstart')==undefined ? 0 : el.data('zoomstart'),
- zoomend = el.data('zoomend')==undefined ? 0 : el.data('zoomend');
- speed = el.data('speed')==undefined ? 2 : el.data('speed'),
- easing = el.data('ease')==undefined ? Power2.easeInOut : el.data('ease');
- el.data('timeline').append(new TweenLite.fromTo(el,speed,{scale:zoomstart},{scale:zoomend,ease:easing}));
- el.data('timeline').append(new TweenLite.fromTo(el,speed,{scale:zoomend},{scale:zoomstart,onComplete:function() {
- el.data('timeline').restart();
- }}));
- }
-
- })
-
- nextcaption.find('.rs-wave').each(function() {
- var el = jQuery(this);
- if (el.data('timeline')==undefined) {
- el.data('timeline',new TimelineLite);
-
- var angle= el.data('angle')==undefined ? 10 : el.data('angle'),
- radius = el.data('radius')==undefined ? 10 : el.data('radius'),
- speed = el.data('speed')==undefined ? -20 : el.data('speed'),
- origin = el.data('origin')==undefined ? -20 : el.data('origin'),
- angobj = {a:0, ang : angle, element:el, unit:radius};
-
- el.data('timeline').append(new TweenLite.fromTo(angobj,speed,
- { a:360 },
- { a:0,
- ease:Linear.easeNone,
- onUpdate:function() {
-
- var rad = angobj.a * (Math.PI / 180);
- TweenLite.to(angobj.element,0.1,{x:Math.cos(rad) * angobj.unit, y:angobj.unit * (1 - Math.sin(rad))});
-
- },
- onComplete:function() {
- el.data('timeline').restart();
- }
- }
- ));
- }
-
- })
-
- }
- }
-
- if (recalled) {
- if (nextcaption.data('timeline') != undefined) {
- var tweens = nextcaption.data('timeline').getTweensOf();
- jQuery.each(tweens,function(index,tween) {
- if (tween.vars.data != undefined) {
- var newx = tween.vars.data.oldx * xbw;
- var newy = tween.vars.data.oldy * xbw;
- if (tween.progress() !=1 && tween.progress()!=0) {
- try{
- //tween.updateTo({x:newx, y:newy},true);
- tween.vars.x = newx;
- tween.vary.y = newy;
- } catch(e) {
-
- }
- } else {
- if (tween.progress()==1) {
- TweenLite.set(tween.target,{x:newx,y:newy});
- }
- }
- }
- })
- }
- }
- })
-
- var bt=jQuery('body').find('#'+opt.container.attr('id')).find('.tp-bannertimer');
- bt.data('opt',opt);
-
-
- }
-
-
- function get_browser(){
- var N=navigator.appName, ua=navigator.userAgent, tem;
- var M=ua.match(/(opera|chrome|safari|firefox|msie)\/?\s*(\.?\d+(\.\d+)*)/i);
- if(M && (tem= ua.match(/version\/([\.\d]+)/i))!= null) M[2]= tem[1];
- M=M? [M[1], M[2]]: [N, navigator.appVersion, '-?'];
- return M[0];
- }
- function get_browser_version(){
- var N=navigator.appName, ua=navigator.userAgent, tem;
- var M=ua.match(/(opera|chrome|safari|firefox|msie)\/?\s*(\.?\d+(\.\d+)*)/i);
- if(M && (tem= ua.match(/version\/([\.\d]+)/i))!= null) M[2]= tem[1];
- M=M? [M[1], M[2]]: [N, navigator.appVersion, '-?'];
- return M[1];
- }
-
- /////////////////////////////////////////////////////////////////
- // - CALCULATE THE RESPONSIVE SIZES OF THE CAPTIONS - //
- /////////////////////////////////////////////////////////////////
- function calcCaptionResponsive(nc,opt) {
- if (nc.data('fsize') == undefined) nc.data('fsize',parseInt(nc.css('font-size'),0) || 0);
- if (nc.data('pt') == undefined) nc.data('pt',parseInt(nc.css('paddingTop'),0) || 0);
- if (nc.data('pb') == undefined) nc.data('pb',parseInt(nc.css('paddingBottom'),0) || 0);
- if (nc.data('pl') == undefined) nc.data('pl',parseInt(nc.css('paddingLeft'),0) || 0);
- if (nc.data('pr') == undefined) nc.data('pr',parseInt(nc.css('paddingRight'),0) || 0);
-
- if (nc.data('mt') == undefined) nc.data('mt',parseInt(nc.css('marginTop'),0) || 0);
- if (nc.data('mb') == undefined) nc.data('mb',parseInt(nc.css('marginBottom'),0) || 0);
- if (nc.data('ml') == undefined) nc.data('ml',parseInt(nc.css('marginLeft'),0) || 0);
- if (nc.data('mr') == undefined) nc.data('mr',parseInt(nc.css('marginRight'),0) || 0);
-
- if (nc.data('bt') == undefined) nc.data('bt',parseInt(nc.css('borderTopWidth'),0) || 0);
- if (nc.data('bb') == undefined) nc.data('bb',parseInt(nc.css('borderBottomWidth'),0) || 0);
- if (nc.data('bl') == undefined) nc.data('bl',parseInt(nc.css('borderLeftWidth'),0) || 0);
- if (nc.data('br') == undefined) nc.data('br',parseInt(nc.css('borderRightWidth'),0) || 0);
-
- if (nc.data('ls') == undefined) nc.data('ls',parseInt(nc.css('letterSpacing'),0) || 0);
-
- if (nc.data('lh') == undefined) nc.data('lh',parseInt(nc.css('lineHeight'),0) || 0);
- if (nc.data('minwidth') == undefined) nc.data('minwidth',parseInt(nc.css('minWidth'),0) || 0);
- if (nc.data('minheight') == undefined) nc.data('minheight',parseInt(nc.css('minHeight'),0) || 0);
- if (nc.data('maxwidth') == undefined) nc.data('maxwidth',parseInt(nc.css('maxWidth'),0) || "none");
- if (nc.data('maxheight') == undefined) nc.data('maxheight',parseInt(nc.css('maxHeight'),0) || "none");
-
- if (nc.data('wan') == undefined) nc.data('wan',nc.css("-webkit-transition"));
- if (nc.data('moan') == undefined) nc.data('moan',nc.css("-moz-animation-transition"));
- if (nc.data('man') == undefined) nc.data('man',nc.css("-ms-animation-transition"));
- if (nc.data('ani') == undefined) nc.data('ani',nc.css("transition"));
-
-
-
-
-
- if (!nc.hasClass("tp-splitted")) {
-
-
- nc.css("-webkit-transition", "none");
- nc.css("-moz-transition", "none");
- nc.css("-ms-transition", "none");
- nc.css("transition", "none");
-
- TweenLite.set(nc,{
- fontSize: Math.round((nc.data('fsize') * opt.bw))+"px",
-
- letterSpacing:Math.floor((nc.data('ls') * opt.bw))+"px",
-
- paddingTop: Math.round((nc.data('pt') * opt.bh)) + "px",
- paddingBottom: Math.round((nc.data('pb') * opt.bh)) + "px",
- paddingLeft: Math.round((nc.data('pl') * opt.bw)) + "px",
- paddingRight: Math.round((nc.data('pr') * opt.bw)) + "px",
-
- marginTop: (nc.data('mt') * opt.bh) + "px",
- marginBottom: (nc.data('mb') * opt.bh) + "px",
- marginLeft: (nc.data('ml') * opt.bw) + "px",
- marginRight: (nc.data('mr') * opt.bw) + "px",
-
- borderTopWidth: Math.round((nc.data('bt') * opt.bh)) + "px",
- borderBottomWidth: Math.round((nc.data('bb') * opt.bh)) + "px",
- borderLeftWidth: Math.round((nc.data('bl') * opt.bw)) + "px",
- borderRightWidth: Math.round((nc.data('br') * opt.bw)) + "px",
-
- lineHeight: Math.round((nc.data('lh') * opt.bh)) + "px",
- minWidth:(nc.data('minwidth') * opt.bw) + "px",
- minHeight:(nc.data('minheight') * opt.bh) + "px",
- overwrite:"auto"
- });
- setTimeout(function() {
- nc.css("-webkit-transition", nc.data('wan'));
- nc.css("-moz-transition", nc.data('moan'));
- nc.css("-ms-transition", nc.data('man'));
- nc.css("transition", nc.data('ani'));
-
- },30);
-
- //konsole.log(nc.data('maxwidth')+" "+nc.data('maxheight'));
- if (nc.data('maxheight')!='none')
- nc.css({'maxHeight':(nc.data('maxheight') * opt.bh) + "px"});
-
-
- if (nc.data('maxwidth')!='none')
- nc.css({'maxWidth':(nc.data('maxwidth') * opt.bw) + "px"});
- }
- }
-
-
- //////////////////////////
- // REMOVE THE CAPTIONS //
- /////////////////////////
- function removeTheCaptions(actli,opt) {
-
-
- actli.find('.tp-caption').each(function(i) {
- var nextcaption=jQuery(this); //actli.find('.tp-caption:eq('+i+')');
-
- if (nextcaption.find('iframe').length>0) {
- // VIMEO VIDEO PAUSE
- try {
- var ifr = nextcaption.find('iframe');
- var id = ifr.attr('id');
- var froogaloop = $f(id);
- froogaloop.api("pause");
- clearTimeout(nextcaption.data('timerplay'));
- } catch(e) {}
- //YOU TUBE PAUSE
- try {
- var player=nextcaption.data('player');
- player.stopVideo();
- clearTimeout(nextcaption.data('timerplay'));
- } catch(e) {}
- }
-
- // IF HTML5 VIDEO IS EMBEDED
- if (nextcaption.find('video').length>0) {
- try{
- nextcaption.find('video').each(function(i) {
- var html5vid = jQuery(this).parent();
- var videoID =html5vid.attr('id');
- clearTimeout(html5vid.data('timerplay'));
- var video = this;
- video.pause();
- })
- }catch(e) {}
- } // END OF VIDEO JS FUNCTIONS
- try {
-
- //var tl = TimelineLite.exportRoot();
- var tl = nextcaption.data('timeline');
- var endstarts = tl.getLabelTime("frame99");
- var curtime = tl.time();
- if (endstarts>curtime) {
-
- // WE NEED TO STOP ALL OTHER NIMATIONS
- var tweens = tl.getTweensOf(nextcaption);
- jQuery.each(tweens,function(index,tw) {
-
- if (index!=0)
- tw.pause();
- });
- if (nextcaption.css('opacity')!=0)
- tl.play("frame99");
- else
- tl.progress(1,false);
- }
-
- } catch(e) {}
-
-
-
- });
- }
-
- //////////////////////////////
- // MOVE THE CAPTIONS //
- ////////////////////////////
- function addMoveCaption(nextcaption,opt,params,frame,downscale) {
- var tl = nextcaption.data('timeline');
-
- var newtl = new TimelineLite();
-
- var animobject = nextcaption;
-
- if (params.typ == "chars") animobject = nextcaption.data('mySplitText').chars;
- else
- if (params.typ == "words") animobject = nextcaption.data('mySplitText').words;
- else
- if (params.typ == "lines") animobject = nextcaption.data('mySplitText').lines;
- params.animation.ease = params.ease;
-
- if (params.animation.rotationZ !=undefined) params.animation.rotation = params.animation.rotationZ;
- params.animation.data = new Object();
- params.animation.data.oldx = params.animation.x;
- params.animation.data.oldy = params.animation.y;
-
- params.animation.x = params.animation.x * downscale;
- params.animation.y = params.animation.y * downscale;
-
-
- tl.add(newtl.staggerTo(animobject,params.speed,params.animation,params.elementdelay),params.start);
- tl.addLabel(frame,params.start);
-
- nextcaption.data('timeline',tl);
-
- }
- //////////////////////////////
- // MOVE OUT THE CAPTIONS //
- ////////////////////////////
- function endMoveCaption(nextcaption,opt,mdelay,backwards,frame,downscale) {
-
- var tl = nextcaption.data('timeline');
- var newtl = new TimelineLite();
-
- var frm = newAnimObject();
- var mspeed= (nextcaption.data('endspeed') == undefined) ? nextcaption.data('speed') : nextcaption.data('endspeed');
- frm.ease = (nextcaption.data('endeasing') == undefined) ? Power1.easeInOut : nextcaption.data('endeasing');
-
- mspeed = mspeed/1000;
-
-
- if (nextcaption.hasClass('ltr') ||
- nextcaption.hasClass('ltl') ||
- nextcaption.hasClass('str') ||
- nextcaption.hasClass('stl') ||
- nextcaption.hasClass('ltt') ||
- nextcaption.hasClass('ltb') ||
- nextcaption.hasClass('stt') ||
- nextcaption.hasClass('stb') ||
- nextcaption.hasClass('skewtoright') ||
- nextcaption.hasClass('skewtorightshort') ||
- nextcaption.hasClass('skewtoleft') ||
- nextcaption.hasClass('skewtoleftshort') ||
- nextcaption.hasClass('fadeout') ||
- nextcaption.hasClass("randomrotateout"))
- {
-
- if (nextcaption.hasClass('skewtoright') || nextcaption.hasClass('skewtorightshort')) frm.skewX = 35
- else
- if (nextcaption.hasClass('skewtoleft') || nextcaption.hasClass('skewtoleftshort')) frm.skewX = -35
-
-
- if (nextcaption.hasClass('ltr') || nextcaption.hasClass('skewtoright'))
- frm.x=opt.width+60;
- else if (nextcaption.hasClass('ltl') || nextcaption.hasClass('skewtoleft'))
- frm.x=0-(opt.width+60);
- else if (nextcaption.hasClass('ltt'))
- frm.y=0-(opt.height+60);
- else if (nextcaption.hasClass('ltb'))
- frm.y=opt.height+60;
- else if (nextcaption.hasClass('str') || nextcaption.hasClass('skewtorightshort')) {
- frm.x=50;frm.opacity=0;
- } else if (nextcaption.hasClass('stl') || nextcaption.hasClass('skewtoleftshort')) {
- frm.x=-50;frm.opacity=0;
- } else if (nextcaption.hasClass('stt')) {
- frm.y=-50;frm.opacity=0;
- } else if (nextcaption.hasClass('stb')) {
- frm.y=50;frm.opacity=0;
- } else if (nextcaption.hasClass("randomrotateout")) {
- frm.x = Math.random()*opt.width;
- frm.y = Math.random()*opt.height;
- frm.scale = Math.random()*2+0.3;
- frm.rotation = Math.random()*360-180;
- frm.opacity = 0;
- } else if (nextcaption.hasClass('fadeout')) {
- frm.opacity = 0;
- }
-
- if (nextcaption.hasClass('skewtorightshort')) frm.x = 270;
- else
- if (nextcaption.hasClass('skewtoleftshort')) frm.x = -270
- frm.data = new Object();
- frm.data.oldx = frm.x;
- frm.data.oldy = frm.y;
- frm.x = frm.x * downscale;
- frm.y = frm.y * downscale;
-
- frm.overwrite="auto";
- var animobject = nextcaption;
- var animobject = nextcaption;
- if (nextcaption.data('splitout') == "chars") animobject = nextcaption.data('mySplitText').chars;
- else
- if (nextcaption.data('splitout') == "words") animobject = nextcaption.data('mySplitText').words;
- else
- if (nextcaption.data('splitout') == "lines") animobject = nextcaption.data('mySplitText').lines;
- var elemdelay = (nextcaption.data('endelementdelay') == undefined) ? 0 : nextcaption.data('endelementdelay');
- //tl.add(TweenLite.to(nextcaption,mspeed,frm),mdelay);
- tl.add(newtl.staggerTo(animobject,mspeed,frm,elemdelay),mdelay);
-
- }
-
- else
-
- if (nextcaption.hasClass("customout")) {
-
- frm = getAnimDatas(frm,nextcaption.data('customout'));
- var animobject = nextcaption;
- if (nextcaption.data('splitout') == "chars") animobject = nextcaption.data('mySplitText').chars;
- else
- if (nextcaption.data('splitout') == "words") animobject = nextcaption.data('mySplitText').words;
- else
- if (nextcaption.data('splitout') == "lines") animobject = nextcaption.data('mySplitText').lines;
-
- var elemdelay = (nextcaption.data('endelementdelay') == undefined) ? 0 : nextcaption.data('endelementdelay');
- frm.onStart = function() {
-
- TweenLite.set(nextcaption,{
- transformPerspective:frm.transformPerspective,
- transformOrigin:frm.transformOrigin,
- overwrite:"auto"
- });
- }
-
- frm.data = new Object();
- frm.data.oldx = frm.x;
- frm.data.oldy = frm.y;
-
- frm.x = frm.x * downscale;
- frm.y = frm.y * downscale;
-
- tl.add(newtl.staggerTo(animobject,mspeed,frm,elemdelay),mdelay);
- }
-
- else {
- backwards.delay = 0;
- tl.add(TweenLite.to(nextcaption,mspeed,backwards),mdelay);
- }
-
-
- tl.addLabel(frame,mdelay);
- nextcaption.data('timeline',tl);
- }
-
- ///////////////////////////
- // REMOVE THE LISTENERS //
- ///////////////////////////
- function removeAllListeners(container,opt) {
- container.children().each(function() {
- try{ jQuery(this).die('click'); } catch(e) {}
- try{ jQuery(this).die('mouseenter');} catch(e) {}
- try{ jQuery(this).die('mouseleave');} catch(e) {}
- try{ jQuery(this).unbind('hover');} catch(e) {}
- })
- try{ container.die('click','mouseenter','mouseleave');} catch(e) {}
- clearInterval(opt.cdint);
- container=null;
-
-
-
- }
-
- ///////////////////////////
- // - COUNTDOWN - //
- /////////////////////////
- function countDown(container,opt) {
- opt.cd=0;
- opt.loop=0;
- if (opt.stopAfterLoops!=undefined && opt.stopAfterLoops>-1)
- opt.looptogo=opt.stopAfterLoops;
- else
- opt.looptogo=9999999;
-
- if (opt.stopAtSlide!=undefined && opt.stopAtSlide>-1)
- opt.lastslidetoshow=opt.stopAtSlide;
- else
- opt.lastslidetoshow=999;
-
- opt.stopLoop="off";
-
- if (opt.looptogo==0) opt.stopLoop="on";
-
-
- if (opt.slideamount >1 && !(opt.stopAfterLoops==0 && opt.stopAtSlide==1) ) {
- var bt=container.find('.tp-bannertimer');
-
-
- // LISTENERS //container.trigger('stoptimer');
- container.on('stoptimer',function() {
- bt.data('tween').pause();
- if (opt.hideTimerBar=="on") bt.css({visibility:"hidden"});
-
- });
- container.on('starttimer',function() {
- if (opt.conthover!=1 && opt.videoplaying!=true && opt.width>opt.hideSliderAtLimit && opt.bannertimeronpause != true && opt.overnav !=true)
- if (opt.stopLoop=="on" && opt.next==opt.lastslidetoshow-1)
- {
- // NOTHING
- }
- else {
- bt.css({visibility:"visible"});
- bt.data('tween').play();
- }
-
- if (opt.hideTimerBar=="on") bt.css({visibility:"hidden"});
- });
- container.on('restarttimer',function() {
- if (opt.stopLoop=="on" && opt.next==opt.lastslidetoshow-1)
- {
- // NOTHING
- }
- else {
- bt.css({visibility:"visible"});
- bt.data('tween',TweenLite.fromTo(bt,opt.delay/1000,{width:"0%"},{width:"100%",ease:Linear.easeNone,onComplete:countDownNext,delay:1}));
-
- }
- if (opt.hideTimerBar=="on") bt.css({visibility:"hidden"});
- });
-
- container.on('nulltimer',function() {
-
- bt.data('tween').pause(0);
- if (opt.hideTimerBar=="on") bt.css({visibility:"hidden"});
-
- });
-
-
-
- function countDownNext() {
- if (jQuery('body').find(container).length==0) {
- removeAllListeners(container,opt);
- clearInterval(opt.cdint);
- }
-
- //STATE OF API CHANGED -> MOVE TO AIP BETTER
- if (container.data('conthover-changed') == 1) {
- opt.conthover= container.data('conthover');
- container.data('conthover-changed',0);
- }
-
- // SWAP TO NEXT BANNER
- opt.act=opt.next;
- opt.next=opt.next+1;
- if (opt.next>container.find('>ul >li').length-1) {
- opt.next=0;
- opt.looptogo=opt.looptogo-1;
-
- if (opt.looptogo<=0) {
- opt.stopLoop="on";
-
- }
- }
-
- // STOP TIMER IF NO LOOP NO MORE NEEDED.
-
- if (opt.stopLoop=="on" && opt.next==opt.lastslidetoshow-1) {
- container.find('.tp-bannertimer').css({'visibility':'hidden'});
- container.trigger('revolution.slide.onstop');
- } else {
- bt.data('tween').restart();
- }
-
- // SWAP THE SLIDES
- swapSlide(container,opt);
-
- }
-
- bt.data('tween',TweenLite.fromTo(bt,opt.delay/1000,{width:"0%"},{width:"100%",ease:Linear.easeNone,onComplete:countDownNext,delay:1}));
- bt.data('opt',opt);
-
-
- container.hover(
- function() {
-
- if (opt.onHoverStop=="on" && (!is_mobile())) {
- container.trigger('stoptimer');
-
- container.trigger('revolution.slide.onpause');
- var nextsh = container.find('>ul >li:eq('+opt.next+') .slotholder');
- nextsh.find('.defaultimg').each(function() {
- var dimg = jQuery(this);
- if (dimg.data('kenburn')!=undefined) {
- dimg.data('kenburn').pause();
- }
- });
- }
- },
- function() {
- if (container.data('conthover')!=1) {
- container.trigger('revolution.slide.onresume');
- container.trigger('starttimer');
-
- var nextsh = container.find('>ul >li:eq('+opt.next+') .slotholder');
- nextsh.find('.defaultimg').each(function() {
- var dimg = jQuery(this);
- if (dimg.data('kenburn')!=undefined) {
- dimg.data('kenburn').play();
- }
- });
- }
- });
- }
- }
-
-
-
-})(jQuery);
-
-
-// SOME ERROR MESSAGES IN CASE THE PLUGIN CAN NOT BE LOADED
-function revslider_showDoubleJqueryError(sliderID) {
- var errorMessage = "Revolution Slider Error: You have some jquery.js library include that comes after the revolution files js include.";
- errorMessage += " This includes make eliminates the revolution slider libraries, and make it not work.";
- errorMessage += "
To fix it you can: 1. In the Slider Settings -> Troubleshooting set option: Put JS Includes To Body option to true.";
- errorMessage += " 2. Find the double jquery.js include and remove it.";
- errorMessage = "" + errorMessage + ""
- jQuery(sliderID).show().html(errorMessage);
-}
-
-/*!
- * VERSION: beta 0.2.3
- * DATE: 2013-07-10
- * UPDATES AND DOCS AT: http://www.greensock.com
- *
- * @license Copyright (c) 2008-2013, GreenSock. All rights reserved.
- * SplitText is a Club GreenSock membership benefit; You must have a valid membership to use
- * this code without violating the terms of use. Visit http://www.greensock.com/club/ to sign up or get more details.
- * This work is subject to the software agreement that was issued with your membership.
- *
- * @author: Jack Doyle, jack@greensock.com
- */
-(function(t){"use strict";var e=t.GreenSockGlobals||t,i=function(t){var i,s=t.split("."),r=e;for(i=0;s.length>i;i++)r[s[i]]=r=r[s[i]]||{};return r},s=i("com.greensock.utils"),r=function(t){var e=t.nodeType,i="";if(1===e||9===e||11===e){if("string"==typeof t.textContent)return t.textContent;for(t=t.firstChild;t;t=t.nextSibling)i+=r(t)}else if(3===e||4===e)return t.nodeValue;return i},n=document,a=n.defaultView?n.defaultView.getComputedStyle:function(){},o=/([A-Z])/g,h=function(t,e,i,s){var r;return(i=i||a(t,null))?(t=i.getPropertyValue(e.replace(o,"-$1").toLowerCase()),r=t||i.length?t:i[e]):t.currentStyle&&(i=t.currentStyle,r=i[e]),s?r:parseInt(r,10)||0},l=function(t){return t.length&&t[0]&&(t[0].nodeType&&t[0].style&&!t.nodeType||t[0].length&&t[0][0])?!0:!1},_=function(t){var e,i,s,r=[],n=t.length;for(e=0;n>e;e++)if(i=t[e],l(i))for(s=i.length,s=0;i.length>s;s++)r.push(i[s]);else r.push(i);return r},u=")eefec303079ad17405c",c=/(?: || )/gi,p=n.all&&!n.addEventListener,f="
":">")}},d=s.SplitText=e.SplitText=function(t,e){if("string"==typeof t&&(t=d.selector(t)),!t)throw"cannot split a null element.";this.elements=l(t)?_(t):[t],this.chars=[],this.words=[],this.lines=[],this._originals=[],this.vars=e||{},this.split(e)},g=function(t,e,i,s,o){c.test(t.innerHTML)&&(t.innerHTML=t.innerHTML.replace(c,u));var l,_,p,f,d,g,v,y,T,w,b,x,P,S=r(t),C=e.type||e.split||"chars,words,lines",k=-1!==C.indexOf("lines")?[]:null,R=-1!==C.indexOf("words"),A=-1!==C.indexOf("chars"),D="absolute"===e.position||e.absolute===!0,O=D?" ":" ",M=-999,L=a(t),I=h(t,"paddingLeft",L),E=h(t,"borderBottomWidth",L)+h(t,"borderTopWidth",L),N=h(t,"borderLeftWidth",L)+h(t,"borderRightWidth",L),F=h(t,"paddingTop",L)+h(t,"paddingBottom",L),U=h(t,"paddingLeft",L)+h(t,"paddingRight",L),X=h(t,"textAlign",L,!0),z=t.clientHeight,B=t.clientWidth,j=S.length,Y="
",q=m(e.wordsClass),V=m(e.charsClass),Q=-1!==(e.linesClass||"").indexOf("++"),G=e.linesClass;for(Q&&(G=G.split("++").join("")),p=q(),f=0;j>f;f++)g=S.charAt(f),")"===g&&S.substr(f,20)===u?(p+=Y+" ",f!==j-1&&(p+=" "+q()),f+=19):" "===g&&" "!==S.charAt(f-1)&&f!==j-1?(p+=Y,f!==j-1&&(p+=O+q())):p+=A&&" "!==g?V()+g+"":g;for(t.innerHTML=p+Y,d=t.getElementsByTagName("*"),j=d.length,v=[],f=0;j>f;f++)v[f]=d[f];if(k||D)for(f=0;j>f;f++)y=v[f],_=y.parentNode===t,(_||D||A&&!R)&&(T=y.offsetTop,k&&_&&T!==M&&"BR"!==y.nodeName&&(l=[],k.push(l),M=T),D&&(y._x=y.offsetLeft,y._y=T,y._w=y.offsetWidth,y._h=y.offsetHeight),k&&(R!==_&&A||(l.push(y),y._x-=I),_&&f&&(v[f-1]._wordEnd=!0)));for(f=0;j>f;f++)y=v[f],_=y.parentNode===t,"BR"!==y.nodeName?(D&&(b=y.style,R||_||(y._x+=y.parentNode._x,y._y+=y.parentNode._y),b.left=y._x+"px",b.top=y._y+"px",b.position="absolute",b.display="block",b.width=y._w+1+"px",b.height=y._h+"px"),R?_?s.push(y):A&&i.push(y):_?(t.removeChild(y),v.splice(f--,1),j--):!_&&A&&(T=!k&&!D&&y.nextSibling,t.appendChild(y),T||t.appendChild(n.createTextNode(" ")),i.push(y))):k||D?(t.removeChild(y),v.splice(f--,1),j--):R||t.appendChild(y);if(k){for(D&&(w=n.createElement("div"),t.appendChild(w),x=w.offsetWidth+"px",T=w.offsetParent===t?0:t.offsetLeft,t.removeChild(w)),b=t.style.cssText,t.style.cssText="display:none;";t.firstChild;)t.removeChild(t.firstChild);for(P=!D||!R&&!A,f=0;k.length>f;f++){for(l=k[f],w=n.createElement("div"),w.style.cssText="display:block;text-align:"+X+";position:"+(D?"absolute;":"relative;"),G&&(w.className=G+(Q?f+1:"")),o.push(w),j=l.length,d=0;j>d;d++)"BR"!==l[d].nodeName&&(y=l[d],w.appendChild(y),P&&(y._wordEnd||R)&&w.appendChild(n.createTextNode(" ")),D&&(0===d&&(w.style.top=y._y+"px",w.style.left=I+T+"px"),y.style.top="0px",T&&(y.style.left=y._x-T+"px")));R||A||(w.innerHTML=r(w).split(String.fromCharCode(160)).join(" ")),D&&(w.style.width=x,w.style.height=y._h+"px"),t.appendChild(w)}t.style.cssText=b}D&&(z>t.clientHeight&&(t.style.height=z-F+"px",z>t.clientHeight&&(t.style.height=z+E+"px")),B>t.clientWidth&&(t.style.width=B-U+"px",B>t.clientWidth&&(t.style.width=B+N+"px")))},v=d.prototype;v.split=function(t){this.isSplit&&this.revert(),this.vars=t||this.vars,this._originals.length=this.chars.length=this.words.length=this.lines.length=0;for(var e=0;this.elements.length>e;e++)this._originals[e]=this.elements[e].innerHTML,g(this.elements[e],this.vars,this.chars,this.words,this.lines);return this.isSplit=!0,this},v.revert=function(){if(!this._originals)throw"revert() call wasn't scoped properly.";for(var t=this._originals.length;--t>-1;)this.elements[t].innerHTML=this._originals[t];return this.chars=[],this.words=[],this.lines=[],this.isSplit=!1,this},d.selector=t.$||t.jQuery||function(e){return t.$?(d.selector=t.$,t.$(e)):n?n.getElementById("#"===e.charAt(0)?e.substr(1):e):e}})(window||{});
diff --git a/examples&sources/rs-plugin/js/jquery.themepunch.revolution.min.js b/examples&sources/rs-plugin/js/jquery.themepunch.revolution.min.js
deleted file mode 100644
index 433032d..0000000
--- a/examples&sources/rs-plugin/js/jquery.themepunch.revolution.min.js
+++ /dev/null
@@ -1,9 +0,0 @@
-
-/**************************************************************************
- * jquery.themepunch.revolution.js - jQuery Plugin for Revolution Slider
- * @version: 4.3.6 (16.04.2013)
- * @requires jQuery v1.7 or later (tested on 1.9)
- * @author ThemePunch
-**************************************************************************/
-
-function revslider_showDoubleJqueryError(e){var t="Revolution Slider Error: You have some jquery.js library include that comes after the revolution files js include.";t+=" This includes make eliminates the revolution slider libraries, and make it not work.";t+="
To fix it you can: 1. In the Slider Settings -> Troubleshooting set option: Put JS Includes To Body option to true.";t+=" 2. Find the double jquery.js include and remove it.";t=""+t+"";jQuery(e).show().html(t)}(function(e,t){function n(e){var t=[],n;var r=window.location.href.slice(window.location.href.indexOf(e)+1).split("_");for(var i=0;ie(window).width())e(".tp-bullets").css({display:"none"});else e(".tp-bullets").css({display:"block"})}}catch(s){}n.find(".defaultimg").each(function(t){g(e(this),i)});var o=n.parent();if(e(window).width()ul >li:eq("+i.act+") .slotholder");var f=n.find(">ul >li:eq("+i.next+") .slotholder");S(n,i);f.find(".defaultimg").css({opacity:0});a.find(".defaultimg").css({opacity:1});f.find(".defaultimg").each(function(){var r=e(this);if(r.data("kenburn")!=t){r.data("kenburn").restart();D(n,i,true)}});var l=n.find(">ul >li:eq("+i.next+")");J(l,i,true);m(n,i)}function s(){var e=["android","webos","iphone","ipad","blackberry","Android","webos",,"iPod","iPhone","iPad","Blackberry","BlackBerry"];var t=false;for(i in e){if(navigator.userAgent.split(e[i]).length>1){t=true}}return t}function o(t,n){var r=e('').appendTo(e("body"));r.html("");var i=r.find("a").length;r.remove();return i}function u(e,t){C(t,e)}function a(n,r){var i=n.parent();if(r.navigationType=="thumb"||r.navsecond=="both"){i.append('
-
-
-
- -- - -- - -
- Faster -- - -& -- - -More -- - -Powerful -- - -Slider Revolution is the highly acclaimed- - -
- 1000's -- - -Of Happy Users -- - -Rekord Breaking -- - -Sales on CodeCanyon -- - -A Professional Solution -- - -4.7/5 Stars -- - -- - -
- - - -
-
-
-
- INTRODUCING -- - --- - -BRAND NEW FEATURES -- - -animate -- - - - --- - -CHARACTERS -- - -SINGLE WORDS -- - -LINES -- - -Lorem ipsum dolor sit amet, consetetur- - -
-
-
-
- - - -
- - - -
- - - -
- - - -
- Caption Selection -- - -Custom Animation Editor -- - -With Live Preview -- - -With Style Preview -- - -Big -- - -Improvements --
-
- 
-
-
-
- - - -
- - - -
- - - -
- - - -
- - - -
- -- - -- - -
- - - -
- - - -
- - - -
- - - -
- Design -- - -& -- - -Create -- - -With Total Layer Control --
-
- 
- - - -
- - - -
- - - -
- - - -
- - - -
-
-
-
- Extensive Video Support -- - -Youtube -- - -Vimeo -- - -Self-Hosted HTML 5 -- - -Next Slide: Full Screen Video -- - -- - -
- --
-
- 
-
-
-
- 
-
-
- 
-
-
- 
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
- 
-
-
-
-