var highlighted;
var shaded;
var default_color;

function showArea(area)
{
	resetLinks();
	$(area).show();
	//$(area + '_link').addClassName('highlighted');
	$(area + '_link').setStyle({color: highlighted});
	reset_default();
}

function resetLinks()
{
	var allLinks = $$('.hook');
	allLinks.each(
		function(link)
		{
			resetLink(link);
		}
	);
}

function resetLink(link)
{
	link.setStyle({color: shaded});
	//link.removeClassName('highlighted');
	var id = link.id;
	var area = id.match(/(\w+)_\w+/)[1];
	$(area).hide();
}

function checkUrl()
{
	var href = location.href;
	var id;

	if (href.indexOf('#'))
	{
		id = href.split('#')[1];
	}

	if (id)
	{
		showArea(id);
	}
}

function reset_default()
{
	var titles = $$('.default');
	titles.each(
		function(title) {
			title.setStyle({ color: default_color });
		}
	);
}

function setColors()
{
	highlighted	  = '#2F4F4F';
	shaded			  = '#000000';
	default_color = '#5B5B5B';
}