Updated matchup bars on the period page.

* Now shows the precentages to the left and right as well as tooltips.
* Fixes a small bug in Chrome (see below, the small white space to the right).
* Code refactoring, uses some `with` statements to make it easier to read the HTML.

Before:
![before](https://f.cloud.github.com/assets/1675190/1229393/5faf23a0-27b7-11e3-91dd-58fa347aa3a5.png)

After:
![after](https://f.cloud.github.com/assets/1675190/1229394/6681fac2-27b7-11e3-86af-7726fb172e6b.png)