function ToggleHeader ()
{
	var navFx = new Fx.Tween($('navigation'));
	var topFx = new Fx.Tween($('top'));
	var headerFx = new Fx.Tween($('header'));

	if ($('top').getStyle ('display') == "none")
	{
		navFx.set ('display', 'block');
		navFx.start('opacity', '1');

		topFx.set ('display', 'block');
		topFx.start('opacity', '1');

		headerFx.set ('display', 'block');
		headerFx.start('opacity', '1');
		$('ToggleImage').getParent().innerHTML = "<img id=\"ToggleImage\" border=\"0\" src=\"img/up_arrow.png\">&nbsp;Hide Header";
	}
	else
	{
		navFx.start ('opacity', '0').chain (function () {this.set('display', 'none')});
		topFx.start ('opacity', '0').chain (function () {this.set('display', 'none')});
		headerFx.start ('opacity', '0').chain (function () {this.set('display', 'none')});
		$('ToggleImage').getParent().innerHTML = "<img id=\"ToggleImage\" border=\"0\" src=\"img/down_arrow.png\">&nbsp;Show Header";
	}
}