Debugger in a div!

## Features
* The debugger is in a `div` on the right side of the window now!
    * It moves with the window
    * It's pretty
    * **It's written in elm!***
    * Watches are pretty printed using a modified `toString` function
    * It can be hidden but still running
    * Scrub back in time whenever you want
* Removed the `html` debugger
    * We don't need the server code to make a frameset webpage
* Start debugging with:
```html
<script type="text/javascript" src="/debugger.js"></script>
<script type="text/javascript">
var todomvc = Elm.debugFullscreen(Elm.Todo, "todo.elm");
</script>
```
It's two lines that do everything needed to summon the debugging panel

### Notes
* *: There is a native module included in `slider/` that implements the slider. It will not go in the catalogue. I'm not sure if this is the best place for it though. Perhaps it should be a git submodule from a repo that I make? <br/>
In addition, there is a javascript file: `debugger.js` that communicates between the debugging interface and the debugging module.

### Todo
* Bump the version
I think we can abstract out something like this:

```haskell
myButton handle value name =
    let img state = image 40 40 ("/" ++ name ++ "-button-" ++ state ++ ".png" in
    customButton handle value (img "up") (img "hover") (img "down")

playButton : Element
playButton =
    myButton pausedInput.handle False "play"
```

This also means we can change the path to all of these resources quite easily. On that note, I think all the images should be in a directory.