// perform JavaScript after the document is scriptable. works with jquey and jquery tools

// wait until document is fully scriptable
$(document).ready(function() {
//set up simple overlay for book purchase
$("a[rel]").overlay({mask: '#FFFFFF'});
	 	
	// select #flowplanes and make it scrollable. use circular and navigator plugins
	$("#flowpanes").scrollable({clickable: true, mousewheel: false}).navigator({navi: '#flowtabs', naviItem: 'a'});
	// set up second cscrollable area for history - in order to be able to style it individually
	$("#historypanes").scrollable({clickable: true, mousewheel: false}).navigator({navi: '#historytabs', naviItem: 'a'});

	//setup rollover effects for the celebration buttons
	//this first line determines which links will be switch by id name
	//image names must be consistent. They must end with "_on" and "_off". They can be jpg or gif or whatever, but that 
	//has to be the last part of the name. 
	//then to get it to work you just make the id of all teh rollover LINKS to be "mylink" or whatever is in the first line.
	$("#flowtabs img").hover(
 function()
 {
  this.src = this.src.replace("_off","_on");
 },
 function()
 {
  this.src = this.src.replace("_on","_off");
 }
); 

	
});