Reworked view and maxcontent animations

The previous implementation of the maxcontent animations would leave behind large margins in the header and footer when animating the header/footer due to the height animation lagging behind the transform. (This could be seen if a background color was applied to the main section.)

Gif showing old problematic animation of demo.html in Firefox: 
![view_anim_bug](https://f.cloud.github.com/assets/1449660/626832/f86aa06a-cfd3-11e2-8e6c-f51e0b07aa5a.gif)

Also, the animation did not show on Webkit browsers, and changing the header/footer sizes after an animation had occurred did not auto-size the bars to accommodate the changes.

===

This set of changes reworks the animation so that the window-shade style sliding is retained while also ensuring that the boundaries of the header/footer are kept tight. Documentation is included in view.js.

Gif showing new version of animation in demo.html in Firefox: 
![view_anim_fixed](https://f.cloud.github.com/assets/1449660/626835/16820f8e-cfd4-11e2-9f92-fb0e27383318.gif)