$slideshow01 = {  
        context: false,  
        tabs: false,  
        timeout: 5500,      // time before next slide appears (in ms)  
        slideSpeed: 1000,   // time it takes to slide in each slide (in ms)  
        tabSpeed: 300,      // time it takes to slide in each slide (in ms) when clicking through tabs  
        fx: 'scrollLeft',   // the slide effect to use  
      
        init: function() {  
            // set the context to help speed up selectors/improve performance  
            this.context = $('.element_010');  
      
            // set tabs to current hard coded navigation items  
            this.tabs = $('ul.element_010_sub_02 li', this.context);  
      
            // remove hard coded navigation items from DOM  
            // because they aren't hooked up to jQuery cycle  
            this.tabs.remove();  
      
            // prepare slideshow and jQuery cycle tabs  
            this.prepareSlideshow();  
        },  
      
        prepareSlideshow: function() {  
            // initialise the jquery cycle plugin -  
            // for information on the options set below go to:  
            // http://malsup.com/jquery/cycle/options.html  
            $("div.element_010_sub_01 > ul", $slideshow01.context).cycle({  
                fx: $slideshow01.fx,  
                timeout: $slideshow01.timeout,  
                speed: $slideshow01.slideSpeed,  
                fastOnEvent: $slideshow01.tabSpeed,  
                pager: $("ul.element_010_sub_02", $slideshow01.context),  
                pagerAnchorBuilder: $slideshow01.prepareTabs,  
                before: $slideshow01.activateTab,  
                pauseOnPagerHover: true,  
                pause: true  
            });  
        },  
      
        prepareTabs: function(i, slide) {  
            // return markup from hardcoded tabs for use as jQuery cycle tabs  
            // (attaches necessary jQuery cycle events to tabs)  
            return $slideshow01.tabs.eq(i);  
        },  
      
        activateTab: function(currentSlide, nextSlide) {  
            // get the active tab  
            var activeTab = $('a[href="#' + nextSlide.id + '"]', $slideshow01.context); 
     
            // if there is an active tab 
            if(activeTab.length) { 
                // remove active styling from all other tabs 
                $slideshow01.tabs.removeClass('on'); 
     
                // add active styling to active button 
                activeTab.parent().addClass('on');  
            }  
        }  
    };  
      
    $(function() {  
        // initialise the slideshow when the DOM is ready  
        $slideshow01.init();  
    });  
	
	
	
    $slideshow02 = {  
        context: false,  
        tabs: false,  
        timeout: 7500,      // time before next slide appears (in ms)  
        slideSpeed: 1000,   // time it takes to slide in each slide (in ms)  
        tabSpeed: 300,      // time it takes to slide in each slide (in ms) when clicking through tabs  
        fx: 'scrollUp',   // the slide effect to use  
      
        init: function() {  
            // set the context to help speed up selectors/improve performance  
            this.context = $('.element_011');  
      
            // set tabs to current hard coded navigation items  
            this.tabs = $('ul.element_011_sub_02 li', this.context);  
      
            // remove hard coded navigation items from DOM  
            // because they aren't hooked up to jQuery cycle  
            this.tabs.remove();  
      
            // prepare slideshow and jQuery cycle tabs  
            this.prepareSlideshow();  
        },  
      
        prepareSlideshow: function() {  
            // initialise the jquery cycle plugin -  
            // for information on the options set below go to:  
            // http://malsup.com/jquery/cycle/options.html  
            $("div.element_011_sub_01 > ul", $slideshow02.context).cycle({  
                fx: $slideshow02.fx,  
                timeout: $slideshow02.timeout,  
                speed: $slideshow02.slideSpeed,  
                fastOnEvent: $slideshow02.tabSpeed,  
                pager: $("ul.element_011_sub_02", $slideshow02.context),  
                pagerAnchorBuilder: $slideshow02.prepareTabs,  
                before: $slideshow02.activateTab,  
                pauseOnPagerHover: true,  
                pause: true  
            });  
        },  
      
        prepareTabs: function(i, slide) {  
            // return markup from hardcoded tabs for use as jQuery cycle tabs  
            // (attaches necessary jQuery cycle events to tabs)  
            return $slideshow02.tabs.eq(i);  
        },  
      
        activateTab: function(currentSlide, nextSlide) {  
            // get the active tab  
            var activeTab = $('a[href="#' + nextSlide.id + '"]', $slideshow02.context); 
     
            // if there is an active tab 
            if(activeTab.length) { 
                // remove active styling from all other tabs 
                $slideshow02.tabs.removeClass('on'); 
     
                // add active styling to active button 
                activeTab.parent().addClass('on');  
            }  
        }  
    };  
      
    $(function() {  
        // initialise the slideshow when the DOM is ready  
        $slideshow02.init();  
    });