Initial zone editing in html5 canvas

If you navigate to /zones, you'll get a table of monitors with their respective zones.  If you click on the zone, you'll be taken to the zone edit page.   This page is still in its infancy and has a couple of bugs (you need to click on reset for the image to show).  You can click around on the image and then click 'Done' to fill in the 'zone'.  Eventually 'Done' will save these values to the database as the legacy skin does.  Also need to add the rest of the zone configuration form elements.

This is mostly a proof-of-concept that zones can be done in html5 canvas.  Please criticize.
![screen shot 2013-10-18 at 10 12 30 am](https://f.cloud.github.com/assets/114193/1360975/74d4a586-37ff-11e3-98fa-4bdc3c77d4fd.png)
![screen shot 2013-10-18 at 10 12 40 am](https://f.cloud.github.com/assets/114193/1360976/74f0ccb6-37ff-11e3-8a39-965b8b927add.png)
![screen shot 2013-10-18 at 10 13 05 am](https://f.cloud.github.com/assets/114193/1360977/74f6f1ea-37ff-11e3-8487-f77b34ea1e48.png)
![screen shot 2013-10-18 at 10 13 12 am](https://f.cloud.github.com/assets/114193/1360978/74ffbfb4-37ff-11e3-9404-1cc6bedbf46f.png)