/**
* Really Simple™ Slideshow jQuery plug-in 1.4.5
* ---------------------------------------------------------
* 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.nextSlide.auto) {
$slideshow.rsfSlideshow('addControl', 'nextSlide');
}
if (settings.controls.index.auto) {
$slideshow.rsfSlideshow('addControl', 'index');
}
if (settings.controls.previousSlide.auto) {
$slideshow.rsfSlideshow('addControl', 'previousSlide');
}


// 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));  // I did this to keep the image RIGHT - 05/26/11 KM
var topOffset = Math.ceil((containerHeight / 2) - (height / 2));
//$img.css({left: leftOffset});  // I did this to keep the image RIGHT - 05/26/11 KM
$img.css({top: topOffset});
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: 12,
// Duration of the transition effect in milliseconds
transition: 500,
// The transition effect.
effect: 'slideDown',
// 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);
$link.append(i + 1);
if (i === $slideshow.rsfSlideshow('currentSlideKey')) {
$link.addClass('rs-active');
}
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 );