rollover = function(e)  {
	el = this.id;
	theEl = el.split("_");
	
	YAHOO.util.Dom.replaceClass(theEl, 'nav_btn_ctn', 'nav_btn_ctn_on');
}
	
	
	
rollout = function(e)	{
	el = this.id;
	theEl = el.split("_");
	
	YAHOO.util.Dom.replaceClass(theEl, 'nav_btn_ctn_on', 'nav_btn_ctn');
}


/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
// add the listener - called in the onAvaible event
YAHOO.util.init = function() {   
	temp2 = YAHOO.util.Dom.getElementsByClassName('nav_btn_ctn_a');
	YAHOO.util.Event.addListener(temp2, 'mouseover', rollover);
	YAHOO.util.Event.addListener(temp2, 'mouseout', rollout);
};

/////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////
//When the element becomes available, initialize the addListener
YAHOO.util.Event.onAvailable('footer', YAHOO.util.init);