function getObject(objectId) {

	// cross-browser function to get an object given the id;
	// prototype.js does this, but this is more lightweight
	if(document.getElementById && document.getElementById(objectId)) {
		return document.getElementById(objectId);
	} else if(document.all && document.all(objectId)) {
		return document.all(objectId);
	} else { // we're not going to support other browsers
		return false;
	}
}

function switchPanel1(tabToHighlightId, panelToShowId) {

	// store objects in local variables
	var tabToHighlight = getObject(tabToHighlightId);
	var panelToShow = getObject(panelToShowId);

	var a1T = getObject('a1Tab');
	var b1T = getObject('b1Tab');
	var c1T = getObject('c1Tab');
	var d1T = getObject('d1Tab');
	var e1T = getObject('e1Tab');

	var a1P = getObject('a1Panel');
	var b1P = getObject('b1Panel');
	var c1P = getObject('c1Panel');
	var d1P = getObject('d1Panel');
	var e1P = getObject('e1Panel');

	// deactivate tabs and hide all panels
	if(a1T) a1T.className = "";
	if(b1T) b1T.className = "";
	if(c1T) c1T.className = "";
	if(d1T) d1T.className = "";
	if(e1T) e1T.className = "";

	if(a1P) a1P.style.display = "none";
	if(b1P) b1P.style.display = "none";
	if(c1P) c1P.style.display = "none";
	if(d1P) d1P.style.display = "none";
	if(e1P) e1P.style.display = "none";

	// highlight active tab and show selected panel
	if(tabToHighlight)
		tabToHighlight.className = "active";
	if(panelToShow)
		panelToShow.style.display = "block";
}

function switchPanel2(tabToHighlightId, panelToShowId) {

	// store objects in local variables
	var tabToHighlight = getObject(tabToHighlightId);
	var panelToShow = getObject(panelToShowId);


	var a2T = getObject('a2Tab');
	var b2T = getObject('b2Tab');
	var c2T = getObject('c2Tab');
	var d2T = getObject('d2Tab');
	var e2T = getObject('e2Tab');

	var a2P = getObject('a2Panel');
	var b2P = getObject('b2Panel');
	var c2P = getObject('c2Panel');
	var d2P = getObject('d2Panel');
	var e2P = getObject('e2Panel');

	// deactivate tabs and hide all panels

	if(a2T) a2T.className = "";
	if(b2T) b2T.className = "";
	if(c2T) c2T.className = "";
	if(d2T) d2T.className = "";
	if(e2T) e2T.className = "";

	if(a2P) a2P.style.display = "none";
	if(b2P) b2P.style.display = "none";
	if(c2P) c2P.style.display = "none";
	if(d2P) d2P.style.display = "none";
	if(e2P) e2P.style.display = "none";

	// highlight active tab and show selected panel
	if(tabToHighlight)
		tabToHighlight.className = "active";
	if(panelToShow)
		panelToShow.style.display = "block";
}

function switchPanel3(tabToHighlightId, panelToShowId) {

	// store objects in local variables
	var tabToHighlight = getObject(tabToHighlightId);
	var panelToShow = getObject(panelToShowId);


	var a3T = getObject('a3Tab');
	var b3T = getObject('b3Tab');
	var c3T = getObject('c3Tab');
	var d3T = getObject('d3Tab');
	var e3T = getObject('e3Tab');

	var a3P = getObject('a3Panel');
	var b3P = getObject('b3Panel');
	var c3P = getObject('c3Panel');
	var d3P = getObject('d3Panel');
	var e3P = getObject('e3Panel');

	// deactivate tabs and hide all panels

	if(a3T) a3T.className = "";
	if(b3T) b3T.className = "";
	if(c3T) c3T.className = "";
	if(d3T) d3T.className = "";
	if(e3T) e3T.className = "";

	if(a3P) a3P.style.display = "none";
	if(b3P) b3P.style.display = "none";
	if(c3P) c3P.style.display = "none";
	if(d3P) d3P.style.display = "none";
	if(e3P) e3P.style.display = "none";

	// highlight active tab and show selected panel
	if(tabToHighlight)
		tabToHighlight.className = "active";
	if(panelToShow)
		panelToShow.style.display = "block";
}

function switchPanel4(tabToHighlightId, panelToShowId) {

	// store objects in local variables
	var tabToHighlight = getObject(tabToHighlightId);
	var panelToShow = getObject(panelToShowId);


	var a4T = getObject('a4Tab');
	var b4T = getObject('b4Tab');
	var c4T = getObject('c4Tab');
	var d4T = getObject('d4Tab');
	var e4T = getObject('e4Tab');

	var a4P = getObject('a4Panel');
	var b4P = getObject('b4Panel');
	var c4P = getObject('c4Panel');
	var d4P = getObject('d4Panel');
	var e4P = getObject('e4Panel');

	// deactivate tabs and hide all panels

	if(a4T) a4T.className = "";
	if(b4T) b4T.className = "";
	if(c4T) c4T.className = "";
	if(d4T) d4T.className = "";
	if(e4T) e4T.className = "";

	if(a4P) a4P.style.display = "none";
	if(b4P) b4P.style.display = "none";
	if(c4P) c4P.style.display = "none";
	if(d4P) d4P.style.display = "none";
	if(e4P) e4P.style.display = "none";

	// highlight active tab and show selected panel
	if(tabToHighlight)
		tabToHighlight.className = "active";
	if(panelToShow)
		panelToShow.style.display = "block";
}

function switchPanel5(tabToHighlightId, panelToShowId) {

	// store objects in local variables
	var tabToHighlight = getObject(tabToHighlightId);
	var panelToShow = getObject(panelToShowId);


	var a5T = getObject('a5Tab');
	var b5T = getObject('b5Tab');
	var c5T = getObject('c5Tab');
	var d5T = getObject('d5Tab');
	var e5T = getObject('e5Tab');

	var a5P = getObject('a5Panel');
	var b5P = getObject('b5Panel');
	var c5P = getObject('c5Panel');
	var d5P = getObject('d5Panel');
	var e5P = getObject('e5Panel');

	// deactivate tabs and hide all panels

	if(a5T) a5T.className = "";
	if(b5T) b5T.className = "";
	if(c5T) c5T.className = "";
	if(d5T) d5T.className = "";
	if(e5T) e5T.className = "";

	if(a5P) a5P.style.display = "none";
	if(b5P) b5P.style.display = "none";
	if(c5P) c5P.style.display = "none";
	if(d5P) d5P.style.display = "none";
	if(e5P) e5P.style.display = "none";

	// highlight active tab and show selected panel
	if(tabToHighlight)
		tabToHighlight.className = "active";
	if(panelToShow)
		panelToShow.style.display = "block";
}