What is Canopy
Canopy is an overlay library. It's purpose is to be a simple UI element that will dim the current document and allow other UI elements to exist on top of it.
Canopy Is Ready On Load
Since canopy can be used over and over again, it's library is instantiated at runtime. It is bound to the live global object and can be used once the DOM has been determined ready.
How to Use Canopy
Canopy has two major functions: on() and off(). These are pretty self explanatory.
Turn Canopy On
live.canopy.on()
Turn Canopy Off
live.canopy.off()
Canopy CSS
In order for Canopy to work correctly, the latests live.css needs to be included in the document. It CSS driven and image independent.