anything-slider 0.0.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 43fc2fd7194a8809bce91250e5a9c3babcee6785
+  data.tar.gz: 9998b495b06c6eec39ec295214e7a431eace44e6
+SHA512:
+  metadata.gz: 85886a7c0c63f6fbe25fad4a5c6fb2e941c22480bf2b1053b5c318cabd211929f58211b8ec1e603089306eec559e3d95da533a300e1332de8ccea0fb72ae5b92
+  data.tar.gz: 78e1792ebcf09ba12f31b71de4e70fe9165bffce6bc9f7fd747ca17677a94c505411fd4b51347e544bd11e82e37013af4a53a9398de59a5c4c015fb1953776a5

data/.gitignore

@@ -0,0 +1,17 @@
+*.gem
+*.rbc
+.bundle
+.config
+.yardoc
+Gemfile.lock
+InstalledFiles
+_yardoc
+coverage
+doc/
+lib/bundler/man
+pkg
+rdoc
+spec/reports
+test/tmp
+test/version_tmp
+tmp

data/Gemfile

@@ -0,0 +1,4 @@
+source 'https://rubygems.org'
+
+# Specify your gem's dependencies in anything-slider.gemspec
+gemspec

data/LICENSE.txt

@@ -0,0 +1,22 @@
+Copyright (c) 2013 Oscar Hugo Cardenas Lopez
+
+MIT License
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,29 @@
+# Anything::Slider
+
+TODO: Write a gem description
+
+## Installation
+
+Add this line to your application's Gemfile:
+
+    gem 'anything-slider'
+
+And then execute:
+
+    $ bundle
+
+Or install it yourself as:
+
+    $ gem install anything-slider
+
+## Usage
+
+TODO: Write usage instructions here
+
+## Contributing
+
+1. Fork it
+2. Create your feature branch (`git checkout -b my-new-feature`)
+3. Commit your changes (`git commit -am 'Add some feature'`)
+4. Push to the branch (`git push origin my-new-feature`)
+5. Create new Pull Request

data/Rakefile

@@ -0,0 +1 @@
+require "bundler/gem_tasks"

data/anything-slider.gemspec

@@ -0,0 +1,24 @@
+# coding: utf-8
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require 'anything/slider/version'
+
+Gem::Specification.new do |spec|
+  spec.name          = "anything-slider"
+  spec.version       = Anything::Slider::VERSION
+  spec.authors       = ["Oscar Hugo Cardenas Lopez"]
+  spec.email         = ["ohcl87@hotmail.com"]
+  spec.description   = %q{This is a personal gem to add anything slider efect in rails application}
+  spec.summary       = %q{provide a rails genetator and easy to configure}
+  spec.homepage      = "https://github.com/sorsucrel/anything-slider"
+  spec.license       = "MIT"
+
+  spec.files         = `git ls-files`.split($/)
+  spec.executables   = spec.files.grep(%r{^bin/}) { |f| File.basename(f) }
+  spec.test_files    = spec.files.grep(%r{^(test|spec|features)/})
+  spec.require_paths = ["lib"]
+
+  spec.add_development_dependency "bundler", "~> 1.3"
+  spec.add_development_dependency "rake"
+  spec.add_development_dependency "haml"
+end

data/app/assets/javascripts/jquery.anythingslider.js

