spree_slider 1.0.0

data/lib/spree_slider/engine.rb

@@ -0,0 +1,23 @@
+module SpreeSlider
+  class Engine < Rails::Engine
+    engine_name 'spree_slider'
+
+    config.autoload_paths += %W(#{config.root}/lib)
+
+    # use rspec for tests
+    config.generators do |g|
+      g.test_framework :rspec
+    end
+
+    def self.activate
+      Dir.glob(File.join(File.dirname(__FILE__), "../../app/overrides/*.rb")) do |c|
+        Rails.application.config.cache_classes ? require(c) : load(c)
+      end
+      Dir.glob(File.join(File.dirname(__FILE__), "../../app/**/*_decorator*.rb")) do |c|
+        Rails.configuration.cache_classes ? require(c) : load(c)
+      end
+    end
+
+    config.to_prepare &method(:activate).to_proc
+  end
+end

data/lib/spree_slider.rb

@@ -0,0 +1,2 @@
+require 'spree_core'
+require 'spree_slider/engine'

data/script/rails

@@ -0,0 +1,5 @@
+#!/usr/bin/env ruby
+# This command will automatically be run when you run "rails" with Rails 3 gems installed from the root of your application.
+
+ENGINE_PATH = File.expand_path('../..',  __FILE__)
+load File.expand_path('../../spec/dummy/script/rails',  __FILE__)

data/spec/spec_helper.rb

@@ -0,0 +1,32 @@
+# Configure Rails Environment
+ENV["RAILS_ENV"] = "test"
+
+require File.expand_path("../dummy/config/environment.rb",  __FILE__)
+
+require 'rspec/rails'
+
+# Requires supporting ruby files with custom matchers and macros, etc,
+# in spec/support/ and its subdirectories.
+Dir[File.join(File.dirname(__FILE__), "support/**/*.rb")].each {|f| require f }
+
+# Requires factories defined in spree_core
+require 'spree/core/testing_support/factories'
+
+RSpec.configure do |config|
+  # == Mock Framework
+  #
+  # If you prefer to use mocha, flexmock or RR, uncomment the appropriate line:
+  #
+  # config.mock_with :mocha
+  # config.mock_with :flexmock
+  # config.mock_with :rr
+  config.mock_with :rspec
+
+  # Remove this line if you're not using ActiveRecord or ActiveRecord fixtures
+  config.fixture_path = "#{::Rails.root}/spec/fixtures"
+
+  # If you're not using ActiveRecord, or you'd prefer not to run each of your
+  # examples within a transaction, remove the following line or assign false
+  # instead of true.
+  config.use_transactional_fixtures = true
+end

data/spree_slider.gemspec

@@ -0,0 +1,26 @@
+# encoding: UTF-8
+Gem::Specification.new do |s|
+  s.platform    = Gem::Platform::RUBY
+  s.name        = 'spree_slider'
+  s.version     = '1.0.0'
+  s.summary     = 'Spree Slider extension'
+  s.description = 'Adds a slider to the homepage'
+  s.required_ruby_version = '>= 1.8.7'
+
+  s.author            = 'Giuseppe Privitera'
+  s.email             = 'priviterag@gmail.com'
+  s.homepage          = 'https://github.com/priviterag/spree_slider'
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.require_path = 'lib'
+  s.requirements << 'none'
+
+  s.add_dependency 'spree_core', '~> 1.0.0'
+
+  s.add_development_dependency 'capybara', '1.0.1'
+  s.add_development_dependency 'factory_girl'
+  s.add_development_dependency 'ffaker'
+  s.add_development_dependency 'rspec-rails',  '~> 2.7'
+  s.add_development_dependency 'sqlite3'
+end

data/vendor/assets/anything-slider/README.textile

@@ -0,0 +1,13 @@
+h1. AnythingSlider jQuery Plugin
+
+*Just what the world needs, another jQuery slider. YAWN.* I know, check this one out though, it’s got lots of cool features.
+
+Here on CSS-Tricks, I’ve created a number of different sliders. Three, in fact. A "“featured content”":http://css-tricks.com/creating-a-slick-auto-playing-featured-content-slider/ slider, a "“start/stop slider”":http://css-tricks.com/startstop-slider/, and "“moving boxes”":http://css-tricks.com/moving-boxes/. Each of them had some cool interesting feature that I needed to build at the time. All were well-received, but as is the case with these things, people want them to do X, Y, and Z in addition to what they already did.
+
+This new AnythingSlider is an attempt at bringing together the functionality of all of those previous sliders and adding new features. In other words, to create a really “full featured” slider that could be widely useful. This is the first time (on CSS-Tricks) that one of these sliders is an actual plugin as well, which should make implementing it and customizing it much easier.
+
+* "Documentation Wiki":https://github.com/ProLoser/AnythingSlider/wiki
+* "Keep Reading":http://css-tricks.com/anythingslider-1-4/
+* "Main Demo":http://proloser.github.com/AnythingSlider/
+* "More Demos":https://github.com/ProLoser/AnythingSlider/wiki
+* Having an issue? Submit it "here":https://github.com/ProLoser/AnythingSlider/issues

data/vendor/assets/anything-slider/css/anythingslider-ie.css

@@ -0,0 +1,45 @@
+/* AnythingSlider IE7 and older stylesheet - included !important flag in case the theme is loaded after page load */
+
+/* Navigation Arrows */
+div.anythingSlider .arrow {
+	top: 35% !important;
+}
+div.anythingSlider-metallic .arrow {
+	top: 40% !important;
+}
+div.anythingSlider-construction .arrow {
+	top: 14% !important;
+}
+div.anythingSlider-minimalist-round .arrow , div.anythingSlider-minimalist-square .arrow {
+	top: 45% !important;
+}
+div.anythingSlider-cs-portfolio .arrow {
+	bottom: -24px !important;
+}
+
+div.anythingSlider .arrow a,
+div.anythingSlider-metallic .arrow a,
+div.anythingSlider-minimalist-square .arrow a,
+div.anythingSlider-construction .arrow a,
+div.anythingSlider-minimalist-round .arrow a {
+	margin: 0 !important;
+}
+
+/* When using the navigationSize option, the side margins need to be zero
+   None of the navigation panels look good in IE7 now =( */
+div.anythingSlider .anythingControls ul.thumbNav a {
+	margin: 0;
+}
+div.anythingSlider .anythingControls .anythingNavWindow li {
+	padding: 3px 0 0 0;
+}
+div.anythingSlider-cs-portfolio .anythingControls .anythingNavWindow {
+	margin: 18px 0 0 0;
+}
+div.anythingSlider-metallic .anythingControls,
+div.anythingSlider-minimalist-square .anythingControls,
+div.anythingSlider-construction .anythingControls,
+div.anythingSlider-minimalist-round .anythingControls {
+	width: 70%; /* arbitrary percentage, adjust to fit your slider in IE7 */
+	margin-top: 3px;
+}

data/vendor/assets/anything-slider/css/anythingslider.css

@@ -0,0 +1,204 @@
+/*
+	AnythingSlider v1.7+ Default (base) theme
+	By Chris Coyier: http://css-tricks.com
+	with major improvements by Doug Neiner: http://pixelgraphics.us/
+	based on work by Remy Sharp: http://jqueryfordesigners.com/
+*/
+
+/*****************************
+  SET DEFAULT DIMENSIONS HERE
+ *****************************/
+/* change the ID to match your slider */
+#slider {
+	width: 700px;
+	height: 390px;
+	list-style: none;
+	/* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */
+	overflow-y: auto;
+	overflow-x: hidden;
+}
+/* Opera width restriction */
+.anythingBase { max-width: 32766px; }
+
+/*****************
+  SET COLORS HERE
+ *****************/
+/**** Default state (no keyboard focus) ****/
+/* slider window - top & bottom borders, default state */
+div.anythingSlider .anythingWindow {
+	border-top: 3px solid #777;
+	border-bottom: 3px solid #777;
+}
+/* Navigation buttons, default state */
+div.anythingSlider .anythingControls ul a.cur, div.anythingSlider .anythingControls ul a {
+	background: #777;
+	color: #000;
+}
+/* start-stop button, stopped, default state */
+div.anythingSlider .start-stop {
+	background-color: #040;
+	color: #fff;
+}
+/* start-stop button, playing, default state */
+div.anythingSlider .start-stop.playing {
+	background-color: #800;
+}
+/* start-stop button, default hovered text color (when visible) */
+div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
+	color: #ddd;
+}
+
+/**** Active State (slider has keyboard focus) ****/
+/* slider window - top & bottom borders, active state */
+div.anythingSlider.activeSlider .anythingWindow {
+	border-color: #7C9127;
+}
+/* Navigation buttons, active state */
+div.anythingSlider.activeSlider .anythingControls ul a.cur, div.anythingSlider.activeSlider .anythingControls ul a {
+	background-color: #7C9127;
+}
+/* start-stop button, stopped, active state */
+div.anythingSlider .start-stop {
+	background-color: #080;
+	color: #fff;
+}
+/* start-stop button, playing, active state */
+div.anythingSlider .start-stop.playing {
+	background-color: #d00;
+}
+/* start-stop button, active slider hovered text color (when visible) */
+div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover {
+	color: #fff;
+}
+
+/***********************
+  COMMON SLIDER STYLING
+ ***********************/
+/* Overall Wrapper: 45px right & left padding for the arrows, 28px @ bottom for navigation */
+div.anythingSlider {
+	display: block;
+	margin: 0 auto;
+	overflow: visible !important; /* needed for Opera and Safari */
+	position: relative;
+	padding: 0 45px 28px 45px;
+}
+/* anythingSlider viewport window */
+div.anythingSlider .anythingWindow {
+	overflow: hidden;
+	position: relative;
+	width: 100%;
+	height: 100%;
+}
+/* anythingSlider base (original element) */
+.anythingBase {
+	background: transparent;
+	list-style: none;
+	position: absolute;
+	overflow: visible !important;
+	top: 0;
+	left: 0;
+	margin: 0;
+	padding: 0;
+}
+/* all panels inside the slider */
+.anythingBase .panel {
+	background: transparent;
+	display: block;
+	overflow: hidden;
+	float: left;
+	padding: 0;
+	margin: 0;
+}
+.anythingBase .panel.vertical {
+	float: none;
+}
+
+/* Navigation Arrows */
+div.anythingSlider .arrow {
+	top: 50%;
+	position: absolute;
+	display: block;
+}
+div.anythingSlider .arrow a {
+	display: block;
+	height: 140px;
+	margin: -70px 0 0 0; /* half height of image */
+	width: 45px;
+	text-align: center;
+	outline: 0;
+	background: url(../images/default.png) no-repeat;
+}
+/* hide text, target the span so IE7 doesn't text-indent the link */
+div.anythingSlider .arrow a span { display: block; text-indent: -9999px; }
+/* back arrow */
+div.anythingSlider .back { left: 0; }
+div.anythingSlider .back a { background-position: left top; }
+div.anythingSlider .back a:hover, div.anythingSlider .back a.hover { background-position: left -140px; }
+div.anythingSlider .back.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
+/* forward arrow */
+div.anythingSlider .forward { right: 0; }
+div.anythingSlider .forward a { background-position: right top; }
+div.anythingSlider .forward a:hover, div.anythingSlider .forward a.hover { background-position: right -140px; }
+div.anythingSlider .forward.disabled { display: none; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */
+
+/* Navigation Links */
+div.anythingSlider .anythingControls { outline: 0; display: none; }
+div.anythingSlider .anythingControls ul { margin: 0; padding: 0; float: left; }
+div.anythingSlider .anythingControls ul li { display: inline; }
+div.anythingSlider .anythingControls ul a {
+	font: 11px/18px Georgia, Serif;
+	display: inline-block;
+	text-decoration: none;
+	padding: 2px 8px;
+	height: 18px;
+	margin: 0 5px 0 0;
+	background-image: url(../images/default.png);
+	background-position: center -288px ;
+	background-repeat: repeat-x;
+	text-align: center;
+	outline: 0;
+	border-radius: 0 0 5px 5px;
+	-moz-border-radius: 0 0 5px 5px;
+	-webkit-border-radius: 0 0 5px 5px;
+}
+div.anythingSlider .anythingControls ul a:hover {
+	background-image: none;
+}
+/* Navigation size window */
+div.anythingSlider .anythingControls .anythingNavWindow { overflow: hidden; float: left; }
+
+/* slider autoplay right-to-left, reverse order of nav links to look better */
+div.anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
+div.anythingSlider.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
+div.anythingSlider.rtl .anythingWindow {
+	direction: ltr;
+	unicode-bidi: bidi-override;
+}
+/* div.anythingSlider.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
+
+/* Autoplay Start/Stop button */
+div.anythingSlider .start-stop {
+	background-image: url(../images/default.png);
+	background-position: center -288px;
+	background-repeat: repeat-x;
+	padding: 2px 5px;
+	width: 40px;
+	text-align: center;
+	text-decoration: none;
+	float: right;
+	z-index: 100;
+	outline: 0;
+	border-radius: 0 0 5px 5px;
+	-moz-border-radius: 0 0 5px 5px;
+	-webkit-border-radius: 0 0 5px 5px;
+}
+/* hide cell shading on hover - makes the button appear to come forward */
+div.anythingSlider .start-stop:hover, div.anythingSlider .start-stop.hover { background-image: none; }
+
+/* probably not necessary, but added just in case */
+div.anythingSlider, div.anythingSlider .anythingWindow, div.anythingSlider .anythingControls ul a, div.anythingSlider .arrow a, div.anythingSlider .start-stop {
+	transition-duration: 0;
+	-o-transition-duration: 0;
+	-moz-transition-duration: 0;
+	-webkit-transition-duration: 0;
+}

data/vendor/assets/anything-slider/css/theme-construction.css

@@ -0,0 +1,142 @@
+/*
+	AnythingSlider v1.5.10 Construction Theme
+	By Rob Garrison
+*/
+
+/****** SET COLORS HERE *******/
+/* Default State */
+div.anythingSlider-construction .anythingWindow {
+	border-top: 3px solid #333;
+	border-bottom: 3px solid #333;
+}
+
+/* Active State */
+div.anythingSlider-construction.activeSlider .anythingWindow {
+	border-color: #d0aa0d;
+}
+div.anythingSlider-construction.activeSlider .anythingControls ul a:hover, div.anythingSlider-construction.activeSlider .anythingControls ul a {
+ background-color: transparent;
+}
+
+/* Navigation Arrows */
+div.anythingSlider-construction .arrow {
+	top: 50%;
+	position: absolute;
+	display: block;
+	z-index: 100;
+}
+div.anythingSlider-construction .arrow a {
+	display: block;
+	height: 300px;
+	margin-top: -150px; /* half height of image */
+	width: 45px;
+	outline: 0;
+	background: url(../images/construction.gif) no-repeat;
+}
+
+div.anythingSlider-construction .forward a {
+	border-radius: 0 5px 5px 0;
+	-moz-border-radius: 0 5px 5px 0;
+	-webkit-border-radius: 0 5px 5px 0;
+}
+
+div.anythingSlider-construction .back a {
+	border-radius: 5px 0 0 5px;
+	-moz-border-radius: 5px 0 0 5px;
+	-webkit-border-radius: 5px 0 0 5px;
+}
+
+div.anythingSlider-construction .forward { right: 0; }
+div.anythingSlider-construction .back { left: 0; }
+div.anythingSlider-construction .forward a { background-position: right top; }
+div.anythingSlider-construction .back a { background-position: left top; }
+div.anythingSlider-construction .forward a:hover, div.anythingSlider-construction .forward a.hover { background-position: -50px top; }
+div.anythingSlider-construction .back a:hover, div.anythingSlider-construction .back a.hover { background-position: -5px top; }
+
+/* Navigation Links */
+div.anythingSlider-construction .anythingControls {
+	float: right;
+	position: absolute;
+	bottom: 0;
+	right: 15%;
+	z-index: 100;
+	opacity: 0.90;
+	filter: alpha(opacity=90);
+}
+div.anythingSlider-construction .anythingControls ul {
+	margin: 0;
+	z-index: 100;
+}
+div.anythingSlider-construction .anythingControls ul li {
+	display: block;
+	float: left;
+}
+div.anythingSlider-construction .anythingControls ul a, div.anythingSlider-construction.activeSlider .anythingControls ul a,
+div.anythingSlider-construction .anythingControls a.start-stop {
+	display: block;
+	background: transparent url(../images/construction.gif) -36px -301px no-repeat;
+	border: 0;
+	height: 15px;
+	width: 15px;
+	margin: 2px;
+	padding: 0;
+	outline: 0;
+}
+div.anythingSlider-construction div.anythingControls a:hover, div.anythingSlider-construction .anythingControls ul a.cur,
+div.anythingSlider-construction.activeSlider .anythingControls ul a.cur {
+	background: transparent url(../images/construction.gif) -21px -301px no-repeat;
+}
+
+/* Navigation size window arrows */
+div.anythingSlider-construction .anythingControls li.next a, div.anythingSlider-construction .anythingControls li.prev a {
+	height: 12px;
+	width: 12px;
+	margin-top: 3px;
+	border-radius: 0;
+	-moz-border-radius: 0;
+	-webkit-border-radius: 0;
+	background: transparent url(../images/construction.gif) no-repeat;
+}
+div.anythingSlider-construction .anythingControls li.next a {
+	background-position: -78px -144px;
+}
+div.anythingSlider-construction .anythingControls li.prev a {
+	background-position: -12px -144px;
+}
+div.anythingSlider-construction .anythingControls li.next a:hover {
+	background: transparent url(../images/construction.gif) -76px -144px no-repeat;
+}
+div.anythingSlider-construction .anythingControls li.prev a:hover {
+	background: transparent url(../images/construction.gif) -14px -144px no-repeat;
+}
+
+/* slider autoplay right-to-left, reverse order of nav links to look better */
+div.anythingSlider-construction.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
+div.anythingSlider-construction.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
+/* div.anythingSlider-construction.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
+
+/* Autoplay Start/Stop button */
+div.anythingSlider-construction .anythingControls a.start-stop {
+	display: inline-block;
+	background: transparent url(../images/construction.gif) -66px -301px no-repeat;
+	z-index: 100;
+	float: right;
+}
+div.anythingSlider-construction .anythingControls a.start-stop.playing, div.anythingSlider-construction.activeSlider .anythingControls a.start-stop.playing  {
+	background-position: -51px -301px;
+}
+div.anythingSlider-construction .anythingControls a.start-stop:hover, div.anythingSlider-construction .anythingControls a.start-stop.playing:hover {
+	background-position: -21px -301px;
+}
+
+/* Extra - replace defaults */
+div.anythingSlider-construction {
+	padding: 6px 45px;
+}
+
+/* text indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */
+div.anythingSlider-construction .arrow a span, div.anythingSlider-construction .anythingControls ul a span, div.anythingSlider-construction .start-stop span {
+	display: block;
+	line-height: 1px; /* needed for IE7 */
+	text-indent: -9999px;
+}

data/vendor/assets/anything-slider/css/theme-cs-portfolio.css

@@ -0,0 +1,148 @@
+/*
+	AnythingSlider v1.5.10 cs-portfolio
+	By Curtis Scott (http://www.curtisscott.com/portfolio.html)
+	updated to work with the new themes
+*/
+
+/*** Note: the nav-cs-portfolio.png used for navigation and slideshow buttons uses a semi-transparent png,
+     through which the background color is seen... so colors set will turn out darker than normal ***/
+
+/****** SET COLORS HERE *******/
+/* Default/Acitve State */
+div.anythingSlider-cs-portfolio .anythingControls ul a, div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a {
+	background-color: #fff;
+}
+div.anythingSlider-cs-portfolio .anythingControls ul a:hover, div.anythingSlider-cs-portfolio .anythingControls ul a.cur,
+div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a:hover, div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a.cur {
+	background-color: #0d5c9f;
+}
+div.anythingSlider-cs-portfolio .start-stop, div.anythingSlider-cs-portfolio .start-stop.hover {
+	background-color: #080;
+}
+div.anythingSlider-cs-portfolio .start-stop:hover {
+	background-color: #0f0;
+}
+div.anythingSlider-cs-portfolio .start-stop.playing {
+	background-color: #a00;
+}
+div.anythingSlider-cs-portfolio .start-stop.playing:hover {
+	background-color: #f00;
+}
+
+/* Overall */
+div.anythingSlider-cs-portfolio {}
+div.anythingSlider-cs-portfolio .anythingWindow, div.anythingSlider-cs-portfolio.activeSlider .anythingWindow {
+	border: 0;
+}
+/* Navigation Arrows */
+div.anythingSlider-cs-portfolio .arrow {
+	display: block;
+	bottom: 7px; /* this is -18px for IE7 */
+	position: absolute;
+	z-index: 100;
+}
+div.anythingSlider-cs-portfolio .arrow a {
+	display: block;
+	bottom: 5px;
+	position: absolute;
+	height: 27px;
+	width: 26px;
+	outline: 0;
+	background: url(../images/cs-portfolio.png) no-repeat;
+}
+div.anythingSlider-cs-portfolio .forward { right: 70px; }
+div.anythingSlider-cs-portfolio .back { left: 20px; }
+div.anythingSlider-cs-portfolio .forward a { background-position: -24px top; }
+div.anythingSlider-cs-portfolio .back a { background-position: left top; }
+div.anythingSlider-cs-portfolio .forward a:hover, div.anythingSlider-cs-portfolio .forward a.hover { background-position: -24px -27px; }
+div.anythingSlider-cs-portfolio .back a:hover, div.anythingSlider-cs-portfolio .back a.hover { background-position: left -27px; }
+
+/* Navigation Links */
+div.anythingSlider-cs-portfolio .anythingControls {
+	background: url(../images/cs-portfolio.png) repeat-x bottom center;
+	height: 49px;
+	margin: 0 auto 49px auto;
+	padding-left: 150px;
+	text-align: center;
+	z-index: 100;
+}
+div.anythingSlider-cs-portfolio .anythingControls ul {
+	margin: 0;
+	z-index: 100;
+}
+div.anythingSlider-cs-portfolio .anythingControls ul li {
+	padding: 0;
+	display: inline;
+}
+
+div.anythingSlider-cs-portfolio .anythingControls ul a, div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a {
+	display: inline-block;
+	width: 17px;
+	height: 17px;
+	margin: 18px 5px 0 0;
+	padding: 0;
+	outline: 0;
+	border: 0;
+}
+
+div.anythingSlider-cs-portfolio .anythingControls ul a, div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a,
+div.anythingSlider-cs-portfolio .anythingControls ul a:hover, div.anythingSlider-cs-portfolio .anythingControls ul a.cur,
+div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a:hover, div.anythingSlider-cs-portfolio.activeSlider .anythingControls ul a.cur {
+	background-image: url(../images/cs-portfolio.png);
+	background-position: right -20px;
+	background-repeat: no-repeat;
+}
+
+/* Navigation size window arrows */
+div.anythingSlider-cs-portfolio .anythingControls li.next a, div.anythingSlider-cs-portfolio .anythingControls li.prev a,
+div.anythingSlider-cs-portfolio .anythingControls li.next a:hover, div.anythingSlider-cs-portfolio .anythingControls li.prev a:hover {
+	width: 16px;
+	height: 15px;
+	background: url(../images/cs-portfolio.png) -25px -54px no-repeat;
+	margin: 19px 5px 0 5px;
+}
+div.anythingSlider-cs-portfolio .anythingControls li.prev a {
+	background-position: -9px -54px;
+}
+div.anythingSlider-cs-portfolio .anythingControls li.next a:hover {
+	background-position: -56px -54px;
+}
+div.anythingSlider-cs-portfolio .anythingControls li.prev a:hover {
+	background-position: -41px -54px;
+}
+
+/* slider autoplay right-to-left, reverse order of nav links to look better */
+div.anythingSlider-cs-portfolio.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */
+div.anythingSlider-cs-portfolio.rtl .anythingControls ul { float: left; }    /* move nav link group to left */
+/* div.anythingSlider-cs-portfolio.rtl .start-stop { float: right; } */ /* move start/stop button - in case you want to switch sides */
+
+/* Autoplay Start/Stop button */
+div.anythingSlider-cs-portfolio .start-stop, div.anythingSlider-cs-portfolio .start-stop.hover {
+	margin: 15px 50px 0 0;
+	padding: 0;
+	display: inline-block;
+	text-align: center;
+	width: 20px;
+	height: 20px;
+	z-index: 100;
+	border: 0;
+}
+div.anythingSlider-cs-portfolio .start-stop, div.anythingSlider-cs-portfolio .start-stop.hover,
+div.anythingSlider-cs-portfolio .start-stop:hover, div.anythingSlider-cs-portfolio .start-stop.playing,
+div.anythingSlider-cs-portfolio .start-stop.playing:hover {
+	background-image: url(../images/cs-portfolio.png);
+	background-position: right top;
+	background-repeat: no-repeat;
+}
+
+/* Extra - replace defaults */
+div.anythingSlider-cs-portfolio {
+	padding: 0 23px 50px 0;
+}
+
+/* text indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */
+div.anythingSlider-cs-portfolio .arrow a span, div.anythingSlider-cs-portfolio .anythingControls ul a span, div.anythingSlider-cs-portfolio .start-stop span {
+	display: block;
+	line-height: 1px; /* needed for IE7 */
+	text-indent: -9999px;
+}