svn commit: r1787742 [42/49] - in /ofbiz/branches/ofbiz-new-website: ./ bootstrap/ bootstrap/css/ bootstrap/img/ bootstrap/js/ bootstrap/js/with carousel/ css/ documentation/ documentation/assets/ documentation/assets/css/ documentation/assets/css/img/...

Previous Topic Next Topic
 
classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

svn commit: r1787742 [42/49] - in /ofbiz/branches/ofbiz-new-website: ./ bootstrap/ bootstrap/css/ bootstrap/img/ bootstrap/js/ bootstrap/js/with carousel/ css/ documentation/ documentation/assets/ documentation/assets/css/ documentation/assets/css/img/...

Sharan Foga
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 ...]