function getObject(objectId) {

	// cross-browser function to get an object given the id
	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 switchPane(tabToHighlightId, panelToShowId) {

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

	var aT = getObject("aTab");
	var bT = getObject("bTab");
	var cT = getObject("cTab");
	var dT = getObject("dTab");

	var aP = getObject("aPanel");
	var bP = getObject("bPanel");
	var cP = getObject("cPanel");
	var dP = getObject("dPanel");

	// deactivate tabs and hide all panels
	if(aT) {aT.className = "";}
	if(bT) {bT.className = "";}
	if(cT) {cT.className = "";}
	if(dT) {dT.className = "";}

	if(aP) {aP.style.display = "none";}
	if(bP) {bP.style.display = "none";}
	if(cP) {cP.style.display = "none";}
	if(dP) {dP.style.display = "none";}

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



function aTab(){
switchPane('aTab', 'aPanel');
}

function bTab(){
switchPane('bTab', 'bPanel');
}

function cTab(){
switchPane('cTab', 'cPanel');
}

function dTab(){
switchPane('dTab', 'dPanel');
}




function start(){
Nifty('ul#nav a','large transparent bottom');
Nifty('#nifty','big transparent top');

}