/**
*   Really Simple™ Slideshow jQuery plug-in 1.4.6
*   ---------------------------------------------------------
*   Load slideshow images dynamically, instead of all at once
*   ---------------------------------------------------------
*
*   Introduction, Demos, Docs and Downloads:
*   http://reallysimpleworks.com/slideshow
*
*   Copyright (c) 2011 Really Simple
*   http://reallysimpleworks.com
*
*   Licensed under the MIT license:
*   http://www.opensource.org/licenses/mit-license.php
*   Free to use for both commercial and non-commercial.
*/


/**
*   Extra Bite-Sized Docs
*   ---------------------
*
*   If embedding slide data in your markup, you can initialise
*   and start a slideshow with one line of code:
*
*   $('#my-slideshow-div').rsfSlideshow();
*
*   If you're pulling in slide data from elsewhere and want to
*   manually add slides to the slideshow:
*
*   var slides = Array(
*       {url: 'http://mydomain.com/images/1.png', caption: 'This is slide number 1'},
*       {url: 'http://mydomain.com/images/2.png', caption: 'This is slide number 2'},
*       {url: '/images/3.png', caption: 'This is slide number 3'},
*   );
*   $('#my-slideshow-div').rsfSlideshow({slides: slides});
*
*   For complete docs and demos, visit:
*   http://reallysimpleworks.com/slideshow
*/





