var selected_bottom_nav = '';

function doColorField(obj)
{
	obj.style.background = '#ffe6e6';
}

function undoColorField(obj)
{
	obj.style.background = '#FFFFFF';
}

function init() {
	
	var bottom_navs = $$('img[name^=bottom_nav_][src*=_shaded]');
	
	if(bottom_navs.length > 0 )
	{
		selected_bottom_nav = bottom_navs.first().id;
	
		$$('img[name^=bottom_nav_]')
			.invoke('observe', 'mouseover', ToggleBottomNav)
			.invoke('observe', 'mouseout', ToggleBottomNav);
	}
	
	if($('continue_button'))
	{
		$('continue_button')
			.observe('mouseover', ToggleContinueButton)
			.observe('mouseout', ToggleContinueButton);
	}
}

function ToggleContinueButton(e)
{
	var elem = e.element();
	
	if(elem.tagName != 'IMG')
		elem.down('img');
	
	if(elem.src.indexOf('_shaded') > 0)
	{
		elem.src = elem.src.gsub('_shaded', '');
	}
	else
	{
		elem.src = elem.src.gsub(elem.id, elem.id + '_shaded');
	}
}

function ToggleBottomNav(e) 
{
	var elem = e.element();

	if(elem.src.indexOf('_shaded') > 0)
	{
		if(elem.id != selected_bottom_nav)
		{
			elem.src = elem.src.gsub('_shaded', '');
		}
	}
	else
	{
		if(elem.id != selected_bottom_nav)
		{
			elem.src = elem.src.gsub(elem.id, elem.id + '_shaded');
		}
	}
}

Event.observe(window, "load", init);