@@ -0,0 +1,952 @@
+/*!
+	AnythingSlider v1.9.2
+	Original by Chris Coyier: http://css-tricks.com
+	Get the latest version: https://github.com/CSS-Tricks/AnythingSlider
+
+	To use the navigationFormatter function, you must have a function that
+	accepts two paramaters, and returns a string of HTML text.
+
+	index = integer index (1 based);
+	panel = jQuery wrapped LI item this tab references
+	@return = Must return a string of HTML/Text
+
+	navigationFormatter: function(index, panel){
+		return "Panel #" + index; // This would have each tab with the text 'Panel #X' where X = index
+	}
+*/
+/*jshint browser:true, jquery:true, unused:false */
+;(function($, win, doc) {
+	"use strict";
+	$.anythingSlider = function(el, options) {
+
+		var base = this, o, t;
+
+		// Wraps the ul in the necessary divs and then gives Access to jQuery element
+		base.el = el;
+		base.$el = $(el).addClass('anythingBase').wrap('<div class="anythingSlider"><div class="anythingWindow" /></div>');
+
+		// Add a reverse reference to the DOM object
+		base.$el.data("AnythingSlider", base);
+
+		base.init = function(){
+
+			// Added "o" to be used in the code instead of "base.options" which doesn't get modifed by the compiler - reduces size by ~1k
+			base.options = o = $.extend({}, $.anythingSlider.defaults, options);
+
+			base.initialized = false;
+			if ($.isFunction(o.onBeforeInitialize)) { base.$el.bind('before_initialize', o.onBeforeInitialize); }
+			base.$el.trigger('before_initialize', base);
+
+			// Add "as-oldie" class to body for css purposes
+			$('<!--[if lte IE 8]><script>jQuery("body").addClass("as-oldie");</script><![endif]-->').appendTo('body').remove();
+
+			// Cache existing DOM elements for later
+			// base.$el = original ul
+			// for wrap - get parent() then closest in case the ul has "anythingSlider" class
+			base.$wrapper = base.$el.parent().closest('div.anythingSlider').addClass('anythingSlider-' + o.theme);
+			base.$outer = base.$wrapper.parent();
+			base.$window = base.$el.closest('div.anythingWindow');
+			base.$win = $(win);
+
+			base.$controls = $('<div class="anythingControls"></div>');
+			base.$nav = $('<ul class="thumbNav"><li><a><span></span></a></li></ul>');
+			base.$startStop = $('<a href="#" class="start-stop"></a>');
+			
+			if (o.buildStartStop || o.buildNavigation) {
+				base.$controls.appendTo( (o.appendControlsTo && $(o.appendControlsTo).length) ? $(o.appendControlsTo) : base.$wrapper);
+			}
+			if (o.buildNavigation) {
+				base.$nav.appendTo( (o.appendNavigationTo && $(o.appendNavigationTo).length) ? $(o.appendNavigationTo) : base.$controls );
+			}
+			if (o.buildStartStop) {
+				base.$startStop.appendTo( (o.appendStartStopTo && $(o.appendStartStopTo).length) ? $(o.appendStartStopTo) : base.$controls );
+			}
+
+			// Figure out how many sliders are on the page for indexing
+			base.runTimes = $('.anythingBase').length;
+			// hash tag regex - fixes issue #432
+			base.regex = (o.hashTags) ? new RegExp('panel' + base.runTimes + '-(\\d+)', 'i') : null;
+			if (base.runTimes === 1) { base.makeActive(); } // make the first slider on the page active
+
+			// Set up a few defaults & get details
+			base.flag    = false; // event flag to prevent multiple calls (used in control click/focusin)
+			if (o.autoPlayLocked) { o.autoPlay = true; } // if autoplay is locked, start playing
+			base.playing = o.autoPlay; // slideshow state; removed "startStopped" option
+			base.slideshow = false; // slideshow flag needed to correctly trigger slideshow events
+			base.hovered = false; // actively hovering over the slider
+			base.panelSize = [];  // will contain dimensions and left position of each panel
+			base.currentPage = base.targetPage = o.startPanel = parseInt(o.startPanel,10) || 1; // make sure this isn't a string
+			o.changeBy = parseInt(o.changeBy,10) || 1;
+
+			// set slider type, but keep backward compatibility with the vertical option
+			t = (o.mode || 'h').toLowerCase().match(/(h|v|f)/);
+			t = o.vertical ? 'v' : (t || ['h'])[0];
+			o.mode = t === 'v' ? 'vertical' : t === 'f' ? 'fade' : 'horizontal';
+			if (t === 'f') {
+				o.showMultiple = 1; // all slides are stacked in fade mode
+				o.infiniteSlides = false; // no cloned slides
+			}
+
+			base.adj = (o.infiniteSlides) ? 0 : 1; // adjust page limits for infinite or limited modes
+			base.adjustMultiple = 0;
+			if (o.playRtl) { base.$wrapper.addClass('rtl'); }
+
+			// Build start/stop button
+			if (o.buildStartStop) { base.buildAutoPlay(); }
+
+			// Build forwards/backwards buttons
+			if (o.buildArrows) { base.buildNextBackButtons(); }
+
+			base.$lastPage = base.$targetPage = base.$currentPage;
+
+			base.updateSlider();
+
+			// Expand slider to fit parent
+			if (o.expand) {
+				base.$window.css({ width: '100%', height: '100%' }); // needed for Opera
+				base.checkResize();
+			}
+
+			// Make sure easing function exists.
+			if (!$.isFunction($.easing[o.easing])) { o.easing = "swing"; }
+
+			// If pauseOnHover then add hover effects
+			if (o.pauseOnHover) {
+				base.$wrapper.hover(function() {
+					if (base.playing) {
+						base.$el.trigger('slideshow_paused', base);
+						base.clearTimer(true);
+					}
+				}, function() {
+					if (base.playing) {
+						base.$el.trigger('slideshow_unpaused', base);
+						base.startStop(base.playing, true);
+					}
+				});
+			}
+
+			// Hide/Show navigation & play/stop controls
+			base.slideControls(false);
+			base.$wrapper.bind('mouseenter mouseleave', function(e){
+				// add hovered class to outer wrapper
+				$(this)[e.type === 'mouseenter' ? 'addClass' : 'removeClass']('anythingSlider-hovered');
+				base.hovered = (e.type === 'mouseenter') ? true : false;
+				base.slideControls(base.hovered);
+			});
+
+			// Add keyboard navigation
+			$(doc).keyup(function(e){
+				// Stop arrow keys from working when focused on form items
+				if (o.enableKeyboard && base.$wrapper.hasClass('activeSlider') && !e.target.tagName.match('TEXTAREA|INPUT|SELECT')) {
+					if (o.mode !== 'vertical' && (e.which === 38 || e.which === 40)) { return; }
+					switch (e.which) {
+						case 39: case 40: // right & down arrow
+							base.goForward();
+							break;
+						case 37: case 38: // left & up arrow
+							base.goBack();
+							break;
+					}
+				}
+			});
+
+			// If a hash can not be used to trigger the plugin, then go to start panel - see issue #432
+			base.currentPage = ((o.hashTags) ? base.gotoHash() : '') || o.startPanel || 1;
+			base.gotoPage(base.currentPage, false, null, -1);
+
+			// Binds events
+			var triggers = "slideshow_resized slideshow_paused slideshow_unpaused slide_init slide_begin slideshow_stop slideshow_start initialized swf_completed".split(" ");
+			$.each("onSliderResize onShowPause onShowUnpause onSlideInit onSlideBegin onShowStop onShowStart onInitialized onSWFComplete".split(" "), function(i,f){
+				if ($.isFunction(o[f])){
+					base.$el.bind(triggers[i], o[f]);
+				}
+			});
+			if ($.isFunction(o.onSlideComplete)){
+				// Added setTimeout (zero time) to ensure animation is complete... see this bug report: http://bugs.jquery.com/ticket/7157
+				base.$el.bind('slide_complete', function(){
+					setTimeout(function(){ o.onSlideComplete(base); }, 0);
+					return false;
+				});
+			}
+			base.initialized = true;
+			base.$el.trigger('initialized', base);
+
+			// trigger the slideshow
+			base.startStop(o.autoPlay);
+
+		};
+
+		// called during initialization & to update the slider if a panel is added or deleted
+		base.updateSlider = function(){
+			// needed for updating the slider
+			base.$el.children('.cloned').remove();
+			base.navTextVisible = base.$nav.find('span:first').css('visibility') !== 'hidden';
+			base.$nav.empty();
+			// set currentPage to 1 in case it was zero - occurs when adding slides after removing them all
+			base.currentPage = base.currentPage || 1;
+
+			base.$items = base.$el.children();
+			base.pages = base.$items.length;
+			base.dir = (o.mode === 'vertical') ? 'top' : 'left';
+			o.showMultiple = parseInt(o.showMultiple, 10) || 1; // only integers allowed
+			o.navigationSize = (o.navigationSize === false) ? 0 : parseInt(o.navigationSize,10) || 0;
+
+			// Fix tabbing through the page, but don't change the view if the link is in view (showMultiple = true)
+			base.$items.find('a').unbind('focus.AnythingSlider').bind('focus.AnythingSlider', function(e){
+				var panel = $(this).closest('.panel'),
+					indx = base.$items.index(panel) + base.adj; // index can be -1 in nested sliders - issue #208
+				base.$items.find('.focusedLink').removeClass('focusedLink');
+				$(this).addClass('focusedLink');
+				base.$window.scrollLeft(0).scrollTop(0);
+				if ( ( indx !== -1 && (indx >= base.currentPage + o.showMultiple || indx < base.currentPage) ) ) {
+					base.gotoPage(indx);
+					e.preventDefault();
+				}
+			});
+			if (o.showMultiple > 1) {
+				if (o.showMultiple > base.pages) { o.showMultiple = base.pages; }
+				base.adjustMultiple = (o.infiniteSlides && base.pages > 1) ? 0 : o.showMultiple - 1;
+			}
+
+			// Hide navigation & player if there is only one page
+			base.$controls
+				.add(base.$nav)
+				.add(base.$startStop)
+				.add(base.$forward)
+				.add(base.$back)[(base.pages <= 1) ? 'hide' : 'show']();
+			if (base.pages > 1) {
+				// Build/update navigation tabs
+				base.buildNavigation();
+			}
+
+			// Top and tail the list with 'visible' number of items, top has the last section, and tail has the first
+			// This supports the "infinite" scrolling, also ensures any cloned elements don't duplicate an ID
+			// Moved removeAttr before addClass otherwise IE7 ignores the addClass: http://bugs.jquery.com/ticket/9871
+			if (o.mode !== 'fade' && o.infiniteSlides && base.pages > 1) {
+				base.$el.prepend( base.$items.filter(':last').clone().addClass('cloned') );
+				// Add support for multiple sliders shown at the same time
+				if (o.showMultiple > 1) {
+					base.$el.append( base.$items.filter(':lt(' + o.showMultiple + ')').clone().addClass('cloned multiple') );
+				} else {
+					base.$el.append( base.$items.filter(':first').clone().addClass('cloned') );
+				}
+				base.$el.find('.cloned').each(function(){
+					// disable all focusable elements in cloned panels to prevent shifting the panels by tabbing
+					$(this).find('a,input,textarea,select,button,area,form').attr({ disabled : 'disabled', name : '' });
+					$(this).find('[id]')[ $.fn.addBack ? 'addBack' : 'andSelf' ]().removeAttr('id');
+				});
+			}
+
+			// We just added two items, time to re-cache the list, then get the dimensions of each panel
+			base.$items = base.$el.addClass(o.mode).children().addClass('panel');
+			base.setDimensions();
+
+			// Set the dimensions of each panel
+			if (o.resizeContents) {
+				base.$items.css('width', base.width);
+				base.$wrapper
+					.css('width', base.getDim(base.currentPage)[0])
+					.add(base.$items).css('height', base.height);
+			} else {
+				base.$win.load(function(){
+					// set dimensions after all images load
+					base.setDimensions();
+					// make sure the outer wrapper is set properly
+					t = base.getDim(base.currentPage);
+					base.$wrapper.css({ width: t[0], height: t[1] });
+					base.setCurrentPage(base.currentPage, false);
+				});
+			}
+
+			if (base.currentPage > base.pages) {
+				base.currentPage = base.pages;
+			}
+			base.setCurrentPage(base.currentPage, false);
+			base.$nav.find('a').eq(base.currentPage - 1).addClass('cur'); // update current selection
+
+			if (o.mode === 'fade') {
+				t = base.$items.eq(base.currentPage-1);
+				if (o.resumeOnVisible) {
+					// prevent display: none;
+					t.css({ opacity: 1 }).siblings().css({ opacity: 0 });
+				} else {
+					// allow display: none; - resets video
+					base.$items.css('opacity',1);
+					t.fadeIn(0).siblings().fadeOut(0);
+				}
+			}
+
+		};
+
+		// Creates the numbered navigation links
+		base.buildNavigation = function() {
+			if (o.buildNavigation && (base.pages > 1)) {
+				var a, c, i, t, $li;
+				base.$items.filter(':not(.cloned)').each(function(j){
+					$li = $('<li/>');
+					i = j + 1;
+					c = (i === 1 ? ' first' : '') + (i === base.pages ? ' last' : '');
+					a = '<a class="panel' + i + ( base.navTextVisible ? '"' : ' ' + o.tooltipClass + '" title="@"' ) + ' href="#"><span>@</span></a>';
+					// If a formatter function is present, use it
+					if ($.isFunction(o.navigationFormatter)) {
+						t = o.navigationFormatter(i, $(this));
+						if (typeof(t) === "string") {
+							$li.html(a.replace(/@/g,t));
+						} else {
+							$li = $('<li/>', t);
+						}
+					} else {
+						$li.html(a.replace(/@/g,i));
+					}
+					$li
+					.appendTo(base.$nav)
+					.addClass(c)
+					.data('index', i);
+				});
+				base.$nav.children('li').bind(o.clickControls, function(e) {
+					if (!base.flag && o.enableNavigation) {
+						// prevent running functions twice (once for click, second time for focusin)
+						base.flag = true; setTimeout(function(){ base.flag = false; }, 100);
+						base.gotoPage( $(this).data('index') );
+					}
+					e.preventDefault();
+				});
+
+				// Add navigation tab scrolling - use !! in case someone sets the size to zero
+				if (!!o.navigationSize && o.navigationSize < base.pages) {
+					if (!base.$controls.find('.anythingNavWindow').length){
+						base.$nav
+							.before('<ul><li class="prev"><a href="#"><span>' + o.backText + '</span></a></li></ul>')
+							.after('<ul><li class="next"><a href="#"><span>' + o.forwardText + '</span></a></li></ul>')
+							.wrap('<div class="anythingNavWindow"></div>');
+					}
+					// include half of the left position to include extra width from themes like tabs-light and tabs-dark (still not perfect)
+					base.navWidths = base.$nav.find('li').map(function(){
+						return $(this).outerWidth(true) + Math.ceil(parseInt($(this).find('span').css('left'),10)/2 || 0);
+					}).get();
+					base.navLeft = base.currentPage;
+					// add 25 pixels (old IE needs more than 5) to make sure the tabs don't wrap to the next line
+					base.$nav.width( base.navWidth( 1, base.pages + 1 ) + 25 );
+					base.$controls.find('.anythingNavWindow')
+						.width( base.navWidth( 1, o.navigationSize + 1 ) ).end()
+						.find('.prev,.next').bind(o.clickControls, function(e) {
+							if (!base.flag) {
+								base.flag = true; setTimeout(function(){ base.flag = false; }, 200);
+								base.navWindow( base.navLeft + o.navigationSize * ( $(this).is('.prev') ? -1 : 1 ) );
+							}
+							e.preventDefault();
+						});
+				}
+
+			}
+		};
+
+		base.navWidth = function(x,y){
+			var i, s = Math.min(x,y),
+				e = Math.max(x,y),
+				w = 0;
+			for (i = s; i < e; i++) {
+				w += base.navWidths[i-1] || 0;
+			}
+			return w;
+		};
+
+		base.navWindow = function(n){
+			if (!!o.navigationSize && o.navigationSize < base.pages && base.navWidths) {
+				var p = base.pages - o.navigationSize + 1;
+				n = (n <= 1) ? 1 : (n > 1 && n < p) ? n : p;
+				if (n !== base.navLeft) {
+					base.$controls.find('.anythingNavWindow').animate(
+						{ scrollLeft: base.navWidth(1, n), width: base.navWidth(n, n + o.navigationSize) },
+						{ queue: false, duration: o.animationTime });
+					base.navLeft = n;
+				}
+			}
+		};
+
+		// Creates the Forward/Backward buttons
+		base.buildNextBackButtons = function() {
+			base.$forward = $('<span class="arrow forward"><a href="#"><span>' + o.forwardText + '</span></a></span>');
+			base.$back = $('<span class="arrow back"><a href="#"><span>' + o.backText + '</span></a></span>');
+
+			// Bind to the forward and back buttons
+			base.$back.bind(o.clickBackArrow, function(e) {
+				// prevent running functions twice (once for click, second time for swipe)
+				if (o.enableArrows && !base.flag) {
+					base.flag = true; setTimeout(function(){ base.flag = false; }, 100);
+					base.goBack();
+				}
+				e.preventDefault();
+			});
+			base.$forward.bind(o.clickForwardArrow, function(e) {
+				// prevent running functions twice (once for click, second time for swipe)
+				if (o.enableArrows && !base.flag) {
+					base.flag = true; setTimeout(function(){ base.flag = false; }, 100);
+					base.goForward();
+				}
+				e.preventDefault();
+			});
+			// using tab to get to arrow links will show they have focus (outline is disabled in css)
+			base.$back.add(base.$forward).find('a').bind('focusin focusout',function(){
+				$(this).toggleClass('hover');
+			});
+
+			// Append elements to page
+			base.$back.appendTo( (o.appendBackTo && $(o.appendBackTo).length) ? $(o.appendBackTo) : base.$wrapper );
+			base.$forward.appendTo( (o.appendForwardTo && $(o.appendForwardTo).length) ? $(o.appendForwardTo) : base.$wrapper );
+
+			base.arrowWidth = base.$forward.width(); // assuming the left & right arrows are the same width - used for toggle
+			base.arrowRight = parseInt(base.$forward.css('right'), 10);
+			base.arrowLeft = parseInt(base.$back.css('left'), 10);
+
+		};
+
+		// Creates the Start/Stop button
+		base.buildAutoPlay = function(){
+			base.$startStop
+				.html('<span>' + (base.playing ? o.stopText : o.startText) + '</span>')
+				.bind(o.clickSlideshow, function(e) {
+					if (o.enableStartStop) {
+						base.startStop(!base.playing);
+						base.makeActive();
+						if (base.playing && !o.autoPlayDelayed) {
+							base.goForward(true, o.playRtl);
+						}
+					}
+					e.preventDefault();
+				})
+				// show button has focus while tabbing
+				.bind('focusin focusout',function(){
+					$(this).toggleClass('hover');
+				});
+		};
+
+		// Adjust slider dimensions on parent element resize
+		base.checkResize = function(stopTimer){
+			// checking document visibility - 
+			var vis = !!(doc.hidden || doc.webkitHidden || doc.mozHidden || doc.msHidden);
+			clearTimeout(base.resizeTimer);
+			base.resizeTimer = setTimeout(function(){
+				var w = base.$outer.width(),
+					h = base.$outer[0].tagName === "BODY" ? base.$win.height() : base.$outer.height();
+				// base.width = width of one panel, so multiply by # of panels; outerPad is padding added for arrows.
+				// ignore changes if window hidden
+				if (!vis && (base.lastDim[0] !== w || base.lastDim[1] !== h)) {
+					
+					base.setDimensions(); // adjust panel sizes
+					
+					//callback for slider resize
+					base.$el.trigger('slideshow_resized', base);
+					
+					// make sure page is lined up (use -1 animation time, so we can differeniate it from when animationTime = 0)
+					base.gotoPage(base.currentPage, base.playing, null, -1);
+					
+				}
+				if (typeof(stopTimer) === 'undefined'){ base.checkResize(); }
+				
+				// increase time if page is hidden; but don't stop it completely
+			}, vis ? 2000 : 500);
+		};
+
+		// Set panel dimensions to either resize content or adjust panel to content
+		base.setDimensions = function(){
+
+			// reset element width & height
+			base.$wrapper.find('.anythingWindow, .anythingBase, .panel')[ $.fn.addBack ? 'addBack' : 'andSelf' ]().css({ width: '', height: '' });
+			base.width = base.$el.width();
+			base.height = base.$el.height();
+			base.outerPad = [ base.$wrapper.innerWidth() - base.$wrapper.width(), base.$wrapper.innerHeight() - base.$wrapper.height() ];
+			var w, h, c, t, edge = 0,
+				fullsize = { width: '100%', height: '100%' },
+				// determine panel width
+				pw = (o.showMultiple > 1 && o.mode === 'horizontal') ? base.width || base.$window.width()/o.showMultiple : base.$window.width(),
+				ph = (o.showMultiple > 1 && o.mode === 'vertical') ? base.height/o.showMultiple || base.$window.height()/o.showMultiple : base.$window.height();
+			if (o.expand){
+				base.lastDim = [ base.$outer.width(), base.$outer.height() ];
+				w = base.lastDim[0] - base.outerPad[0];
+				h = base.lastDim[1] - base.outerPad[1];
+				base.$wrapper.add(base.$window).css({ width: w, height: h });
+				base.height = h = (o.showMultiple > 1 && o.mode === 'vertical') ? ph : h;
+				base.width = pw = (o.showMultiple > 1 && o.mode === 'horizontal') ? w/o.showMultiple : w;
+				base.$items.css({ width: pw, height: ph });
+			}
+			base.$items.each(function(i){
+				t = $(this);
+				c = t.children();
+				if (o.resizeContents){
+					// resize panel
+					w = base.width;
+					h = base.height;
+					t.css({ width: w, height: h });
+					if (c.length) {
+						if (c[0].tagName === "EMBED") { c.attr(fullsize); } // needed for IE7; also c.length > 1 in IE7
+						if (c[0].tagName === "OBJECT") { c.find('embed').attr(fullsize); }
+						// resize panel contents, if solitary (wrapped content or solitary image)
+						if (c.length === 1){ c.css(fullsize); }
+					}
+				} else {
+					// get panel width & height and save it
+					if (o.mode === 'vertical') {
+						w = t.css('display','inline-block').width();
+						t.css('display','');
+					} else {
+						w = t.width() || base.width; // if image hasn't finished loading, width will be zero, so set it to base width instead
+					}
+					if (c.length === 1 && w >= pw){
+						w = (c.width() >= pw) ? pw : c.width(); // get width of solitary child
+						c.css('max-width', w);   // set max width for all children
+					}
+					t.css({ width: w, height: '' }); // set width of panel
+					h = (c.length === 1 ? c.outerHeight(true) : t.height()); // get height after setting width
+					if (h <= base.outerPad[1]) { h = base.height; } // if height less than the outside padding, then set it to the preset height
+					t.css('height', h);
+				}
+				base.panelSize[i] = [w,h,edge];
+				edge += (o.mode === 'vertical') ? h : w;
+			});
+			// Set total width of slider
+			base.$el.css((o.mode === 'vertical' ? 'height' : 'width'), o.mode === 'fade' ? base.width : edge );
+		};
+
+		// get dimension of multiple panels, as needed
+		base.getDim = function(page){
+			var t, i, w = base.width, h = base.height;
+			if (base.pages < 1 || isNaN(page)) { return [ w, h ]; } // prevent errors when base.panelSize is empty
+			page = (o.infiniteSlides && base.pages > 1) ? page : page - 1;
+			i = base.panelSize[page];
+			if (i) {
+				w = i[0] || w;
+				h = i[1] || h;
+			}
+			if (o.showMultiple > 1) {
+				for (i = 1; i < o.showMultiple; i++) {
+					t = page + i;
+					if (o.mode === 'vertical') {
+						w = Math.max(w, base.panelSize[t][0]);
+						h += base.panelSize[t][1];
+					} else {
+						w += base.panelSize[t][0];
+						h = Math.max(h, base.panelSize[t][1]);
+					}
+				}
+			}
+			return [w,h];
+		};
+
+		base.goForward = function(autoplay, rtl) {
+			// targetPage changes before animation so if rapidly changing pages, it will have the correct current page
+			base.gotoPage(base[ o.allowRapidChange ? 'targetPage' : 'currentPage'] + o.changeBy * (rtl ? -1 : 1), autoplay);
+		};
+
+		base.goBack = function(autoplay) {
+			base.gotoPage(base[ o.allowRapidChange ? 'targetPage' : 'currentPage'] - o.changeBy, autoplay);
+		};
+
+		base.gotoPage = function(page, autoplay, callback, time) {
+			if (autoplay !== true) {
+				autoplay = false;
+				base.startStop(false);
+				base.makeActive();
+			}
+			// check if page is an id or class name
+			if (/^[#|.]/.test(page) && $(page).length) {
+				page = $(page).closest('.panel').index() + base.adj;
+			}
+
+			// rewind effect occurs here when changeBy > 1
+			if (o.changeBy !== 1){
+				var adj = base.pages - base.adjustMultiple;
+				if (page < 1) {
+					page = o.stopAtEnd ? 1 : ( o.infiniteSlides ? base.pages + page : ( o.showMultiple > 1 - page ? 1 : adj ) );
+				}
+				if (page > base.pages) {
+					page = o.stopAtEnd ? base.pages : ( o.showMultiple > 1 - page ? 1 : page -= adj );
+				} else if (page >= adj) {
+					// show multiple adjustments
+					page = adj;
+				}
+			}
+
+			if (base.pages <= 1) { return; } // prevents animation
+			base.$lastPage = base.$currentPage;
+			if (typeof(page) !== "number") {
+				page = parseInt(page,10) || o.startPanel;
+				base.setCurrentPage(page);
+			}
+
+			// pause YouTube videos before scrolling or prevent change if playing
+			if (autoplay && o.isVideoPlaying(base)) { return; }
+			if (o.stopAtEnd && !o.infiniteSlides && page > base.pages - o.showMultiple) { page = base.pages - o.showMultiple + 1; } // fixes #515
+			base.exactPage = page;
+			if (page > base.pages + 1 - base.adj) { page = (!o.infiniteSlides && !o.stopAtEnd) ? 1 : base.pages; }
+			if (page < base.adj ) { page = (!o.infiniteSlides && !o.stopAtEnd) ? base.pages : 1; }
+			if (!o.infiniteSlides) { base.exactPage = page; } // exact page used by the fx extension
+			base.currentPage = ( page > base.pages ) ? base.pages : ( page < 1 ) ? 1 : base.currentPage;
+			base.$currentPage = base.$items.eq(base.currentPage - base.adj);
+			base.targetPage = (page === 0) ? base.pages : (page > base.pages) ? 1 : page;
+			base.$targetPage = base.$items.eq(base.targetPage - base.adj);
+			time = typeof time !== 'undefined' ? time : o.animationTime;
+			// don't trigger events when time < 0 - to prevent FX from firing multiple times on page resize
+			if (time >= 0) { base.$el.trigger('slide_init', base); }
+			// toggle arrows/controls only if there is time to see it - fix issue #317
+			if (time > 0) { base.slideControls(true); }
+
+			// Set visual
+			if (o.buildNavigation){
+				base.setNavigation(base.targetPage);
+			}
+
+			// When autoplay isn't passed, we stop the timer
+			if (autoplay !== true) { autoplay = false; }
+			// Stop the slider when we reach the last page, if the option stopAtEnd is set to true
+			if (!autoplay || (o.stopAtEnd && page === base.pages)) { base.startStop(false); }
+
+			if (time >= 0) { base.$el.trigger('slide_begin', base); }
+
+			// delay starting slide animation
+			setTimeout(function(d){
+				var t, p, empty = true;
+				if (o.allowRapidChange) {
+					base.$wrapper.add(base.$el).add(base.$items).stop(true, true);
+				}
+				// resize slider if content size varies
+				if (!o.resizeContents) {
+					// animating the wrapper resize before the window prevents flickering in Firefox
+					// don't animate the dimension if it hasn't changed - fix for issue #264
+					p = base.getDim(page); d = {};
+					// prevent animating a dimension to zero
+					if (base.$wrapper.width() !== p[0]) { d.width = p[0] || base.width; empty = false; }
+					if (base.$wrapper.height() !== p[1]) { d.height = p[1] || base.height; empty = false; }
+					if (!empty) {
+						base.$wrapper.filter(':not(:animated)').animate(d, { queue: false, duration: (time < 0 ? 0 : time), easing: o.easing });
+					}
+				}
+
+				if (o.mode === 'fade') {
+					if (base.$lastPage[0] !== base.$targetPage[0]) {
+						base.fadeIt( base.$lastPage, 0, time );
+						base.fadeIt( base.$targetPage, 1, time, function(){ base.endAnimation(page, callback, time); });
+					} else {
+						base.endAnimation(page, callback, time);
+					}
+				} else {
+					d = {};
+					d[base.dir] = -base.panelSize[(o.infiniteSlides && base.pages > 1) ? page : page - 1][2];
+					// resize width of base element (ul) if vertical & width of content varies
+					if (o.mode === 'vertical' && !o.resizeContents) { d.width = p[0]; }
+					// Animate Slider
+					base.$el.filter(':not(:animated)').animate(
+						d, { queue: false, duration: time < 0 ? 0 : time, easing: o.easing, complete: function(){ base.endAnimation(page, callback, time); } }
+					);
+				}
+			}, parseInt(o.delayBeforeAnimate, 10) || 0);
+		};
+
+		base.endAnimation = function(page, callback, time){
+			if (page === 0) {
+				base.$el.css( base.dir, o.mode === 'fade' ? 0 : -base.panelSize[base.pages][2]);
+				page = base.pages;
+			} else if (page > base.pages) {
+				// reset back to start position
+				base.$el.css( base.dir, o.mode === 'fade' ? 0 : -base.panelSize[1][2]);
+				page = 1;
+			}
+			base.exactPage = page;
+			base.setCurrentPage(page, false);
+
+			if (o.mode === 'fade') {
+				// make sure non current panels are hidden (rapid slide changes)
+				base.fadeIt( base.$items.not(':eq(' + (page - base.adj) + ')'), 0, 0);
+			}
+
+			if (!base.hovered) { base.slideControls(false); }
+
+			if (o.hashTags) { base.setHash(page); }
+
+			if (time >= 0) { base.$el.trigger('slide_complete', base); }
+			// callback from external slide control: $('#slider').anythingSlider(4, function(slider){ })
+			if (typeof callback === 'function') { callback(base); }
+
+			// Continue slideshow after a delay
+			if (o.autoPlayLocked && !base.playing) {
+				setTimeout(function(){
+					base.startStop(true);
+				// subtract out slide delay as the slideshow waits that additional time.
+				}, o.resumeDelay - (o.autoPlayDelayed ? o.delay : 0));
+			}
+		};
+
+		base.fadeIt = function(el, toOpacity, time, callback){
+			var t = time < 0 ? 0 : time;
+			if (o.resumeOnVisible) {
+				el.filter(':not(:animated)').fadeTo(t, toOpacity, callback);
+			} else {
+				el.filter(':not(:animated)')[ toOpacity === 0 ? 'fadeOut' : 'fadeIn' ](t, callback);
+			}
+		};
+
+		base.setCurrentPage = function(page, move) {
+			page = parseInt(page, 10);
+
+			if (base.pages < 1 || page === 0 || isNaN(page)) { return; }
+			if (page > base.pages + 1 - base.adj) { page = base.pages - base.adj; }
+			if (page < base.adj ) { page = 1; }
+
+			// hide/show arrows based on infinite scroll mode
+			if (o.buildArrows && !o.infiniteSlides && o.stopAtEnd){
+				base.$forward[ page === base.pages - base.adjustMultiple ? 'addClass' : 'removeClass']('disabled');
+				base.$back[ page === 1 ? 'addClass' : 'removeClass']('disabled');
+				if (page === base.pages && base.playing) { base.startStop(); }
+			}
+
+			// Only change left if move does not equal false
+			if (!move) {
+				var d = base.getDim(page);
+				base.$wrapper
+					.css({ width: d[0], height: d[1] })
+					.add(base.$window).scrollLeft(0).scrollTop(0); // reset in case tabbing changed this scrollLeft - probably overly redundant
+				base.$el.css( base.dir, o.mode === 'fade' ? 0 : -base.panelSize[(o.infiniteSlides && base.pages > 1) ? page : page - 1][2] );
+			}
+
+			// Update local variable
+			base.currentPage = page;
+			base.$currentPage = base.$items.removeClass('activePage').eq(page - base.adj).addClass('activePage');
+
+			if (o.buildNavigation){
+				base.setNavigation(page);
+			}
+
+		};
+
+		base.setNavigation = function(page){
+			base.$nav
+				.find('.cur').removeClass('cur').end()
+				.find('a').eq(page - 1).addClass('cur');
+		};
+
+		base.makeActive = function(){
+			// Set current slider as active so keyboard navigation works properly
+			if (!base.$wrapper.hasClass('activeSlider')){
+				$('.activeSlider').removeClass('activeSlider');
+				base.$wrapper.addClass('activeSlider');
+			}
+		};
+
+		// This method tries to find a hash that matches an ID and panel-X
+		// If either found, it tries to find a matching item
+		// If that is found as well, then it returns the page number
+		base.gotoHash = function(){
+			var h = win.location.hash,
+				i = h.indexOf('&'),
+				n = h.match(base.regex);
+			// test for "/#/" or "/#!/" used by the jquery address plugin - $('#/') breaks jQuery
+			if (n === null && !/^#&/.test(h) && !/#!?\//.test(h) && !/\=/.test(h)) {
+				// #quote2&panel1-3&panel3-3
+				h = h.substring(0, (i >= 0 ? i : h.length));
+				// ensure the element is in the same slider
+				n = ($(h).length && $(h).closest('.anythingBase')[0] === base.el) ? base.$items.index($(h).closest('.panel')) + base.adj : null;
+			} else if (n !== null) {
+				// #&panel1-3&panel3-3
+				n = (o.hashTags) ? parseInt(n[1],10) : null;
+			}
+			return n;
+		};
+
+		base.setHash = function(n){
+			var s = 'panel' + base.runTimes + '-',
+				h = win.location.hash;
+			if ( typeof h !== 'undefined' ) {
+				win.location.hash = (h.indexOf(s) > 0) ? h.replace(base.regex, s + n) : h + "&" + s + n;
+			}
+		};
+
+		// Slide controls (nav and play/stop button up or down)
+		base.slideControls = function(toggle){
+			var dir = (toggle) ? 'slideDown' : 'slideUp',
+				t1 = (toggle) ? 0 : o.animationTime,
+				t2 = (toggle) ? o.animationTime : 0,
+				op = (toggle) ? 1 : 0,
+				sign = (toggle) ? 0 : 1; // 0 = visible, 1 = hidden
+			if (o.toggleControls) {
+				base.$controls.stop(true,true).delay(t1)[dir](o.animationTime/2).delay(t2);
+			}
+			if (o.buildArrows && o.toggleArrows) {
+				if (!base.hovered && base.playing) { sign = 1; op = 0; } // don't animate arrows during slideshow
+				base.$forward.stop(true,true).delay(t1).animate({ right: base.arrowRight + (sign * base.arrowWidth), opacity: op }, o.animationTime/2);
+				base.$back.stop(true,true).delay(t1).animate({ left: base.arrowLeft + (sign * base.arrowWidth), opacity: op }, o.animationTime/2);
+			}
+		};
+
+		base.clearTimer = function(paused){
+			// Clear the timer only if it is set
+			if (base.timer) {
+				win.clearInterval(base.timer);
+				if (!paused && base.slideshow) {
+					base.$el.trigger('slideshow_stop', base);
+					base.slideshow = false;
+				}
+			}
+		};
+
+		// Pass startStop(false) to stop and startStop(true) to play
+		base.startStop = function(playing, paused) {
+			if (playing !== true) { playing = false; }  // Default if not supplied is false
+			base.playing = playing;
+
+			if (playing && !paused) {
+				base.$el.trigger('slideshow_start', base);
+				base.slideshow = true;
+			}
+
+			// Toggle playing and text
+			if (o.buildStartStop) {
+				base.$startStop.toggleClass('playing', playing).find('span').html( playing ? o.stopText : o.startText );
+				// add button text to title attribute if it is hidden by text-indent
+				if ( base.$startStop.find('span').css('visibility') === "hidden" ) {
+					base.$startStop.addClass(o.tooltipClass).attr( 'title', playing ? o.stopText : o.startText );
+				}
+			}
+
+			// Pause slideshow while video is playing
+			if (playing){
+				base.clearTimer(true); // Just in case this was triggered twice in a row
+				base.timer = win.setInterval(function() {
+					if ( !!(doc.hidden || doc.webkitHidden || doc.mozHidden || doc.msHidden) ) {
+						// stop slideshow if the page isn't visible (issue #463)
+						if (!o.autoPlayLocked) {
+							base.startStop();
+						}
+					} else if ( !o.isVideoPlaying(base) ) {
+						// prevent autoplay if video is playing
+						base.goForward(true, o.playRtl);
+					} else if (!o.resumeOnVideoEnd) {
+						// stop slideshow if resume if false
+						base.startStop();
+					}
+				}, o.delay);
+			} else {
+				base.clearTimer();
+			}
+		};
+
+		// Trigger the initialization
+		base.init();
+	};
+
+	$.anythingSlider.defaults = {
+		// Appearance
+		theme               : "default", // Theme name, add the css stylesheet manually
+		mode                : "horiz",   // Set mode to "horizontal", "vertical" or "fade" (only first letter needed); replaces vertical option
+		expand              : false,     // If true, the entire slider will expand to fit the parent element
+		resizeContents      : true,      // If true, solitary images/objects in the panel will expand to fit the viewport
+		showMultiple        : false,     // Set this value to a number and it will show that many slides at once
+		easing              : "swing",   // Anything other than "linear" or "swing" requires the easing plugin or jQuery UI
+
+		buildArrows         : true,      // If true, builds the forwards and backwards buttons
+		buildNavigation     : true,      // If true, builds a list of anchor links to link to each panel
+		buildStartStop      : true,      // ** If true, builds the start/stop button
+
+/*
+		// commented out as this will reduce the size of the minified version
+		appendForwardTo     : null,      // Append forward arrow to a HTML element (jQuery Object, selector or HTMLNode), if not null
+		appendBackTo        : null,      // Append back arrow to a HTML element (jQuery Object, selector or HTMLNode), if not null
+		appendControlsTo    : null,      // Append controls (navigation + start-stop) to a HTML element (jQuery Object, selector or HTMLNode), if not null
+		appendNavigationTo  : null,      // Append navigation buttons to a HTML element (jQuery Object, selector or HTMLNode), if not null
+		appendStartStopTo   : null,      // Append start-stop button to a HTML element (jQuery Object, selector or HTMLNode), if not null
+*/
+
+		toggleArrows        : false,     // If true, side navigation arrows will slide out on hovering & hide @ other times
+		toggleControls      : false,     // if true, slide in controls (navigation + play/stop button) on hover and slide change, hide @ other times
+
+		startText           : "Start",   // Start button text
+		stopText            : "Stop",    // Stop button text
+		forwardText         : "&raquo;", // Link text used to move the slider forward (hidden by CSS, replaced with arrow image)
+		backText            : "&laquo;", // Link text used to move the slider back (hidden by CSS, replace with arrow image)
+		tooltipClass        : "tooltip", // Class added to navigation & start/stop button (text copied to title if it is hidden by a negative text indent)
+
+		// Function
+		enableArrows        : true,      // if false, arrows will be visible, but not clickable.
+		enableNavigation    : true,      // if false, navigation links will still be visible, but not clickable.
+		enableStartStop     : true,      // if false, the play/stop button will still be visible, but not clickable. Previously "enablePlay"
+		enableKeyboard      : true,      // if false, keyboard arrow keys will not work for this slider.
+
+		// Navigation
+		startPanel          : 1,         // This sets the initial panel
+		changeBy            : 1,         // Amount to go forward or back when changing panels.
+		hashTags            : true,      // Should links change the hashtag in the URL?
+		infiniteSlides      : true,      // if false, the slider will not wrap & not clone any panels
+		navigationFormatter : null,      // Details at the top of the file on this use (advanced use)
+		navigationSize      : false,     // Set this to the maximum number of visible navigation tabs; false to disable
+
+		// Slideshow options
+		autoPlay            : false,     // If true, the slideshow will start running; replaces "startStopped" option
+		autoPlayLocked      : false,     // If true, user changing slides will not stop the slideshow
+		autoPlayDelayed     : false,     // If true, starting a slideshow will delay advancing slides; if false, the slider will immediately advance to the next slide when slideshow starts
+		pauseOnHover        : true,      // If true & the slideshow is active, the slideshow will pause on hover
+		stopAtEnd           : false,     // If true & the slideshow is active, the slideshow will stop on the last page. This also stops the rewind effect when infiniteSlides is false.
+		playRtl             : false,     // If true, the slideshow will move right-to-left
+
+		// Times
+		delay               : 3000,      // How long between slideshow transitions in AutoPlay mode (in milliseconds)
+		resumeDelay         : 15000,     // Resume slideshow after user interaction, only if autoplayLocked is true (in milliseconds).
+		animationTime       : 600,       // How long the slideshow transition takes (in milliseconds)
+		delayBeforeAnimate  : 0,         // How long to pause slide animation before going to the desired slide (used if you want your "out" FX to show).
+
+/*
+		// Callbacks - commented out to reduce size of the minified version - they still work
+		onSliderResize      : function(e, slider) {}, // Callback when slider resizes
+		onBeforeInitialize  : function(e, slider) {}, // Callback before the plugin initializes
+		onInitialized       : function(e, slider) {}, // Callback when the plugin finished initializing
+		onShowStart         : function(e, slider) {}, // Callback on slideshow start
+		onShowStop          : function(e, slider) {}, // Callback after slideshow stops
+		onShowPause         : function(e, slider) {}, // Callback when slideshow pauses
+		onShowUnpause       : function(e, slider) {}, // Callback when slideshow unpauses - may not trigger properly if user clicks on any controls
+		onSlideInit         : function(e, slider) {}, // Callback when slide initiates, before control animation
+		onSlideBegin        : function(e, slider) {}, // Callback before slide animates
+		onSlideComplete     : function(slider) {},    // Callback when slide completes - no event variable!
+*/
+
+		// Interactivity
+		clickForwardArrow   : "click",         // Event used to activate forward arrow functionality (e.g. add jQuery mobile's "swiperight")
+		clickBackArrow      : "click",         // Event used to activate back arrow functionality (e.g. add jQuery mobile's "swipeleft")
+		clickControls       : "click focusin", // Events used to activate navigation control functionality
+		clickSlideshow      : "click",         // Event used to activate slideshow play/stop button
+		allowRapidChange    : false,           // If true, allow rapid changing of the active pane, instead of ignoring activity during animation
+
+		// Video
+		resumeOnVideoEnd    : true,      // If true & the slideshow is active & a supported video is playing, it will pause the autoplay until the video is complete
+		resumeOnVisible     : true,      // If true the video will resume playing, if previously paused; if false, the video remains paused.
+		isVideoPlaying      : function(base){ return false; } // return true if video is playing or false if not - used by video extension
+
+		// deprecated - use the video extension wmode option now
+		// addWmodeToObject : "opaque"   // If your slider has a video supported by the extension, the script will automatically add a wmode parameter with this setting
+
+	};
+
+	$.fn.anythingSlider = function(options, callback) {
+
+		return this.each(function(){
+			var page, anySlide = $(this).data('AnythingSlider');
+
+			// initialize the slider but prevent multiple initializations
+			if ((typeof(options)).match('object|undefined')){
+				if (!anySlide) {
+					(new $.anythingSlider(this, options));
+				} else {
+					anySlide.updateSlider();
+				}
+			// If options is a number, process as an external link to page #: $(element).anythingSlider(#)
+			} else if (/\d/.test(options) && !isNaN(options) && anySlide) {
+				page = (typeof(options) === "number") ? options : parseInt($.trim(options),10); // accepts "  2  "
+				// ignore out of bound pages
+				if ( page >= 1 && page <= anySlide.pages ) {
+					anySlide.gotoPage(page, false, callback); // page #, autoplay, one time callback
+				}
+			// Accept id or class name
+			} else if (/^[#|.]/.test(options) && $(options).length) {
+				anySlide.gotoPage(options, false, callback);
+			}
+		});
+	};
+
+})(jQuery, window, document);