at this point all three cases look like they do virtually the same thing. This would be much cleaner if we refactor so that there is a function that generates the event handler based on the single difference between each event.

```
function generateEventHandler( action ){
  return function() {
    var num = ...,
        message = ...,
    top.postMessage(message, '*');
  };
}
```
and then call it with

```
.click(generateEventHandler("scroll").mouseout(generateEventHandler(...).[...]
```