var Rules={
   '#flyer img:mouseover': function(element) {
     element.src="layout/images/flyrtoss.gif";
   },
   '#flyer img:mouseout': function(element) {
     element.src="layout/images/flyrover.gif";
   }
};
var defaultcontent = "Place mouse over each option for a description.";
var content = $H({
	actors : 	"Get actors who will interact with the treasure hunter.  Their role can be as simple as handing out a clue or it can be more intricate: chases, mysterious meetings, etc.)",
	staged : 	"These are events that happen during the course of the hunt.  A pay phone rings unexpectedly, an envelope is thrown from a car passing by, etc.  As with actors, these events can be minor or epic.",
	equipment : "Supply the treasure hunter with tools and gadgets to use on the hunt. Choose from classic options (keys, maps, compasses, ...) or go more high tech (cell phones, GPS devices, laptops, etc.)",
	video : 	"Film the treasure hunter at each stage of the journey.  We will record the treasure hunt with hidden cameras and create a personalized video of the adventure.  See examples in the download section. <br><font size=1>(The three images on the right were all taken with hidden cameras during a hunt) </font></br>",
	end :		"Supply us with a present or treasure to put at the end, or tell us what you would like and we will get it for you. Have the last clue lead to a catered event for the treasure hunter.  We will organize the whole affair. <br><font size=1>(For an extra surprise, we can play footage of the various clues and let the treasure hunter gawk at the fact we got it on film.)</font></br>"
});

var selector,over,out;
content.each(function(item) {
	selector = '#'+item.key;
	over=selector + ":mouseover";
	out=selector + ":mouseout";
	
	Rules[over] = function(element){$('optcontent').innerHTML = item.value;}
	Rules[out]  = function(element){$('optcontent').innerHTML = defaultcontent;}
});

window.onload=function(){
Nifty("div#flyer");
Nifty("div#options h3","top");
Nifty("div#options","bottom transparent");
}