svn commit: r1787742 [42/49] - in /ofbiz/branches/ofbiz-new-webs
Locked
svn commit: r1787742 [42/49] - in /ofbiz/branches/ofbiz-new-webs
 
|
Added: ofbiz/branches/ofbiz-new-website/js-plugin/rs-plugin/js/jquery.themepunch.revolution.js
URL: http://svn.apache.org/viewvc/ofbiz/branches/ofbiz-new-website/js-plugin/rs-plugin/js/jquery.themepunch.revolution.js?rev=1787742&view=auto ============================================================================== --- ofbiz/branches/ofbiz-new-website/js-plugin/rs-plugin/js/jquery.themepunch.revolution.js (added) +++ ofbiz/branches/ofbiz-new-website/js-plugin/rs-plugin/js/jquery.themepunch.revolution.js Mon Mar 20 12:28:40 2017 @@ -0,0 +1,4368 @@ +/************************************************************************** + * jquery.themepunch.revolution.js - jQuery Plugin for kenburn Slider + * @version: 2.0 (13.11.2012) + * @requires jQuery v1.7 or later (tested on 1.8.2 already) + * @author Krisztian Horvath +**************************************************************************/ + + +(function($,undefined){ + + + //////////////////////////////////////// + // THE REVOLUTION PLUGIN STARTS HERE // + /////////////////////////////////////// + + $.fn.extend({ + + // OUR PLUGIN HERE :) + revolution: function(options) { + + + + //////////////////////////////// + // SET DEFAULT VALUES OF ITEM // + //////////////////////////////// + var defaults = { + delay:9000, + startheight:490, + startwidth:890, + + hideThumbs:200, + + thumbWidth:100, // Thumb With and Height and Amount (only if navigation Tyope set to thumb !) + thumbHeight:50, + thumbAmount:5, + + navigationType:"both", //bullet, thumb, none, both (No Thumbs In FullWidth Version !) + navigationArrows:"nexttobullets", //nexttobullets, verticalcentered, none + navigationStyle:"round", //round,square,navbar + + touchenabled:"on", // Enable Swipe Function : on/off + onHoverStop:"on", // Stop Banner Timet at Hover on Slide on/off + + navOffsetHorizontal:0, + navOffsetVertical:20, + + stopAtSlide:4, + stopAfterLoops:1, + shadow:1, + + stopLoop:"off", + + wrapper:'#sliderWrapperRS', + wrapperheight:432 + }; + + options = $.extend({}, defaults, options); + + + + + return this.each(function() { + + var opt=options; + var container=$(this); + + // CHECK IF FIREFOX 13 IS ON WAY.. IT HAS A STRANGE BUG, CSS ANIMATE SHOULD NOT BE USED + opt.firefox13 = ($.browser.mozilla) && (parseInt($.browser.version,0)==13 || parseInt($.browser.version,0)==14 || parseInt($.browser.version,0)==15 || parseInt($.browser.version,0)==16 ); + opt.ie = $.browser.msie && parseInt($.browser.version,0)<9; + opt.ie9 = $.browser.msie && parseInt($.browser.version,0)==9; + + // CHECK THE jQUERY VERSION + var version = $.fn.jquery.split('.'), + versionTop = parseFloat(version[0]), + versionMinor = parseFloat(version[1]), + versionIncrement = parseFloat(version[2] || '0'); + + if (versionTop==1 && versionMinor < 7) { + container.html('<div style="text-align:center; padding:40px 0px; font-size:20px; color:#992222;"> The Current Version of jQuery:'+version+' <br>Please update your jQuery Version to min. 1.7 in Case you wish to use the Revolution Slider Plugin</div>'); + } + + // Delegate .transition() calls to .animate() + // if the browser can't do CSS transitions. + if (!$.support.transition) + $.fn.transition = $.fn.animate; + + + + + $.cssEase['bounce'] = 'cubic-bezier(0,1,0.5,1.3)'; + + // CATCH THE CONTAINER + //var container=$(this); + //container.css({'display':'block'}); + + // LOAD THE YOUTUBE API IF NECESSARY + + container.find('.caption').each(function() { + $(this).addClass('tp-caption') + }); + container.find('.tp-caption iframe').each(function() { + try { + if ($(this).attr('src').indexOf('you')>0) { + + var s = document.createElement("script"); + s.src = "http://www.youtube.com/player_api"; /* Load Player API*/ + var before = document.getElementsByTagName("script")[0]; + before.parentNode.insertBefore(s, before); + } + } catch(e) {} + }); + + + + // LOAD THE VIMEO API + container.find('.tp-caption iframe').each(function() { + try{ + if ($(this).attr('src').indexOf('vim')>0) { + + var f = document.createElement("script"); + f.src = "http://a.vimeocdn.com/js/froogaloop2.min.js"; /* Load Player API*/ + var before = document.getElementsByTagName("script")[0]; + before.parentNode.insertBefore(f, before); + } + } catch(e) {} + }); + + // SHUFFLE MODE + if (opt.shuffle=="on") { + for (var u=0;u<container.find('>ul: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; + opt.origcd=opt.delay; + + opt.firststart=1; + + + + + + + // BASIC OFFSET POSITIONS OF THE BULLETS + if (opt.navOffsetHorizontal==undefined) opt.navOffsetHorizontal=0; + if (opt.navOffsetVertical==undefined) opt.navOffsetVertical=0; + + // SHORTWAY USAGE OF OFFSETS + opt.navOH = opt.navOffsetHorizontal; + opt.navOV = opt.navOffsetVertical; + + + + container.append('<div class="tp-loader"></div>'); + + // RESET THE TIMER + if (container.find('.tp-bannertimer').length==0) container.append('<div class="tp-bannertimer" style="visibility:hidden"></div>'); + 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; + //alert(opt.slideamount); + + // 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('<div class="tp-bannershadow tp-shadow'+opt.shadow+'"></div>'); + + container.parent().find('.tp-bannershadow').css({ + 'width':opt.width + }); + } + + + + // IF IMAGES HAS BEEN LOADED + container.waitForImages(function() { + // PREPARE THE SLIDES + prepareSlides(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); + swipeAction(container,opt); + + if (opt.hideThumbs>0) hideThumbs(container,opt); + + container.waitForImages(function() { + // START THE FIRST SLIDE + + container.find('.tp-loader').fadeOut(600); + setTimeout(function() { + swapSlide(container,opt); + // START COUNTDOWN + if (opt.slideamount >1) countDown(container,opt); + + $finalHeight = (opt.height > opt.wrapperheight)?opt.wrapperheight:opt.height; + $(opt.wrapper).animate({height: $finalHeight }, {duration: 700, queue: false}, function() {}); + + },600); + + }); + + + }); + + + // IF RESIZED, NEED TO STOP ACTUAL TRANSITION AND RESIZE ACTUAL IMAGES + $(window).resize(function() { + + if (container.outerWidth(true)!=opt.width) { + + containerResized(container,opt); + + } + }); + + + }) + }, + + + // METHODE PAUSE + revpause: function(options) { + + return this.each(function() { + var container=$(this); + container.data('conthover',1); + container.data('conthover-changed',1); + container.trigger('revolution.slide.onpause'); + var bt = container.parent().find('.tp-bannertimer'); + bt.stop(); + + }) + + + }, + + // METHODE RESUME + revresume: function(options) { + return this.each(function() { + var container=$(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'); + + bt.animate({ + 'width':"100%" + },{ + duration:((opt.delay-opt.cd)-100), + queue:false, + easing:"linear" + }); + }) + + }, + + // METHODE NEXT + revnext: function(options) { + return this.each(function() { + // CATCH THE CONTAINER + var container=$(this); + container.parent().find('.tp-rightarrow').click(); + + + }) + + }, + + // METHODE RESUME + revprev: function(options) { + return this.each(function() { + // CATCH THE CONTAINER + var container=$(this); + container.parent().find('.tp-leftarrow').click(); + }) + + }, + + // METHODE LENGTH + revmaxslide: function(options) { + // CATCH THE CONTAINER + return $(this).find('>ul:first-child >li').length; + }, + + // METHODE JUMP TO SLIDE + revshowslide: function(slide) { + return this.each(function() { + // CATCH THE CONTAINER + var container=$(this); + container.data('showus',slide); + container.parent().find('.tp-rightarrow').click(); + }) + + } + + + }) + + + ////////////////////////// + // CONTAINER RESIZED // + ///////////////////////// + function containerResized(container,opt) { + + + container.find('.defaultimg').each(function(i) { + + setSize($(this),opt); + + opt.height = Math.round(opt.startheight * (opt.width/opt.startwidth)); + container.height(opt.height); + + setSize($(this),opt); + + try{ + container.parent().find('.tp-bannershadow').css({ + 'width':opt.width + }); + } catch(e) {} + + var actsh = container.find('>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 + }); + + setCaptionPositions(container,opt); + + var nextli = container.find('>ul >li:eq('+opt.next+')'); + container.find('.tp-caption').each(function() { + $(this).stop(true,true); + }); + animateTheCaptions(nextli, opt); + + restartBannerTimer(opt,container); + + $finalHeight = (opt.height > opt.wrapperheight)?opt.wrapperheight:opt.height; + $(opt.wrapper).height($finalHeight); + + }); + } + + + + //////////////////////////////// + // RESTART THE BANNER TIMER // + ////////////////////////////// + function restartBannerTimer(opt,container) { + opt.cd=0; + if (opt.videoplaying !=true) { + var bt= container.find('.tp-bannertimer'); + if (bt.length>0) { + bt.stop(); + bt.css({ + 'width':'0%' + }); + bt.animate({ + 'width':"100%" + },{ + duration:(opt.delay-100), + queue:false, + easing:"linear" + }); + } + clearTimeout(opt.thumbtimer); + opt.thumbtimer = setTimeout(function() { + moveSelectedThumb(container); + setBulPos(container,opt); + },200); + } + } + + function callingNewSlide(opt,container) { + opt.cd=0; + swapSlide(container,opt); + + // STOP TIMER AND RESCALE IT + var bt= container.find('.tp-bannertimer'); + if (bt.length>0) { + bt.stop(); + bt.css({ + 'width':'0%' + }); + bt.animate({ + 'width':"100%" + },{ + duration:(opt.delay-100), + queue:false, + easing:"linear" + }); + } + } + + + + //////////////////////////////// + // - CREATE THE BULLETS - // + //////////////////////////////// + function createThumbs(container,opt) { + + var cap=container.parent(); + + if (opt.navigationType=="thumb" || opt.navsecond=="both") { + cap.append('<div class="tp-bullets tp-thumbs '+opt.navigationStyle+'"><div class="tp-mask"><div class="tp-thumbcontainer"></div></div></div>'); + } + 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+")"); + if (li.data('thumb') !=undefined) + var src= li.data('thumb') + else + var src=li.find("img:first").attr('src'); + bullets.append('<div class="bullet thumb"><img src="'+src+'"></div>'); + var bullet= bullets.find('.bullet:first'); + }); + bullets.append('<div style="clear:both"></div>'); + var minwidth=1000; + + + // ADD THE BULLET CLICK FUNCTION HERE + bullets.find('.bullet').each(function(i) { + var bul = $(this); + + if (i==opt.slideamount-1) bul.addClass('last'); + if (i==0) bul.addClass('first'); + bul.width(opt.thumbWidth); + bul.height(opt.thumbHeight); + if (minwidth>bul.outerWidth(true)) minwidth=bul.outerWidth(true); + + bul.click(function() { + if (opt.transition==0 && bul.index() != opt.act) { + opt.next = bul.index(); + callingNewSlide(opt,container); + } + }); + }); + + + var max=minwidth*container.find('>ul:first >li').length; + var thumbconwidth=bullets.parent().width(); + opt.thumbWidth = minwidth; + + + + //////////////////////// + // SLIDE TO POSITION // + //////////////////////// + if (thumbconwidth<max) { + $(document).mousemove(function(e) { + $('body').data('mousex',e.pageX); + }); + + + + // ON MOUSE MOVE ON THE THUMBNAILS EVERYTHING SHOULD MOVE :) + + bullets.parent().mouseenter(function() { + var $this=$(this); + $this.addClass("over"); + var offset = $this.offset(); + var x = $('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; + 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=$(this); + + //if (!$this.hasClass("over")) { + var offset = $this.offset(); + var x = $('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; + 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,0); + //} else { + //$this.removeClass("over"); + //} + + }); + + bullets.parent().mouseleave(function() { + var $this=$(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 + }); + } + + + + //////////////////////////////// + // - CREATE THE BULLETS - // + //////////////////////////////// + function createBullets(container,opt) { + + if (opt.navigationType=="bullet" || opt.navigationType=="both") { + container.parent().append('<div class="tp-bullets simplebullets '+opt.navigationStyle+'"></div>'); + } + + + 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('<div class="bullet"></div>'); + var bullet= bullets.find('.bullet:first'); + }); + + + + // ADD THE BULLET CLICK FUNCTION HERE + bullets.find('.bullet').each(function(i) { + var bul = $(this); + if (i==opt.slideamount-1) bul.addClass('last'); + if (i==0) bul.addClass('first'); + + bul.click(function() { + if (opt.transition==0 && bul.index() != opt.act) { + opt.next = bul.index(); + callingNewSlide(opt,container); + } + }); + + }); + + bullets.append('<div style="clear:both"></div>'); + setBulPos(container,opt); + + $('#unvisible_button').click(function() { + + opt.navigationArrows=$('.selectnavarrows').val(); + opt.navigationType=$('.selectnavtype').val(); + + setBulPos(container,opt); + setTimeout(function() { + setBulPos(container,opt); + },100); + + }); + + + + } + + ////////////////////// + // CREATE ARROWS // + ///////////////////// + function createArrows(container,opt) { + + var bullets = container.find('.tp-bullets'); + + var hidden=""; + if (opt.navigationArrow=="none") hidden="visibility:none"; + + container.parent().append('<div style="'+hidden+'" class="tp-leftarrow tparrows '+opt.navigationStyle+'"></div>'); + container.parent().append('<div style="'+hidden+'" class="tp-rightarrow tparrows '+opt.navigationStyle+'"></div>'); + + + // 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); + + } + + //////////////////////////// + // SET THE SWIPE FUNCTION // + //////////////////////////// + function swipeAction(container,opt) { + // TOUCH ENABLED SCROLL + + if (opt.touchenabled=="on") + container.swipe( { + data:container, + 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); + } + }, + swipeLeft:function() + { + + if (opt.transition==0) { + opt.next = opt.next+1; + if (opt.next == opt.slideamount) opt.next=0; + callingNewSlide(opt,container); + } + }, + allowPageScroll:"auto" + } ); + } + + + + + //////////////////////////////////////////////////////////////// + // 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('<div class=".tp-bullets"></div>'); + var bullets = container.parent().find('.tp-bullets'); + } + + if (ca==null) { + container.append('<div class=".tparrows"></div>'); + 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); + + + if (opt.ie) { + bullets.css({ + 'visibility':'hidden' + }); + ca.css({ + 'visibility':'hidden' + }); + } else { + try { + bullets.css({ + 'opacity':0 + }); + } catch(e) {} + try { + ca.css({ + 'opacity':0 + }); + } catch(e) {} + } + + bullets.hover(function() { + bullets.addClass("hovered"); + clearTimeout(container.data('hidethumbs')); + bullets.animate({ + 'opacity':1 + },{ + duration:200, + queue:false + }); + ca.animate({ + 'opacity':1 + },{ + duration:200, + queue:false + }); + }, + function() { + + bullets.removeClass("hovered"); + if (!container.hasClass("hovered") && !bullets.hasClass("hovered")) + container.data('hidethumbs', setTimeout(function() { + if (opt.ie) { + bullets.css({ + 'visibility':'hidden' + }); + ca.css({ + 'visibility':'hidden' + }); + } else { + bullets.animate({ + 'opacity':0 + },{ + duration:200, + queue:false + }); + ca.animate({ + 'opacity':0 + },{ + duration:200, + queue:false + }); + } + },opt.hideThumbs)); + }); + + + ca.hover(function() { + bullets.addClass("hovered"); + clearTimeout(container.data('hidethumbs')); + if (opt.ie) { + bullets.css({ + 'visibility':'visible' + }); + ca.css({ + 'visibility':'visible' + }); + } else { + bullets.animate({ + 'opacity':1 + },{ + duration:200, + queue:false + }); + ca.animate({ + 'opacity':1 + },{ + duration:200, + queue:false + }); + } + }, + function() { + + bullets.removeClass("hovered"); + if (!container.hasClass("hovered") && !bullets.hasClass("hovered")) + container.data('hidethumbs', setTimeout(function() { + if (opt.ie) { + bullets.css({ + 'visibility':'hidden' + }); + ca.css({ + 'visibility':'hidden' + }); + } else { + bullets.animate({ + 'opacity':0 + },{ + duration:200, + queue:false + }); + ca.animate({ + 'opacity':0 + },{ + duration:200, + queue:false + }); + } + },opt.hideThumbs)); + }); + + + + container.live('mouseenter', function() { + container.addClass("hovered"); + clearTimeout(container.data('hidethumbs')); + if (opt.ie) { + bullets.css({ + 'visibility':'visible' + }); + ca.css({ + 'visibility':'visible' + }); + } else { + bullets.animate({ + 'opacity':1 + },{ + duration:200, + queue:false + }); + ca.animate({ + 'opacity':1 + },{ + duration:200, + queue:false + }); + } + }); + + container.live('mouseleave', function() { + container.removeClass("hovered"); + if (!container.hasClass("hovered") && !bullets.hasClass("hovered")) + container.data('hidethumbs', setTimeout(function() { + if (opt.ie) { + bullets.css({ + 'visibility':'hidden' + }); + ca.css({ + 'visibility':'hidden' + }); + } else { + bullets.animate({ + 'opacity':0 + },{ + duration:200, + queue:false + }); + ca.animate({ + 'opacity':0 + },{ + duration:200, + queue:false + }); + } + },opt.hideThumbs)); + }); + + } + + + + + + + + ////////////////////////////// + // SET POSITION OF BULLETS // + ////////////////////////////// + function setBulPos(container,opt) { + + /* FOR THE PREVIEW WE NEED TO HANDLE IF BOTH NAVIGATION IS LOADED */ + if (opt.navigationType=="both") { + opt.navigationType="bullet"; + opt.navsecond = "both"; + } + if (opt.navigationType=="none" && opt.navigationArrows!="none") opt.navigationArrows="verticalcentered"; + + + + opt.navOH = opt.navOffsetHorizontal * opt.bw; + opt.navOV = opt.navOffsetVertical * opt.bh; + if (opt.bw!=1) opt.navOH=0; + + // SOME HELP + var cap=container.parent(); + var la=cap.find('.tp-leftarrow'); + var ra=cap.find('.tp-rightarrow'); + + ////////////////////////////////////// + // THE BULLET NAVIGATION POSITIONS // + ///////////////////////////////////// + + if (opt.navigationType=="bullet") { + + var bullets = cap.find('.tp-bullets.simplebullets'); + var navb = cap.find('.tp-bullets.simplebullets.navbar') + bullets.css({ + 'visibility':'visible' + }); + + try{ + cap.find('.tp-thumbs').css({ + 'visibility':'hidden' + }); + if (opt.ie) cap.find('.tp-thumbs').remove(); + } catch(e) {} + + var fulllong=bullets.width(); + if (!bullets.hasClass("tp-thumbs")) { + fulllong=0; + bullets.find('.bullet').each(function() { + fulllong = fulllong + $(this).outerWidth(true); + }); + bullets.css({ + 'width':(fulllong)+"px" + }); + } + + var ldiff = cap.outerWidth()- opt.width; + + bullets.css({ + 'left':(opt.navOH) + (ldiff/2)+(opt.width/2 - fulllong/2)+"px", + 'bottom':opt.navOV+"px" + }); + + if (opt.navigationArrows=="nexttobullets") { + + la.removeClass("large"); + ra.removeClass("large"); + la.removeClass("thumbswitharrow"); + ra.removeClass("thumbswitharrow"); + la.css({ + 'visibility':'visible' + }); + ra.css({ + 'visibility':'visible' + }); + var diff = 0; + + la.css({ + 'position':'absolute', + 'left': (bullets.position().left - la.outerWidth(true))+"px", + 'top': bullets.position().top+"px" + }); + + ra.css({ + 'position':'absolute', + 'left': (bullets.outerWidth(true) + bullets.position().left)+"px", + 'top':bullets.position().top+"px" + }); + try { + navb.css({ + 'paddingLeft':'40px', + 'paddingRight':'40px', + 'margin-left':'-40px' + }); + } catch(e) {} + + } else { + + if (opt.navigationArrows=="verticalcentered") { + + la.addClass("large"); + ra.addClass("large"); + la.css({ + 'visibility':'visible' + }); + ra.css({ + 'visibility':'visible' + }); + var decorh=cap.outerHeight(); + la.css({ + 'position':'absolute', + 'left': (ldiff/2)+"px", + 'top': (decorh/2)+"px" + }); + ra.css({ + 'position':'absolute', + 'left': (opt.width - ra.outerWidth()+ldiff/2)+"px", + 'top': (decorh/2)+"px" + }); + try { + navb.css({ + 'paddingLeft':'10px', + 'paddingRight':'10px', + 'margin-left':'-10px' + }); + } catch(e) {} + + } else { + + la.css({ + 'visibility':'hidden' + }); + ra.css({ + 'visibility':'hidden' + }); + try { + navb.css({ + 'paddingLeft':'10px', + 'paddingRight':'10px', + 'margin-left':'-10px' + }); + } catch(e) {} + } + } + } else { + + ////////////////////////////////////// + // THE THUMBS NAVIGATION POSITIONS // + ///////////////////////////////////// + if (opt.navigationType=="thumb") { + + + var thumbs=cap.find('.tp-thumbs'); + try{ + cap.find('.tp-bullets').css({ + 'visibility':'hidden' + }); + } catch(e) {} + thumbs.css({ + 'visibility':'visible' + }); + + + + var decorh=thumbs.parent().outerHeight(); + + var ldiff = cap.outerWidth()- opt.width; + + thumbs.css({ + 'left':(opt.navOH) + (opt.width/2 - thumbs.width()/2)+"px" + }); + thumbs.css({ + 'bottom':(0-thumbs.outerHeight(true) + (opt.navOV))+"px" + }); + + if (opt.navigationArrows=="verticalcentered") { + + la.css({ + 'visibility':'visible' + }); + ra.css({ + 'visibility':'visible' + }); + la.addClass("large"); + ra.addClass("large"); + la.css({ + 'position':'absolute', + 'left': (ldiff/2)+"px", + 'top': (cap.outerHeight()/2 )+"px" + }); + ra.css({ + 'position':'absolute', + 'left': (opt.width - ra.outerWidth()+ldiff/2)+"px", + 'top': (cap.outerHeight()/2)+"px" + }); + } else { + + la.css({ + 'visibility':'hidden' + }); + ra.css({ + 'visibility':'hidden' + }); + } + + } else { + if (opt.navigationType=="none") { + + try{ + cap.find('.tp-bullets').css({ + 'visibility':'hidden' + }); + } catch(e) {} + try{ + cap.find('.tp-thumbs').css({ + 'visibility':'hidden' + }); + } catch(e) {} + + if (opt.navigationArrows!="none") { + var ldiff = cap.outerWidth()- opt.width; + + la.css({ + 'visibility':'visible' + }); + ra.css({ + 'visibility':'visible' + }); + la.addClass("large"); + ra.addClass("large"); + la.css({ + 'position':'absolute', + 'left': (ldiff/2)+"px", + 'top': (cap.outerHeight()/2)+"px" + }); + ra.css({ + 'position':'absolute', + 'left': (opt.width - ra.outerWidth()+ldiff/2)+"px", + 'top': (cap.outerHeight()/2)+"px" + }); + } else { + + la.css({ + 'visibility':'hidden' + }); + ra.css({ + 'visibility':'hidden' + }); + } + } + } + } + + } + + + + ////////////////////////////////////////////////////////// + // - SET THE IMAGE SIZE TO FIT INTO THE CONTIANER - // + //////////////////////////////////////////////////////// + function setSize(img,opt) { + + + 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>1) { + opt.bw=1; + opt.bh=1; + } + + + // IF IMG IS ALREADY PREPARED, WE RESET THE SIZE FIRST HERE + if (img.data('orgw')!=undefined) { + img.width(img.data('orgw')); + img.height(img.data('orgh')); + } + + + var fw = opt.width / img.width(); + var fh = opt.height / img.height(); + + + opt.fw = fw; + opt.fh = fh; + + if (img.data('orgw')==undefined) { + img.data('orgw',img.width()); + img.data('orgh',img.height()); + } + + + + if (opt.fullWidth=="on") { + + var cow = opt.container.parent().width(); + var coh = opt.container.parent().height(); + var ffh = coh / img.data('orgh'); + var ffw = cow / img.data('orgw'); + + + img.width(img.width()*ffh); + img.height(coh); + + if (img.width()<cow) { + img.width(cow+50); + var ffw = img.width() / img.data('orgw'); + img.height(img.data('orgh')*ffw); + } + + if (img.width()>cow) { + img.data("fxof",(cow/2 - img.width()/2)); + + img.css({ + 'position':'absolute', + 'left':img.data('fxof')+"px" + }); + } + + + } else { + + img.width(opt.width); + img.height(img.height()*fw); + + if (img.height()<opt.height && img.height()!=0 && img.height()!=null) { + + img.height(opt.height); + img.width(img.data('orgw')*fh); + } + } + + + + img.data('neww',img.width()); + img.data('newh',img.height()); + if (opt.fullWidth=="on") { + opt.slotw=Math.ceil(img.width()/opt.slots); + } else { + opt.slotw=Math.ceil(opt.width/opt.slots); + } + opt.sloth=Math.ceil(opt.height/opt.slots); + + } + + + + + ///////////////////////////////////////// + // - PREPARE THE SLIDES / SLOTS - // + /////////////////////////////////////// + function prepareSlides(container,opt) { + + container.find('.tp-caption').each(function() { + $(this).addClass($(this).data('transition')); + $(this).addClass('start') + }); + + container.find('>ul:first >li').each(function(j) { + var li=$(this); + if (li.data('link')!=undefined) { + var link = li.data('link'); + var target="_self"; + if (li.data('target')!=undefined) target=li.data('target'); + li.append('<div class="caption sft slidelink" data-x="0" data-y="0" data-start="0"><a target="'+target+'" href="'+link+'"><div></div></a></div>'); + + } + }); + + container.find('>ul:first >li >img').each(function(j) { + + var img=$(this); + img.addClass('defaultimg'); + setSize(img,opt); + setSize(img,opt); + img.wrap('<div class="slotholder"></div>'); + img.css({ + 'opacity':0 + }); + img.data('li-id',j); + + }); + } + + + /////////////////////// + // PREPARE THE SLIDE // + ////////////////////// + function prepareOneSlide(slotholder,opt,visible) { + + var sh=slotholder; + var img = sh.find('img') + setSize(img,opt) + var src = img.attr('src'); + var w = img.data('neww'); + var h = img.data('newh'); + var fulloff = img.data("fxof"); + if (fulloff==undefined) fulloff=0; + + + var off=0; + + + if (!visible) + var off=0-opt.slotw; + + for (var i=0;i<opt.slots;i++) + sh.append('<div class="slot" style="position:absolute;top:0px;left:'+(fulloff+i*opt.slotw)+'px;overflow:hidden;width:'+opt.slotw+'px;height:'+h+'px"><div class="slotslide" style="position:absolute;top:0px;left:'+off+'px;width:'+opt.slotw+'px;height:'+h+'px;overflow:hidden;"><img style="position:absolute;top:0px;left:'+(0-(i*opt.slotw))+'px;width:'+w+'px;height:'+h+'px" src="'+src+'"></div></div>'); + + } + + + /////////////////////// + // PREPARE THE SLIDE // + ////////////////////// + function prepareOneSlideV(slotholder,opt,visible) { + + var sh=slotholder; + var img = sh.find('img') + setSize(img,opt) + var src = img.attr('src'); + var w = img.data('neww'); + var h = img.data('newh'); + var fulloff = img.data("fxof"); + if (fulloff==undefined) fulloff=0; + var off=0; + + + if (!visible) + var off=0-opt.sloth; + + for (var i=0;i<opt.slots;i++) + sh.append('<div class="slot" style="position:absolute;top:'+(i*opt.sloth)+'px;left:'+(fulloff)+'px;overflow:hidden;width:'+w+'px;height:'+(opt.sloth)+'px"><div class="slotslide" style="position:absolute;top:'+off+'px;left:0px;width:'+w+'px;height:'+opt.sloth+'px;overflow:hidden;"><img style="position:absolute;top:'+(0-(i*opt.sloth))+'px;left:0px;width:'+w+'px;height:'+h+'px" src="'+src+'"></div></div>'); + + } + + + /////////////////////// + // PREPARE THE SLIDE // + ////////////////////// + function prepareOneSlideBox(slotholder,opt,visible) { + + var sh=slotholder; + var img = sh.find('img') + setSize(img,opt) + var src = img.attr('src'); + var w = img.data('neww'); + var h = img.data('newh'); + var fulloff = img.data("fxof"); + if (fulloff==undefined) fulloff=0; + var off=0; + + + + + // 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; + + + + for (var j=0;j<opt.slots;j++) { + + y=0; + for (var i=0;i<opt.slots;i++) { + + + sh.append('<div class="slot" '+ + 'style="position:absolute;'+ + 'top:'+y+'px;'+ + 'left:'+(fulloff+x)+'px;'+ + 'width:'+basicsize+'px;'+ + 'height:'+basicsize+'px;'+ + 'overflow:hidden;">'+ + + '<div class="slotslide" data-x="'+x+'" data-y="'+y+'" '+ + 'style="position:absolute;'+ + 'top:'+(0)+'px;'+ + 'left:'+(0)+'px;'+ + 'width:'+basicsize+'px;'+ + 'height:'+basicsize+'px;'+ + 'overflow:hidden;">'+ + + '<img style="position:absolute;'+ + 'top:'+(0-y)+'px;'+ + 'left:'+(0-x)+'px;'+ + 'width:'+w+'px;'+ + 'height:'+h+'px"'+ + 'src="'+src+'"></div></div>'); + y=y+basicsize; + } + x=x+basicsize; + } + } + + + + + + /////////////////////// + // REMOVE SLOTS // + ///////////////////// + function removeSlots(container,opt,time) { + if (time==undefined) + time==80 + + setTimeout(function() { + container.find('.slotholder .slot').each(function() { + clearTimeout($(this).data('tout')); + $(this).remove(); + }); + opt.transition = 0; + },time); + } + + + //////////////////////// + // CAPTION POSITION // + /////////////////////// + function setCaptionPositions(container,opt) { + + // FIND THE RIGHT CAPTIONS + var actli = container.find('>li:eq('+opt.act+')'); + var nextli = container.find('>li:eq('+opt.next+')'); + + // SET THE NEXT CAPTION AND REMOVE THE LAST CAPTION + var nextcaption=nextli.find('.tp-caption'); + + if (nextcaption.find('iframe')==0) { + + // MOVE THE CAPTIONS TO THE RIGHT POSITION + if (nextcaption.hasClass('hcenter')) + nextcaption.css({ + 'height':opt.height+"px", + 'top':'0px', + 'left':(opt.width/2 - nextcaption.outerWidth()/2)+'px' + }); + else + if (nextcaption.hasClass('vcenter')) + nextcaption.css({ + 'width':opt.width+"px", + 'left':'0px', + 'top':(opt.height/2 - nextcaption.outerHeight()/2)+'px' + }); + } + } + + + ////////////////////////////// + // // + // - SWAP THE SLIDES - // + // // + //////////////////////////// + function swapSlide(container,opt) { + + + opt.transition = 1; + opt.videoplaying = false; + + try{ + var actli = container.find('>ul:first-child >li:eq('+opt.act+')'); + } catch(e) { + var actli=container.find('>ul:first-child >li:eq(1)'); + } + + + 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 (opt.ie) { + if (nextli.data('transition')=="boxfade") nextli.data('transition',"boxslide"); + if (nextli.data('transition')=="slotfade-vertical") nextli.data('transition',"slotzoom-vertical"); + if (nextli.data('transition')=="slotfade-horizontal") nextli.data('transition',"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; + } + + // RESET POSITION AND FADES OF LI'S + actli.css({ + 'left':'0px', + 'top':'0px' + }); + nextli.css({ + 'left':'0px', + 'top':'0px' + }); + + /////////////////////////////////////// + // TRANSITION CHOOSE - RANDOM EFFECTS// + /////////////////////////////////////// + var nexttrans = 0; + + + + + if (nextli.data('transition')=="boxslide") nexttrans = 0 + else + if (nextli.data('transition')=="boxfade") nexttrans = 1 + else + if (nextli.data('transition')=="slotslide-horizontal") nexttrans = 2 + else + if (nextli.data('transition')=="slotslide-vertical") nexttrans = 3 + else + if (nextli.data('transition')=="curtain-1") nexttrans = 4 + else + if (nextli.data('transition')=="curtain-2") nexttrans = 5 + else + if (nextli.data('transition')=="curtain-3") nexttrans = 6 + else + if (nextli.data('transition')=="slotzoom-horizontal") nexttrans = 7 + else + if (nextli.data('transition')=="slotzoom-vertical") nexttrans = 8 + else + if (nextli.data('transition')=="slotfade-horizontal") nexttrans = 9 + else + if (nextli.data('transition')=="slotfade-vertical") nexttrans = 10 + else + if (nextli.data('transition')=="fade") nexttrans = 11 + else + if (nextli.data('transition')=="slideleft") nexttrans = 12 + else + if (nextli.data('transition')=="slideup") nexttrans = 13 + else + if (nextli.data('transition')=="slidedown") nexttrans = 14 + else + if (nextli.data('transition')=="slideright") nexttrans = 15; + else + if (nextli.data('transition')=="papercut") nexttrans = 16; + else + if (nextli.data('transition')=="3dcurtain-horizontal") nexttrans = 17; + else + if (nextli.data('transition')=="3dcurtain-vertical") nexttrans = 18; + else + if (nextli.data('transition')=="cubic") nexttrans = 19; + else + if (nextli.data('transition')=="flyin") nexttrans = 20; + else + if (nextli.data('transition')=="turnoff") nexttrans = 21; + else { + nexttrans=Math.round(Math.random()*21); + nextli.data('slotamount',Math.round(Math.random()*12+4)); + } + + if (nextli.data('transition')=="random-static") { + nexttrans=Math.round(Math.random()*16); + if (nexttrans>15) nexttrans=15; + if (nexttrans<0) nexttrans=0; + } + + if (nextli.data('transition')=="random-premium") { + nexttrans=Math.round(Math.random()*6+16); + if (nexttrans>21) nexttrans=21; + if (nexttrans<16) nexttrans=16; + } + + + + var direction=-1; + if (opt.leftarrowpressed==1 || opt.act>opt.next) direction=1; + + if (nextli.data('transition')=="slidehorizontal") { + nexttrans = 12 + if (opt.leftarrowpressed==1) + nexttrans = 15 + } + + if (nextli.data('transition')=="slidevertical") { + nexttrans = 13 + if (opt.leftarrowpressed==1) + nexttrans = 14 + } + + opt.leftarrowpressed=0; + + + + if (nexttrans>21) nexttrans = 21; + if (nexttrans<0) nexttrans = 0; + + if (!$.support.transition && nexttrans >16) { + nexttrans=Math.round(Math.random()*16); + nextli.data('slotamount',Math.round(Math.random()*12+4)); + }; + if (opt.ie && (nexttrans==17 || nexttrans==16 || nexttrans==2 || nexttrans==3 || nexttrans==9 || nexttrans==10 )) nexttrans=Math.round(Math.random()*3+12); + + + if (opt.ie9 && (nexttrans==3)) nexttrans = 4; + + + //$('body').find('.debug').html("Transition:"+nextli.data('transition')+" id:"+nexttrans); + + // 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'); + + + + ///////////////////////////////////////////// + // SET THE BULLETS SELECTED OR UNSELECTED // + ///////////////////////////////////////////// + + + container.parent().find(".bullet").each(function() { + var bul = $(this); + bul.removeClass("selected"); + if (bul.index() == opt.next) bul.addClass('selected'); + }); + + + ////////////////////////////////////////////////////////////////// + // SET THE NEXT CAPTION AND REMOVE THE LAST CAPTION // + ////////////////////////////////////////////////////////////////// + + container.find('>li').each(function() { + var li = $(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 // + /////////////////////////// + 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 (nextli.data('transition')=="boxslide") + opt.slots=Math.round(Math.random()*6+3); + } 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 (!$.support.transition || opt.ie || opt.ie9) opt.rotate=0; + + + + ////////////////////////////// + // FIRST START // + ////////////////////////////// + + if (opt.firststart==1) { + actli.css({ + 'opacity':0 + }); + opt.firststart=0; + } + + ///////////////////////////////////// + // THE SLOTSLIDE - TRANSITION I. // + //////////////////////////////////// + if (nexttrans==0) { // BOXSLIDE + + masterspeed = masterspeed + 100; + if (opt.slots>10) opt.slots=10; + + nextli.css({ + 'opacity':1 + }); + + // PREPARE THE SLOTS HERE + prepareOneSlideBox(actsh,opt,true); + prepareOneSlideBox(nextsh,opt,false); + + //SET DEFAULT IMG UNVISIBLE + nextsh.find('.defaultimg').css({ + 'opacity':0 + }); + //actsh.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=$(this); + if (!$.support.transition) + ss.transition({ + top:(0-opt.sloth), + left:(0-opt.slotw) + },0); + else + ss.transition({ + top:(0-opt.sloth), + left:(0-opt.slotw), + rotate:opt.rotate + },0); + setTimeout(function() { + if (!$.support.transition) + ss.transition({ + top:0, + left:0, + scale:1, + rotate:0 + },masterspeed*1.5,function() { + + if (j==(opt.slots*opt.slots)-1) { + 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); + + } + }); + + },j*15); + }); + } + + + + ///////////////////////////////////// + // THE SLOTSLIDE - TRANSITION I. // + //////////////////////////////////// + if (nexttrans==1) { + + + if (opt.slots>5) opt.slots=5; + nextli.css({ + 'opacity':1 + }); + + // PREPARE THE SLOTS HERE + //prepareOneSlideBox(actsh,opt,true); + prepareOneSlideBox(nextsh,opt,false); + + //SET DEFAULT IMG UNVISIBLE + nextsh.find('.defaultimg').css({ + 'opacity':0 + }); + //actsh.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=$(this); + ss.css({ + 'opacity':0 + }); + ss.find('img').css({ + 'opacity':0 + }); + if (opt.ie9) + ss.find('img').transition({ + 'top':(Math.random()*opt.slotw-opt.slotw)+"px", + 'left':(Math.random()*opt.slotw-opt.slotw)+"px" + },0); + else + ss.find('img').transition({ + 'top':(Math.random()*opt.slotw-opt.slotw)+"px", + 'left':(Math.random()*opt.slotw-opt.slotw)+"px", + rotate:opt.rotate + },0); + + var rand=Math.random()*1000+(masterspeed + 200); + if (j==(opt.slots*opt.slots)-1) rand=1500; + + ss.find('img').transition({ + 'opacity':1, + 'top':(0-ss.data('y'))+"px", + 'left':(0-ss.data('x'))+'px', + rotate:0 + },rand); + ss.transition({ + 'opacity':1 + },rand,function() { + if (j==(opt.slots*opt.slots)-1) { + 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); + } + + }); + + + }); + } + + + ///////////////////////////////////// + // THE SLOTSLIDE - TRANSITION I. // + //////////////////////////////////// + if (nexttrans==2) { + + + masterspeed = masterspeed + 200; + + nextli.css({ + 'opacity':1 + }); + + // PREPARE THE SLOTS HERE + prepareOneSlide(actsh,opt,true); + prepareOneSlide(nextsh,opt,false); + + //SET DEFAULT IMG UNVISIBLE + nextsh.find('.defaultimg').css({ + 'opacity':0 + }); + //actsh.find('.defaultimg').css({'opacity':0}); + + + // ALL OLD SLOTS SHOULD BE SLIDED TO THE RIGHT + actsh.find('.slotslide').each(function() { + var ss=$(this); + + + //ss.animate({'left':opt.slotw+'px'},{duration:masterspeed,queue:false,complete:function() { + ss.transit({ + 'left':opt.slotw+'px', + rotate:(0-opt.rotate) + },masterspeed,function() { + 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); + + }); + + }); + + // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT + nextsh.find('.slotslide').each(function() { + var ss=$(this); + if (opt.ie9) + ss.transit({ + 'left':(0-opt.slotw)+"px" + },0); + else + ss.transit({ + 'left':(0-opt.slotw)+"px", + rotate:opt.rotate + },0); + + ss.transit({ + 'left':'0px', + rotate:0 + },masterspeed,function() { + removeSlots(container,opt); + nextsh.find('.defaultimg').css({ + 'opacity':1 + }); + if (nextli.index()!=actli.index()) actsh.find('.defaultimg').css({ + 'opacity':0 + }); + if (opt.ie) actsh.find('.defaultimg').css({ + 'opacity':1 + }); + opt.act=opt.next; + + moveSelectedThumb(container); + + }); + + }); + } + + + + ///////////////////////////////////// + // THE SLOTSLIDE - TRANSITION I. // + //////////////////////////////////// + if (nexttrans==3) { + + + masterspeed = masterspeed + 200; + nextli.css({ + 'opacity':1 + }); + + // PREPARE THE SLOTS HERE + prepareOneSlideV(actsh,opt,true); + prepareOneSlideV(nextsh,opt,false); + + //SET DEFAULT IMG UNVISIBLE + nextsh.find('.defaultimg').css({ + 'opacity':0 + }); + //actsh.find('.defaultimg').css({'opacity':0}); + + // ALL OLD SLOTS SHOULD BE SLIDED TO THE RIGHT + actsh.find('.slotslide').each(function() { + var ss=$(this); + + ss.transit({ + 'top':opt.sloth+'px', + rotate:opt.rotate + },masterspeed,function() { + 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); + + }); + + }); + + // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT + nextsh.find('.slotslide').each(function() { + var ss=$(this); + if (opt.ie9) + ss.transit({ + 'top':(0-opt.sloth)+"px" + },0); + else + ss.transit({ + 'top':(0-opt.sloth)+"px", + rotate:opt.rotate + },0); + ss.transit({ + 'top':'0px', + rotate:0 + },masterspeed,function() { + 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); + + }); + + }); + } + + + + ///////////////////////////////////// + // THE SLOTSLIDE - TRANSITION I. // + //////////////////////////////////// + if (nexttrans==4) { + + + + nextli.css({ + 'opacity':1 + }); + + // PREPARE THE SLOTS HERE + prepareOneSlide(actsh,opt,true); + prepareOneSlide(nextsh,opt,true); + + //SET DEFAULT IMG UNVISIBLE + nextsh.find('.defaultimg').css({ + 'opacity':0 + }); + actsh.find('.defaultimg').css({ + 'opacity':0 + }); + + + // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT + actsh.find('.slotslide').each(function(i) { + var ss=$(this); + + ss.transit({ + 'top':(0+(opt.height))+"px", + 'opacity':1, + rotate:opt.rotate + },masterspeed+(i*(70-opt.slots))); + }); + + // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT + nextsh.find('.slotslide').each(function(i) { + var ss=$(this); + if (opt.ie9) + ss.transition({ + 'top':(0-(opt.height))+"px", + 'opacity':0 + },0); + else + ss.transition({ + 'top':(0-(opt.height))+"px", + 'opacity':0, + rotate:opt.rotate + },0); + + ss.transition({ + 'top':'0px', + 'opacity':1, + rotate:0 + },masterspeed+(i*(70-opt.slots)),function() { + if (i==opt.slots-1) { + 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); + } + + }); + + }); + } + + + ///////////////////////////////////// + // THE SLOTSLIDE - TRANSITION I. // + //////////////////////////////////// + if (nexttrans==5) { + + + + nextli.css({ + 'opacity':1 + }); + + // PREPARE THE SLOTS HERE + prepareOneSlide(actsh,opt,true); + prepareOneSlide(nextsh,opt,true); + + //SET DEFAULT IMG UNVISIBLE + nextsh.find('.defaultimg').css({ + 'opacity':0 + }); + actsh.find('.defaultimg').css({ + 'opacity':0 + }); + + // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT + actsh.find('.slotslide').each(function(i) { + var ss=$(this); + + ss.transition({ + 'top':(0+(opt.height))+"px", + 'opacity':1, + rotate:opt.rotate + },masterspeed+((opt.slots-i)*(70-opt.slots))); + + }); + + // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT + nextsh.find('.slotslide').each(function(i) { + var ss=$(this); + if (opt.ie9) + ss.transition({ + 'top':(0-(opt.height))+"px", + 'opacity':0 + },0); + else + ss.transition({ + 'top':(0-(opt.height))+"px", + 'opacity':0, + rotate:opt.rotate + },0); + + ss.transition({ + 'top':'0px', + 'opacity':1, + rotate:0 + },masterspeed+((opt.slots-i)*(70-opt.slots)),function() { + if (i==0) { + 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); + } + + }); + + }); + } + + + ///////////////////////////////////// + // THE SLOTSLIDE - TRANSITION I. // + //////////////////////////////////// + if (nexttrans==6) { + + + + nextli.css({ + 'opacity':1 + }); + if (opt.slots<2) opt.slots=2; + // PREPARE THE SLOTS HERE + prepareOneSlide(actsh,opt,true); + prepareOneSlide(nextsh,opt,true); + + //SET DEFAULT IMG UNVISIBLE + nextsh.find('.defaultimg').css({ + 'opacity':0 + }); + actsh.find('.defaultimg').css({ + 'opacity':0 + }); + + + actsh.find('.slotslide').each(function(i) { + var ss=$(this); + + if (i<opt.slots/2) + var tempo = (i+2)*60; + else + var tempo = (2+opt.slots-i)*60; + + + ss.transition({ + 'top':(0+(opt.height))+"px", + 'opacity':1 + },masterspeed+tempo); + + }); + + // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT + nextsh.find('.slotslide').each(function(i) { + var ss=$(this); + if (opt.ie9) + ss.transition({ + 'top':(0-(opt.height))+"px", + 'opacity':0 + },0); + else + ss.transition({ + 'top':(0-(opt.height))+"px", + 'opacity':0, + rotate:opt.rotate + },0); + if (i<opt.slots/2) + var tempo = (i+2)*60; + else + var tempo = (2+opt.slots-i)*60; + + + ss.transition({ + 'top':'0px', + 'opacity':1, + rotate:0 + },masterspeed+tempo,function() { + if (i==Math.round(opt.slots/2)) { + 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); + } + + }); + + }); + } + + + //////////////////////////////////// + // THE SLOTSZOOM - TRANSITION II. // + //////////////////////////////////// + if (nexttrans==7) { + + masterspeed = masterspeed * 3; + nextli.css({ + 'opacity':1 + }); + + // PREPARE THE SLOTS HERE + prepareOneSlide(actsh,opt,true); + prepareOneSlide(nextsh,opt,true); + + //SET DEFAULT IMG UNVISIBLE + nextsh.find('.defaultimg').css({ + 'opacity':0 + }); + //actsh.find('.defaultimg').css({'opacity':0}); + + // ALL OLD SLOTS SHOULD BE SLIDED TO THE RIGHT + actsh.find('.slotslide').each(function() { + var ss=$(this).find('img'); + + ss.transition({ + 'left':(0-opt.slotw/2)+'px', + 'top':(0-opt.height/2)+'px', + 'width':(opt.slotw*2)+"px", + 'height':(opt.height*2)+"px", + opacity:0, + rotate:opt.rotate + },masterspeed,function() { + 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); + }); + + }); + + / ////////////////////////////////////////////////////////////// + // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT // + /////////////////////////////////////////////////////////////// + nextsh.find('.slotslide').each(function(i) { + var ss=$(this).find('img'); + + if (opt.ie9) + ss.transition({ + 'left':(0)+'px', + 'top':(0)+'px', + opacity:0 + },0); + else + ss.transition({ + 'left':(0)+'px', + 'top':(0)+'px', + opacity:0, + rotate:opt.rotate + },0); + ss.transition({ + 'left':(0-i*opt.slotw)+'px', + 'top':(0)+'px', + 'width':(nextsh.find('.defaultimg').data('neww'))+"px", + 'height':(nextsh.find('.defaultimg').data('newh'))+"px", + opacity:1, + rotate:0 + + },masterspeed,function() { + 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); + }); + + + }); + } + + + + + //////////////////////////////////// + // THE SLOTSZOOM - TRANSITION II. // + //////////////////////////////////// + if (nexttrans==8) { + + masterspeed = masterspeed * 3; + nextli.css({ + 'opacity':1 + }); + + // PREPARE THE SLOTS HERE + prepareOneSlideV(actsh,opt,true); + prepareOneSlideV(nextsh,opt,true); + + //SET DEFAULT IMG UNVISIBLE + nextsh.find('.defaultimg').css({ + 'opacity':0 + }); + //actsh.find('.defaultimg').css({'opacity':0}); + + // ALL OLD SLOTS SHOULD BE SLIDED TO THE RIGHT + actsh.find('.slotslide').each(function() { + var ss=$(this).find('img'); + + ss.transition({ + 'left':(0-opt.width/2)+'px', + 'top':(0-opt.sloth/2)+'px', + 'width':(opt.width*2)+"px", + 'height':(opt.sloth*2)+"px", + opacity:0, + rotate:opt.rotate + },masterspeed,function() { + 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); + }); + + }); + + + // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT // + /////////////////////////////////////////////////////////////// + nextsh.find('.slotslide').each(function(i) { + var ss=$(this).find('img'); + if (opt.ie9) + ss.transition({ + 'left':(0)+'px', + 'top':(0)+'px', + opacity:0 + },0); + else + ss.transition({ + 'left':(0)+'px', + 'top':(0)+'px', + opacity:0, + rotate:opt.rotate + },0); + ss.transition({ + 'left':(0)+'px', + 'top':(0-i*opt.sloth)+'px', + 'width':(nextsh.find('.defaultimg').data('neww'))+"px", + 'height':(nextsh.find('.defaultimg').data('newh'))+"px", + opacity:1, + rotate:0 + },masterspeed,function() { + 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); + }); + + }); + } + + + //////////////////////////////////////// + // THE SLOTSFADE - TRANSITION III. // + ////////////////////////////////////// + if (nexttrans==9) { + + + + nextli.css({ + 'opacity':1 + }); + + opt.slots = opt.width/20; + + prepareOneSlide(nextsh,opt,true); + + + //actsh.find('.defaultimg').css({'opacity':0}); + nextsh.find('.defaultimg').css({ + 'opacity':0 + }); + + var ssamount=0; + // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT + nextsh.find('.slotslide').each(function(i) { + var ss=$(this); + ssamount++; + ss.transition({ + 'opacity':0, + x:0, + y:0 + },0); + ss.data('tout',setTimeout(function() { + ss.transition({ + x:0, + y:0, + 'opacity':1 + },masterspeed); + + },i*4) + ); + + }); + + //nextsh.find('.defaultimg').transition({'opacity':1},(masterspeed+(ssamount*4))); + + setTimeout(function() { + removeSlots(container,opt); + nextsh.find('.defaultimg').css({ + 'opacity':1 + }); + if (nextli.index()!=actli.index()) actsh.find('.defaultimg').css({ + 'opacity':0 + }); + if (opt.ie) actsh.find('.defaultimg').css({ + 'opacity':1 + }); + + opt.act = opt.next; + moveSelectedThumb(container); + },(masterspeed+(ssamount*4))); + } + + + + + //////////////////////////////////////// + // THE SLOTSFADE - TRANSITION III. // + ////////////////////////////////////// + if (nexttrans==10) { + + + + nextli.css({ + 'opacity':1 + }); + + opt.slots = opt.height/20; + + prepareOneSlideV(nextsh,opt,true); + + + //actsh.find('.defaultimg').css({'opacity':0}); + nextsh.find('.defaultimg').css({ + 'opacity':0 + }); + + var ssamount=0; + // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT + nextsh.find('.slotslide').each(function(i) { + var ss=$(this); + ssamount++; + ss.transition({ + 'opacity':0, + x:0, + y:0 + },0); + ss.data('tout',setTimeout(function() { + ss.transition({ + x:0, + y:0, + 'opacity':1 + },masterspeed); + + },i*4) + ); + + }); + + //nextsh.find('.defaultimg').transition({'opacity':1},(masterspeed+(ssamount*4))); + + setTimeout(function() { + removeSlots(container,opt); + nextsh.find('.defaultimg').css({ + 'opacity':1 + }); + if (nextli.index()!=actli.index()) actsh.find('.defaultimg').css({ + 'opacity':0 + }); + if (opt.ie) actsh.find('.defaultimg').css({ + 'opacity':1 + }); + + opt.act = opt.next; + moveSelectedThumb(container); + },(masterspeed+(ssamount*4))); + } + + + /////////////////////////// + // SIMPLE FADE ANIMATION // + /////////////////////////// + + if (nexttrans==11) { + + + + nextli.css({ + 'opacity':1 + }); + + opt.slots = 1; + + prepareOneSlide(nextsh,opt,true); + + + //actsh.find('.defaultimg').css({'opacity':0}); + nextsh.find('.defaultimg').css({ + 'opacity':0 + }); + + var ssamount=0; + // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT + + nextsh.find('.slotslide').each(function(i) { + var ss=$(this); + ssamount++; + if (opt.ie9 ||opt.ie) + ss.transition({ + 'opacity':0 + },0); + else + ss.transition({ + 'opacity':0, + rotate:opt.rotate + },0); + + ss.transition({ + 'opacity':1, + rotate:0 + },masterspeed); + }); + + setTimeout(function() { + removeSlots(container,opt); + nextsh.find('.defaultimg').css({ + 'opacity':1 + }); + if (nextli.index()!=actli.index()) actsh.find('.defaultimg').css({ + 'opacity':0 + }); + if (opt.ie) actsh.find('.defaultimg').css({ + 'opacity':1 + }); + + opt.act = opt.next; + moveSelectedThumb(container); + },masterspeed); + } + + + + + + if (nexttrans==12 || nexttrans==13 || nexttrans==14 || nexttrans==15) { + + masterspeed = masterspeed * 3; + nextli.css({ + 'opacity':1 + }); + + opt.slots = 1; + + prepareOneSlide(nextsh,opt,true); + prepareOneSlide(actsh,opt,true); + + + actsh.find('.defaultimg').css({ + 'opacity':0 + }); + nextsh.find('.defaultimg').css({ + 'opacity':0 + }); + + var oow = opt.width; + var ooh = opt.height; + if (opt.fullWidth=="on") { + oow=opt.container.parent().width(); + ooh=opt.container.parent().height(); + + } + + // ALL NEW SLOTS SHOULD BE SLIDED FROM THE LEFT TO THE RIGHT + var ssn=nextsh.find('.slotslide') + if (nexttrans==12) + if (opt.ie9) + ssn.transition({ + 'left':oow+"px" + },0); + else + ssn.transition({ + 'left':oow+"px", + rotate:opt.rotate + },0); + else + if (nexttrans==15) + if (opt.ie9) + ssn.transition({ + 'left':(0-opt.width)+"px" + },0); + else + ssn.transition({ + 'left':(0-opt.width)+"px", + rotate:opt.rotate + },0); + else + if (nexttrans==13) + if (opt.ie9) + ssn.transition({ + 'top':(ooh)+"px" + },0); + else + ssn.transition({ + 'top':(ooh)+"px", + rotate:opt.rotate + },0); + else + if (nexttrans==14) + if (opt.ie9) + ssn.transition({ + 'top':(0-opt.height)+"px" + },0); + else + ssn.transition({ [... 1631 lines stripped ...] |
«
Return to OFBiz - Commits
|
1 view|%1 views
| Free forum by Nabble | Edit this page |