		/////////////////////////////////////////Tool tip code
		       
		// initialize some global vars
		var xCoord, yCoord, br, ver, mac;
	 	mac=0;	
		
		// very basic check for browser type and version
		if (navigator.appName == "Netscape") {
			br="ns";
		}

		if (navigator.appVersion.indexOf("Macintosh")>0){
			mac=1;
		}
		ver = navigator.appVersion.substring(0,1);
		//alert(mac + " ++ " + navigator.appName + " " + navigator.appVersion + " ++++  " + document.body.scrollLeft);
		
		// function to make tool tip visible 
		// lyr is NOT an object
		function rollOn(lyrName) {
			
			// if it's a netscape browser and not over version 4
		    if (br == "ns" && ver <= 4) {
				lyr = document.layers[lyrName];
		    		if (!lyr) {
		    			return;
		    		}

				lyr.position='absolute';
				lyr.left = xCoord + 20 + document.body.scrollLeft;
				lyr.top = yCoord - 15 + document.body.scrollTop;
				lyr.visibility = 'visible';
				lyr.style.zIndex =999;
		    } else {
		    		lyr = document.getElementById(lyrName);
		    		if (!lyr) {
		    			return;
		    		}
				lyr.style.position='absolute';
				lft = xCoord + 10;
				tp  = yCoord - 5;
				if (document.body.scrollLeft){
					if (! mac) {
						lft +=  document.body.scrollLeft;
					} 
				} else {
					//if (window.pageXOffset){
					//	lft += window.pageXOffset;
					//}
					lft += getScrollXY()[0];
				}
				if (document.body.scrollTop){
					if (! mac){
						tp  += document.body.scrollTop;
					}
				} else {
					//if (window.pageYOffset != ""){
					//	tp += window.pageYOffset;
					//}
					tp += getScrollXY()[1];
				}

				lyr.style.left = lft+"px";
				lyr.style.top  = tp +"px";
				lyr.style.visibility = 'visible';
				lyr.style.display = 'block';
				lyr.style.zIndex =999;
		    }
		}
		
		// function to make tool tip hidden
		// lyr is NOT an object
		function rollOut(lyrName) {
			if(br == "ns" && ver <= 4) { 		
				lyr = document.layers[lyrName];
		    		if (!lyr) {
		    			return;
		    		}
				lyr.visibility = 'hidden';
			} else {
				lyr = document.getElementById(lyrName);
		    		if (!lyr) {
		    			return;
		    		}
				lyr.style.visibility='hidden';
				lyr.style.display = 'none';
			}
		}



		function rollOnObject(lyr) {
	    	    if (!lyr) {
	    			return;
	    	    }
			
			// if it's a netscape browser and not over version 4
		    if (br == "ns" && ver <= 4) {

				lyr.position='absolute';
				lyr.left = xCoord + 20 + document.body.scrollLeft;
				lyr.top = yCoord - 15 + document.body.scrollTop;
				lyr.visibility = 'visible';
				lyr.style.zIndex =999;
		    } else {
				lyr.style.position='absolute';
				lft = xCoord + 10;
				tp  = yCoord - 5;
				if (document.body.scrollLeft){
					if (! mac) {
						lft +=  document.body.scrollLeft;
					} 
				} else {
					lft += getScrollXY()[0];
				}
				if (document.body.scrollTop){
					if (! mac){
						tp  += document.body.scrollTop;
					}
				} else {
					tp += getScrollXY()[1];
				}

				lyr.style.left = lft+"px";
				lyr.style.top  = tp +"px";
				lyr.style.visibility = 'visible';
				lyr.style.display = 'block';
				lyr.style.zIndex =999;
		    }
		}
		
		// function to make tool tip hidden
		// lyr is NOT an object
		function rollOutObject(lyr) {
	    		if (!lyr) {
	    			return;
	    		}
			if(br == "ns" && ver <= 4) { 		
				lyr.visibility = 'hidden';
			} else {
				//lyr.style.visibility='hidden';
				lyr.style.display = 'none';
			}
		}





		
		// this code just tracks the mouse coordinates
		// need these so we know where to pop up the tool tips
		function checkwhere(e) {
			// if netscape 4.x
			if (document.layers){
		        xCoord = e.x;
		        yCoord = e.y;
			}
			// if IE 
			        else if (document.all){
			        xCoord = event.clientX;
			        yCoord = event.clientY;
			}
			// this catches NS6 & IE 5+
		        else if (document.getElementById){
		        xCoord = e.clientX;
		        yCoord = e.clientY;
			}
		}
		
		// start tracking mouse move events
		document.onmousemove = checkwhere;
		//if(document.captureEvents) {document.captureEvents(Event.MOUSEMOVE);}


		function getScrollXY() {
			var scrOfX = 0, scrOfY = 0;
			if( typeof( window.pageYOffset ) == 'number' ) {
				//Netscape compliant
				scrOfY = window.pageYOffset;
				scrOfX = window.pageXOffset;
			} else if( document.body && ( document.body.scrollLeft || document.body.scrollTop ) ) {
				//DOM compliant
				scrOfY = document.body.scrollTop;
				scrOfX = document.body.scrollLeft;
			} else if( document.documentElement && ( document.documentElement.scrollLeft || document.documentElement.scrollTop ) ) {
				//IE6 standards compliant mode
				scrOfY = document.documentElement.scrollTop;
				scrOfX = document.documentElement.scrollLeft;
			}
			return [ scrOfX, scrOfY ];
		}

		
		/////////////////////end of tool tip code



	// July 20/07, Marina: Code for tabbed browsing
	function changeTab(newTabID, newTab)
	{
		var panes = new Array();
		
		
		for (var con in panes) 
		{
			activeTab.blur();
			activeTab.className = "tab-active";
	
			if (panes[con][paneId] != null) 
			{ 
				// tab and pane are members of this container
				var pane = document.getElementById(paneId);
				pane.style.display = "block";
				
				var container = document.getElementById(con);
				var tabs = container.getElementsByTagName("ul")[0];
				var tabList = tabs.getElementsByTagName("a")
		
				for (var i=0; i<tabList.length; i++ ) 
				{
					var tab = tabList[i];
					
					if (tab != activeTab) 
						tab.className = "tab-disabled";
				}
				
				for (var i in panes[con]) 
				{
					var pane = panes[con][i];

					if (pane == undefined) 
						continue;
						
					if (pane.id == paneId) 
						continue;
						
					pane.style.display = "none";
				}
			}
		}
		
		return false;		
	}


function setupPanes(containerId, defaultTabId) {
  // go through the DOM, find each tab-container
  // set up the panes array with named panes
  // find the max height, set tab-panes to that height
  panes[containerId] = new Array();
  var maxHeight = 0; var maxWidth = 0;
  var container = document.getElementById(containerId);
  var paneContainer = container.getElementsByTagName("div")[0];
  var paneList = paneContainer.childNodes;
  for (var i=0; i < paneList.length; i++ ) {
    var pane = paneList[i];
    if (pane.nodeType != 1) continue;
    if (pane.offsetHeight > maxHeight) maxHeight = pane.offsetHeight;
    if (pane.offsetWidth  > maxWidth ) maxWidth  = pane.offsetWidth;
    panes[containerId][pane.id] = pane;
    pane.style.display = "none";
  }
    paneContainer.style.height = maxHeight + "px";
    paneContainer.style.width  = maxWidth + "px";
    document.getElementById(defaultTabId).onclick();
}

function showPane(paneId, activeTab) {
  // make tab active class
  // hide other panes (siblings)
  // make pane visible
  
}