(function($) {


    var methods = {


        /**
        *   The 'options' object can be used to override any of the
        *   default parameters in the 'defaults' object above
        */

        init: function(options) {

            return this.each(function() {

                var slideshow = this,
                    $slideshow = $(this),
                    data = $slideshow.data('rsf_slideshow'),
                    settings;
                    
                if (!data) {
                    settings = $.extend(true, {}, $.rsfSlideshow.defaults);
                    if (typeof options === 'object') {
                        $.extend(true, settings, options);
                    }
                    $slideshow.data('rsf_slideshow', {
                        slides: [],
                        this_slide: 0,
                        effect_iterator: {
                            this_effect: -1,
                            direction: 1
                        },
                        settings: settings,
                        interval_id: false,
                        loaded_imgs: [],
                        queued: 0
                    }); 
                    data = $slideshow.data('rsf_slideshow');
                }
                settings = data.settings;
                
                
                //  Attempt to find slide data in the page markup
                $slideshow.rsfSlideshow('getSlidesFromMarkup');
                
                
                //  Add slide data from an array, if provided
                if (settings.slides.length) {
                    $slideshow.rsfSlideshow('addSlides', settings.slides);
                    settings.slides = [];
                }
                
                
                //  Bind gloabal slidshow event handlers
                if (typeof settings.eventHandlers === 'object') {
                    $.each(settings.eventHandlers, function(evnt, fn) {
                        $slideshow.bind(evnt, function(e) {fn($slideshow, e); });
                    });
                }
                
                
                //  Generate and bind control elements
                if (settings.controls.playPause.auto) {
                    $slideshow.rsfSlideshow('addControl', 'playPause');
                }
                if (settings.controls.previousSlide.auto) {
                    $slideshow.rsfSlideshow('addControl', 'previousSlide');
                }
                if (settings.controls.index.auto) {
                    $slideshow.rsfSlideshow('addControl', 'index');
                }
                if (settings.controls.nextSlide.auto) {
                    $slideshow.rsfSlideshow('addControl', 'nextSlide');
                }
            
                
                //  Start the slideshow
                if (settings.autostart) {
                    $slideshow.rsfSlideshow('startShow');
                }
                
            });
        },
        
        
        /**
        *   Add slide data to the slideshow
        *   slides is either a slide object, or an array of slide objects
        *   A slide object has one to three elements:
        *       url: the URL of the image to load
        *       (optional) caption: caption text for the slide
        *       (optional) link_url: a URL to link the image to when clicked
        */
        
        addSlides: function(slides) {
            if (slides instanceof Array) {
                for (var i = 0, len = slides.length; i < len; i ++) {
                    RssPrivateMethods._addSlide(this, slides[i]);
                }
            }
            else {
                RssPrivateMethods._addSlide(this, slides);
            }
            return this;
        },
        
        
        /**
        *   Remove slide(s) from the slideshow
        *   slide_keys is optional and can be an integer or
        *   and array of integers.
        */
        
        removeSlides: function(slide_keys) {
            if (slide_keys === undefined) {
                return this.each(function() {
                    $(this).data('rsf_slideshow').slides = [];
                });
            }
            else if (slide_keys instanceof Array) {
                slide_keys.sort(function(a, b) {return b - a; });
                var removed = [];
                return this.each(function() {
                    for (var i = 0, len = slide_keys.length; i < len; i ++) {
                        if ($.inArray(slide_keys[i], removed) === -1) {
                            RssPrivateMethods._removeSlide($(this), slide_keys[i]);
                            removed.push(slide_keys[i]);
                        }
                    }
                });
            }
            else {
                return this.each(function() {
                    RssPrivateMethods._removeSlide($(this), slide_keys);
                });
            }
        },
        
        
        /**
        *   Returns a slide data object by key, or the
        *   entire slides array if a key is not specified
        */
        
        getSlideData: function(key) {
            if (key === undefined) {
                return this.data('rsf_slideshow').slides;
            }
            if (this.data('rsf_slideshow').slides[key]) {
                return this.data('rsf_slideshow').slides[key];
            }
            return false;
        },
        
        
        /**
        *   Start the slideshow
        *   interval is the duration for which each slide is
        *   shown in seconds
        *   instant is an optional flag: if true, the first transition
        *   is triggered with no interval
        */
        
        startShow: function(interval, instant) {
            var $slideshow = this;
            var data = $slideshow.data('rsf_slideshow');
            if (!data.interval_id) {
                if (instant) {
                    $slideshow.rsfSlideshow('nextSlide');
                }
                if (!interval) {
                    interval = data.settings.interval;
                }
                data.interval_id = setInterval(function() {
                    $slideshow.rsfSlideshow('nextSlide'); 
                }, interval * 1000);
                RssPrivateMethods._trigger($slideshow, 'rsStartShow');
            }
            return this;
        },
        
        
        /**
        *   Stop the slideshow
        */
        
        stopShow: function() {
            var data = this.data('rsf_slideshow');
            if (data.interval_id) {
                clearInterval(data.interval_id);
                data.interval_id = false;
                RssPrivateMethods._trigger(this, 'rsStopShow');
            }
            return this;
        },
        
        
        /**
        *   Convenience method for toggling startShow and stopShow
        */
        
        toggleShow: function() {
            if (this.rsfSlideshow('isRunning')) {
                this.rsfSlideshow('stopShow');
            }
            else {
                this.rsfSlideshow('startShow');
            }
        },
        
        
        /**
        *   Returns true if the slideshow is currently 
        *   running, false if not.
        */
        
        isRunning: function() {
            if (this.data('rsf_slideshow').interval_id) {
                return true;
            }
            return false;
        },
        
        
        /**
        *   Return the array key of the current slide
        *   The first slide's key is 0.
        */
        
        currentSlideKey: function() {
            var data = this.data('rsf_slideshow');
            return data.this_slide;
        },
        
        
        /**
        *   Return the total number of slides currently in the slideshow
        */
        
        totalSlides: function() {
            var data = this.data('rsf_slideshow');
            return data.slides.length;
        },
        
        
        /**
        *   Find slide data in the markup and add to the slides array
        */
        
        getSlidesFromMarkup: function(options) {
            var data = this.data('rsf_slideshow');
            if (!options) {
                options = {};
            }
            //  Find the containing element
            if (!options.data_container) {
                options.data_container = data.settings.data_container;
            }
            var $cntnr;
            if (options.data_container.charAt(0) === '#') {
                $cntnr = $(options.data_container);
            }
            else {
                $cntnr = $(this).children(options.data_container);
            }
            if (!$cntnr.length) {
                return false;
            }
            
            if (!options.slide_data_container) {
                options.slide_data_container = data.settings.slide_data_container;
            }
            var slide_data_selectors = $.extend(true, {}, data.settings.slide_data_selectors);
            if (options.slide_data_selectors) {
                $.extend(true, slide_data_selectors, options.slide_data_selectors);
            }
            options.slide_data_selectors = slide_data_selectors;
            
            var self = this;
            $cntnr.children(options.slide_data_container).each(function() {
                var slide = RssPrivateMethods._findData($(this), options.slide_data_selectors);
                $(self).rsfSlideshow('addSlides', slide);
            });
            return this;
        },
        
        
        
        
        
        
        
        
        /**
        *   Load and transition into the next slide
        */
        
        nextSlide: function() {
            var data = this.data('rsf_slideshow');
            data.this_slide ++;
            if (data.this_slide >= data.slides.length) {
                if (data.settings.loop) {
                    data.this_slide = 0;
                }
                else {
                    data.this_slide = data.slides.length - 1;
                    this.rsfSlideshow('stopShow');
                    return this;
                }
            }
            this.rsfSlideshow('showSlide', data.slides[data.this_slide]);
            return this;
        },
        
        
        /**
        *   Load and transition into the previous slide
        */
        
        previousSlide: function() {
            var data = this.data('rsf_slideshow');
            data.this_slide --;
            if (data.this_slide < 0) {
                if (data.settings.loop) {
                    data.this_slide = data.slides.length - 1;
                }
                else {
                    data.this_slide = 0;
                    this.rsfSlideshow('stopShow');
                    return this;
                }
            }
            this.rsfSlideshow('showSlide', data.slides[data.this_slide]);
            return this;
        },
        
        
        /**
        *   Load and transition into the slide with the provided key
        */
        
        goToSlide: function(key) {
            var data = this.data('rsf_slideshow');
            if (typeof data.slides[key] === 'object') {
                data.this_slide = key;
                this.rsfSlideshow('showSlide', data.slides[data.this_slide]);
            }
            return this;
        },
        
        
        /**
        *   Load and transition into the provided
        *   slide object
        */
    
        showSlide: function(slide, _queue_id) {
            var $slideshow = this,
                data =  $slideshow.data('rsf_slideshow');
            if (!_queue_id) {
                data.queued += 1;
                _queue_id = data.queued;
                RssPrivateMethods._trigger($slideshow, 'rsPreTransition');
            }
            else if (_queue_id !== data.queued) {
                return;
            }
            var containerWidth = $slideshow.width();
            var containerHeight = $slideshow.height();
            $slideshow.children('img:first').css('z-index', 0);
            var newImg = new Image();
            newImg.src = slide.url;
            
            var whenLoaded = function(img) {
                var $img = $(img);
                $img.addClass('rsf-slideshow-image');
                $slideshow.prepend($img);
                var width = $img.outerWidth();
                var height = $img.outerHeight();
                $img.detach();
                if (!width || !height) {
                    setTimeout(function() {$slideshow.rsfSlideshow('showSlide', slide, _queue_id); }, 200);
                    return;
                }
                if ($.inArray(slide.url, data.loaded_imgs) < 0) {
                    data.loaded_imgs.push(slide.url);
                }
                RssPrivateMethods._trigger($slideshow, 'rsImageReady');
                var leftOffset = Math.ceil((containerWidth / 2) - (width / 2));
                var topOffset = Math.ceil((containerHeight / 2) - (height / 2));
                $img.css({left: leftOffset});
                $img.css({top: topOffset});

                if (slide.image_title){
                    $img.attr('title', slide.image_title);
                }
                if (slide.image_alt){
                    $img.attr('alt', slide.image_alt);
                }

                if (slide.link_to) {
                    $img = $('<a href="' + slide.link_to + '"></a>').append($img);
                }
                var $slideEl = $('<div></div>');
                $slideEl.addClass(data.settings.slide_container_class);
                $slideEl.append($img).css('display', 'none');
                if (slide.caption) {
                    var $capt = $('<div>' + slide.caption + '</div>');
                    $capt.addClass(data.settings.slide_caption_class);
                    $capt.appendTo($slideEl);
                }
                var effect = data.settings.effect;
                if (slide.effect) {
                    effect = slide.effect;
                }
                $slideEl.appendTo($slideshow);
                RssPrivateMethods._transitionWith($slideshow, $slideEl, effect);
                return true;
            };
            
            if ($.inArray(slide.url, data.loaded_imgs) < 0) {
                if (newImg.width) {
                    whenLoaded(newImg);
                }
                else {
                    $(newImg).bind('load', function() {whenLoaded(newImg); });
                }
            }
            else {
                whenLoaded(newImg);
            }
            
            return this;
        },
        

        
        
        
        /*****************************************************
        *   Methods for adding slideshow control functionality
        */
        
        
        /**
        *   Generate, place and bind a control for the slideshow
        */
        
        addControl: function(type) {
            return this.each(function() {
                var $slideshow = $(this),
                    settings = $slideshow.data('rsf_slideshow').settings;
                var $control = settings.controls[type].generate($slideshow);
                RssPrivateMethods._controlsContainer($slideshow);
                settings.controls[type].place($slideshow, $control);
                var bind_method = 'bind' + type.substr(0, 1).toUpperCase() + type.substr(1, type.length);
                $slideshow.rsfSlideshow(bind_method, $control);
            });
        },
        
        
        /*
        *   Play/ Pause toggle control
        *   $playPause (required) is a jQuery object of elements to apply play/pause functionality to
        */
        
        bindPlayPause: function($playPause) {
            return this.each(function() {
                var $slideshow = $(this);
                var data = $slideshow.data('rsf_slideshow');
                $playPause.bind('click.rsfSlideshow', function(e) {                                                                                         
                    e.preventDefault();
                    $slideshow.rsfSlideshow('toggleShow');
                });
            });
        },
        
        
        /**
        *   Previous slide control
        *   $prev (required) is a jQuery object of elements to apply "previous slide" functionality to
        *   If stop_show is true, the slideshow is stopped when the control is clicked
        *       if not provided the global setting is used
        */
        
        bindPreviousSlide: function($prev, autostop) {
            return this.each(function() {
                var $slideshow = $(this);
                var data = $slideshow.data('rsf_slideshow');
                if (!autostop) {
                    autostop = data.settings.controls.previousSlide.autostop;
                }
                $prev.bind('click.rsfSlideshow', function(e) {
                    e.preventDefault();
                    $slideshow.rsfSlideshow('previousSlide');
                    if (autostop) {
                        $slideshow.rsfSlideshow('stopShow');
                    }
                });
            });
        },
        
        
        /**
        *   Next slide control
        *   $next (required) is a jQuery object of elements to apply "next slide" functionality to
        *   If stop_show is true, the slideshow is stopped when the control is clicked
        *       if not provided the global setting is used
        */
        
        bindNextSlide: function($next, autostop) {
            return this.each(function() {
                var $slideshow = $(this);
                var data = $slideshow.data('rsf_slideshow');
                if (!autostop) {
                    autostop = data.settings.controls.nextSlide.autostop;
                }
                $next.bind('click.rsfSlideshow', function(e) {
                    e.preventDefault();
                    $slideshow.rsfSlideshow('nextSlide');
                    if (autostop) {
                        $slideshow.rsfSlideshow('stopShow');
                    }
                });
            });
        },
        
        
        /**
        *   Bind indexing functionality
        */
        
        bindIndex: function($index, autostop) {
            return this.each(function() {
                var $slideshow = $(this),
                    settings = $slideshow.data('rsf_slideshow').settings;
                if (!autostop) {
                    autostop = settings.controls.index.autostop;
                }
                var $indexLinks = settings.controls.index.getEach($slideshow);
                $indexLinks.bind('click.rsfSlideshow', function(e) {
                    e.preventDefault();
                    var slide_key = settings.controls.index.getSlideKey($(this));
                    if (slide_key) {
                        $slideshow.rsfSlideshow('goToSlide', slide_key);
                        if (autostop) {
                            $slideshow.rsfSlideshow('stopShow');
                        }
                    }
                });
                RssPrivateMethods._bindActiveIndex($slideshow);
            });
        }

        
    };
    
    
    
    
    $.fn.rsfSlideshow = function(method) {
        if (!this.length) {
            return this;
        }
        // Method calling logic
        if ( methods[method] ) {
            return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ));
        } 
        else if ( typeof method === 'object' || ! method ) {
            return methods.init.apply( this, arguments );
        } 
        else {
            $.error( 'Method ' +  method + ' does not exist on jQuery.rsfSlidehow' );
        }   
    };
    
    
    
    
    /**
    *   Private methods
    */
    
    var RssPrivateMethods = {
        
        /**
        *   Private method for iterating through data selectors 
        *   to find data for a single slide
        */
        
        _findData: function($slideData, slide_data_selectors) {
            var slide = {};
            var slide_attr;
            for (var key in slide_data_selectors) {
                if (slide_data_selectors.hasOwnProperty(key)) {
                    var $slideDataClone = $slideData.clone();
                    if (slide_data_selectors[key].selector) {
                        $slideDataClone = $slideDataClone.children(slide_data_selectors[key].selector);
                    }
                    if (slide_data_selectors[key].attr) {
                        slide_attr = $slideDataClone.attr(slide_data_selectors[key].attr);
                    }
                    else {
                        slide_attr = $slideDataClone.html();
                    }
                    slide[key] = slide_attr;
                }
            }
            return slide;
        },
        
        
        /**
        *   Private method for adding a single slide object
        *   to the slides array. This should not be used directly
        *   as the addSlides() method should be used instead.
        */
        
        _addSlide: function($slideshow, slide) {
            var data = $slideshow.data('rsf_slideshow');
            if (typeof slide === 'string') {
                var url = $.trim(slide);
                data.slides.push({url: url});
            }
            else if (slide.url) {
                for (var key in slide) {
                    if (slide.hasOwnProperty(key)) {
                        slide[key] = $.trim(slide[key]);
                    }
                }
                data.slides.push(slide);
            }
        },
        
        
        /**
        *   Remove a single slide from the slides array
        */
        
        _removeSlide: function($slideshow, key) {
            $slideshow.data('rsf_slideshow').slides.splice(key, 1);
        },
        
        
        /**
        *   Transition effects
        */
        
        _transitionWith: function($slideshow, $slide, effect) {
            var data = $slideshow.data('rsf_slideshow');
            var $previousSlide 
                = $slideshow.children('div.' + data.settings.slide_container_class + ':first');
            
            var effect_iteration = 'random';
            if (typeof effect === 'object' && effect.iteration && effect.effects) {
                effect_iteration = effect.iteration;
                effect = effect.effects;
            }
            
            if (effect instanceof Array) {
                switch (effect_iteration) {
                    case 'loop':
                        data.effect_iterator.this_effect ++;
                        if (data.effect_iterator.this_effect > effect.length - 1) {
                            data.effect_iterator.this_effect = 0;
                        }
                        break;
                    case 'backAndForth':
                        data.effect_iterator.this_effect += data.effect_iterator.direction;
                        if (data.effect_iterator.this_effect < 0) {
                            data.effect_iterator.this_effect = 1;
                            data.effect_iterator.direction = data.effect_iterator.direction * -1;
                        }
                        if (data.effect_iterator.this_effect > effect.length - 1) {
                            data.effect_iterator.this_effect = effect.length - 2;
                            data.effect_iterator.direction = data.effect_iterator.direction * -1;
                        }
                        break;
                    default:
                        data.effect_iterator.this_effect = Math.floor(Math.random() * effect.length);
                        break;
                }
                effect = effect[data.effect_iterator.this_effect];
            }
            
            var left_offset, top_offset;
            switch (effect) {
                case 'none': 
                    $slide.css('display', 'block');
                    RssPrivateMethods._endTransition($slideshow);
                    break;
                case 'fade': 
                    $slide.fadeIn(data.settings.transition, function() {
                        RssPrivateMethods._endTransition($slideshow);
                    });
                    break;
                case 'slideLeft': 
                    left_offset = $slide.outerWidth();
                    //$slideshow.rsfSlideshow('_doSlide', $slide, $previousSlide, left_offset, 0);
                    RssPrivateMethods._doSlide($slideshow, $slide, $previousSlide, left_offset, 0);
                    break;
                case 'slideRight': 
                    left_offset = (0 - $slide.outerWidth());
                    //$slideshow.rsfSlideshow('_doSlide', $slide, $previousSlide, left_offset, 0);
                    RssPrivateMethods._doSlide($slideshow, $slide, $previousSlide, left_offset, 0);
                    break;
                case 'slideUp': 
                    top_offset = $slide.outerHeight();
                    //$slideshow.rsfSlideshow('_doSlide', $slide, $previousSlide, 0, top_offset);
                    RssPrivateMethods._doSlide($slideshow, $slide, $previousSlide, 0, top_offset);
                    break;
                case 'slideDown': 
                    top_offset = (0 - $slide.outerHeight());
                    //$slideshow.rsfSlideshow('_doSlide', $slide, $previousSlide, 0, top_offset);
                    RssPrivateMethods._doSlide($slideshow, $slide, $previousSlide, 0, top_offset);
                    break;
            }
        },
        
        
        /**
        *   Perform slide animation
        */
        
        _doSlide: function($slideshow, $slide, $previousSlide, left_offset, top_offset) {
            var data = $slideshow.data('rsf_slideshow');
            $slide.css({top: top_offset, left: left_offset});
            $slide.css('display', 'block');
            
            $slide.stop().animate(
                {top: 0, left: 0},
                data.settings.transition, 
                data.settings.easing, 
                function() {
                    RssPrivateMethods._endTransition($slideshow);
                }
            );
            
            $previousSlide.stop().animate(
                {top: (0 - top_offset), left: (0 - left_offset)},
                data.settings.transition, 
                data.settings.easing
            );
        },
        
        
        /**
        *   Anything that needs to be done after a transition ends
        */
        
        _endTransition: function($slideshow) {
            var data = $slideshow.data('rsf_slideshow');
            $slideshow.children('div.' + data.settings.slide_container_class + ':not(:last-child)').remove();
            RssPrivateMethods._trigger($slideshow, 'rsPostTransition');
            if ($slideshow.rsfSlideshow('currentSlideKey') === $slideshow.rsfSlideshow('totalSlides') - 1) {
                RssPrivateMethods._trigger($slideshow, 'rsLastSlide');
            }
            else if ($slideshow.rsfSlideshow('currentSlideKey') === 0) {
                RssPrivateMethods._trigger($slideshow, 'rsFirstSlide');
            }
        },
        
        
        /**
        *   Bind event handlers for adding and remving a class to index elements
        *   according to the current slide key
        */
        
        _bindActiveIndex: function($slideshow) {
            var indexSettings = $slideshow.data('rsf_slideshow').settings.controls.index;
            $slideshow.bind('rsPreTransition', function() {
                var current_slide_key = $(this).rsfSlideshow('currentSlideKey');
                indexSettings.getEach($slideshow).removeClass(indexSettings.active_class);
                indexSettings.getSingleByKey($slideshow, current_slide_key).addClass(indexSettings.active_class);
            });
        },
        
        
        /**
        *   check for controls container and generate if not present
        */
        
        _controlsContainer: function($slideshow) {
            var settings = $slideshow.data('rsf_slideshow').settings;
            if (!settings.controls.container.get($slideshow).length) {
                var $container = settings.controls.container.generate($slideshow);
                settings.controls.container.place($slideshow, $container);
            }
        },
        
        
        /**
        *   Wrapper for triggering slideshow events
        */
        
        _trigger: function($slideshow, e, event_data) {
            var data = $slideshow.data('rsf_slideshow');
            if (typeof event_data !== 'object') {
                event_data = {};
            }
            $.extend(event_data, {slide_key: data.this_slide, slide: data.slides[data.this_slide]});
            $slideshow.trigger(e, event_data);
        }
        
    };
    
  
  
    /**
    *       Default options
    *       Any default options can be set directly by accessing 
    *       the $.rsfSlideshow.defaults hash
    */
    
    $.rsfSlideshow = {
        defaults: {
            //  Duration of the interval between each slide in seconds
            interval: 5,
            //  Duration of the transition effect in milliseconds
            transition: 1000,
            //  The transition effect.
            effect: 'fade',
            //  Easing for slide effects (use the easing jQuery plugin for more options)
            easing: 'swing',
            //  If true, the slideshow will loop
            loop: true,
            //  Start slideshow automatically on initialisation
            autostart: true,
            //  Slides to add to the slideshow
            slides: [],
            //  Class of the div containing the slide image and caption
            slide_container_class: 'slide-container',
            //  Class to add to slide caption <span>
            slide_caption_class: 'slide-caption',
            //  jQuery selector for the element containing slide data when using markup to pass data.
            //  If this is an ID (starts with '#') the element can be placed anywhere on the page, 
            //  Any other selector is assumed to be a child of the slideshow element.
            data_container: 'ol.slides',
            //  jQuery selector for each slide data element
            slide_data_container: 'li',
            //  Objects containing selection routes for slide attributes
            //  One or both of 'selector' and/or 'attr' must be present
            slide_data_selectors: {
                url: {selector: 'a', attr: 'href'},
                caption: {selector: 'a', attr: 'title'},
                link_to: {selector: 'a', attr: 'data-link-to'},
                effect: {selector: 'a', attr: 'data-effect'}
            },
            
            
            //  Default event handlers, assigned to every instance of the slideshow
            eventHandlers: {
                rsStartShow: function(rssObj, e) {
                    var controlSettings = $(rssObj).data('rsf_slideshow').settings.controls.playPause;
                    var $playPause = controlSettings.get($(rssObj));
                    $playPause.html('Pause').addClass(controlSettings.playing_class);
                },
                rsStopShow: function(rssObj, e) {
                    var controlSettings = $(rssObj).data('rsf_slideshow').settings.controls.playPause;
                    var $playPause = controlSettings.get($(rssObj));
                    $playPause.html('Play').addClass(controlSettings.paused_class);
                }
            },
            
            
            /**
            *   These options define methods for generating, placing and finding
            *   slideshow control elements.
            */
            
            controls: {
                playPause: {
                    generate: function($slideshow) {
                        return $('<a href="#" class="rs-play-pause ' + 
                                 $slideshow.data('rsf_slideshow').settings.controls.playPause.paused_class + 
                                 '" data-control-for="' + 
                                 $slideshow.attr('id') + '">Play</a>');
                    },
                    place: function($slideshow, $control) {
                        var $container = 
                            $slideshow.data('rsf_slideshow').settings.controls.container.get($slideshow);
                        $container.append($control);
                    },
                    get: function($slideshow) {
                        return $('.rs-play-pause[data-control-for="' + $slideshow.attr('id') + '"]');
                    },
                    playing_class: 'rs-playing',
                    paused_class: 'rs-paused',
                    auto: false
                },
                previousSlide: {
                    generate: function($slideshow) {
                        return $('<a href="#" class="rs-prev" data-control-for="' + 
                                 $slideshow.attr('id') + '">&lt;</a>');
                    },
                    place: function($slideshow, $control) {
                        var $container = 
                            $slideshow.data('rsf_slideshow').settings.controls.container.get($slideshow);
                        $container.append($control);
                    },
                    get: function($slideshow) {
                        return $('.rs-prev[data-control-for="' + $slideshow.attr('id') + '"]');
                    },
                    autostop: true,
                    auto: false
                },
                nextSlide: {
                    generate: function($slideshow) {
                        return $('<a href="#" class="rs-next" data-control-for="' + 
                                 $slideshow.attr('id') + '">&gt;</a>');
                    },
                    place: function($slideshow, $control) {
                        var $container = 
                            $slideshow.data('rsf_slideshow').settings.controls.container.get($slideshow);
                        $container.append($control);
                    },
                    get: function($slideshow) {
                        return $('.rs-next[data-control-for="' + $slideshow.attr('id') + '"]');
                    },
                    autostop: true,
                    auto: false
                },
                index: {
                    generate: function($slideshow) {
                        var slide_count = $slideshow.rsfSlideshow('totalSlides'),
                            $indexControl = $('<ul class="rs-index-list clearfix"></ul>');
                        $indexControl.attr('data-control-for', $slideshow.attr('id'));
                        for (var i = 0; i < slide_count; i ++) {
                            var $link = $('<a href="#"></a>');
                            $link.addClass('rs-index');
                            $link.attr('data-control-for', $slideshow.attr('id'));
                            $link.attr('data-slide-key', i);
                            
                            if (i === $slideshow.rsfSlideshow('currentSlideKey')) {
                                $link.append('<span class="pagination-active"> </span>');
                                $link.addClass('rs-active');
                            }else{
                            $link.append('<span class="pagination-unactive"> </span>');
                            }
                            var $li = $('<li></li>');
                            $li.append($link);
                            $indexControl.append($li);
                        }
                        return $indexControl;
                    },
                    place: function($slideshow, $control) {
                        var $container = 
                            $slideshow.data('rsf_slideshow').settings.controls.container.get($slideshow);
                        $container.append($control);
                    },
                    get: function($slideshow) {
                        return $('.rs-index-list[data-control-for="' + $slideshow.attr('id') + '"]');
                    },
                    getEach: function($slideshow) {
                        return $('.rs-index[data-control-for="' + $slideshow.attr('id') + '"]');
                    },
                    getSingleByKey: function($slideshow, slide_key) {
                        return $('.rs-index[data-control-for="' + 
                                $slideshow.attr('id') + '"][data-slide-key="' + slide_key + '"]');
                    },
                    getSlideKey: function($controlItem) {
                        return $controlItem.attr('data-slide-key');
                    },
                    active_class: 'rs-active',
                    autostop: true,
                    auto: false
                },
                container: {
                    generate: function($slideshow) {
                        return $('<div class="rs-controls clearfix" id="rs-controls-' + $slideshow.attr('id') + '"></div>');
                    },
                    place: function($slideshow, $control) {
                        $slideshow.after($control);
                    },
                    get: function($slideshow) {
                        return $('#rs-controls-' + $slideshow.attr('id'));
                    }
                }
            }
        }
    };
  
  
})( jQuery );