Problem with objects

[Waldo2k2]

I'm working with the visibility of divs. I've tried to come up with a generic function i can pass the name of a div to. Basically the function should show that div (visibility=visible) and hide the one that was visible (it's saved in a variable;visiblility=hidden). I think i've worked out syntax bugs...and sort of made it cross browser to an extent, but I'm having trouble with "a required object". Here's the script and implementation:

var toThis;
var wasThis="null";
var theDiv;
			function switchTo(toThis)
			{
				if (document.all)
				{
					theDiv=document.all(toThis).style;
				}
				else if (document.GetElementById)
				{
					theDiv=document.GetElementById(toThis).style;
				}
				theDiv.visibility="visible";
				if (wasThis!="null")
				{
					wasThis.visibility="hidden";
				}
				wasThis=theDiv;
			}

...

			<div id="aboutMe">
				This is info about Me
			</div>
			<div id="aboutSchool">
				This is info about the school
			</div>
				<a href="#" class="barlink" onclick="javascript:switchTo(aboutMe); return false;">
					About Me
				</a>
				<br>
				<a href="#" class="barlink" onclick="javascript:switchTo(aboutSchool); return false;">
					About School
				</a>

i've also attached the whole source in .txt format

thanks for any help you can give me

[websmith99]

See my response to your thread "DHTML problemo"