To create a mouse-over 'pop-up' with legend. The only way to demonstrate is within a page, so .....
Here's a demo on a dummy site, but I've made it so that you can customise to your own requirements and download all the necessary / modified files
Demo / Configurater
The DEMO / 'configurator' should work with M$ IE, If you can't remember where you live it will take a best guess at lat / lon / city - once you have set anything it will remember you for a week, because you may be back to 'tweak'.
Recap:
- You get TWO daylight hours graphics which can be used as stand-alones
The code is customised for you so you don't need PHP / coding knowledge
If you want a mouse-over popup you can put it where you want and the code is provided for you
.... and so on ...