It's unnecessarily bulky to reference tween configs against DOM objects on bootstrap, then extracting those values and creating the tween instantiations on the click handler. We may as well do everything on the click handler.
Added some more SASS
The slide direction issue was due to not creating a deep copy of the tween config object. Doh!
Now abstracting the tween creation logic away from SlideControl into their own class
Should really have stashed this
Dynamically flipping the CSS box offset if the new slide comes after the current one
Added reference to flipped CSS box offset in the tween instantiation, so we can obtain it later on.
Reset CSS box offsets on elements removed from the DOM on a tween onComplete callback, so that previous offsets don't influence any subsequent tweens on that element.
Renamed
Added .gitignore
A component's tween ending position is the same, regardless of which direction its slides in from.
Appended to the correct element
Whoops!
New location
Start of SASS
Starting to remove embedded CSS