function t(i) {
			var e = document.getElementById(i);
			var t = e.className;
			if (t.match('invisible')) { t = t.replace(/invisible/gi, 'visible'); }
			else { t = t.replace(/visible/gi, 'invisible'); }
			e.className = t;
			}
			
		var toggledDisplay = new Object();
			toggledDisplay['sub1'] = true;
			toggledDisplay['sub2'] = true;
			toggledDisplay['sub3'] = true;
		
		function toggleDisplay(bDisplayed)
		{
		  if(!document.getElementById || toggleDisplay.arguments.length < 2) return;
		  var displayed = new Object();
			  displayed['true'] = 'block';
			  displayed['false'] = 'none';
		  for(var i = 1; i < toggleDisplay.arguments.length; i++)
		  {
			oDisplay = document.getElementById(toggleDisplay.arguments[i]);
			if(oDisplay)
			{
			  oDisplay.style.display = displayed[bDisplayed];
			  // mozilla is the only browser out of the lot that can't get this right.  so, if we're
			  // setting an object's display style to block, we gotta reload any images contained
			  // within that block.  mozilla won't do it for you like every other browser that
			  // supports the functionality of changing the display style dynamically.
			  // begin crap browser hack
			  if(bDisplayed)
			  {
				oImages = oDisplay.getElementsByTagName('IMG');
				for(var j = 0; j < oImages.length; j++)
				  oImages[j].src = oImages[j].src;
			  }
			  // end mozilla, err, crap browser hack
			   if(typeof toggledDisplay[toggleDisplay.arguments[i]] != 'undefined')
				toggledDisplay[toggleDisplay.arguments[i]] = !bDisplayed;
			}
		  }
		}
		
		window.onload = function()
		{
		  toggleDisplay(false, 'sub1', 'sub2', 'sub3');
		}
		
		function popUp(url,x,y) {
 		var winX = ((screen.availWidth/2)-(x/2));
		 var winY = ((screen.availHeight/2)-(y/2));
		 window.open(url,"page","height="+y+",width="+x+",toolbar=0,menubar=0,directories=0,scrollbars=0, resise=0,left="+winX+",top="+winY);
		 }