//here you place the ids of every element you want.
var ids=new Array('a01','a02','a03','a04','a05','a06','a07');
var ids2=new Array('b01','b02','b03','b04','b05','b06','b07');
var ids3=new Array('c01','c02','c03','c04','c05','c06','c07');

function switchid(id, id2, id3){	
	hideallids();
	showdiv(id);
	hideallids2();
	showdiv2(id2);
	hideallids3();
	showdiv3(id3);
}

function hideallids(){
	//loop through the array and hide each element by id
	for (var i=0;i<ids.length;i++){
		hidediv(ids[i]);
	}		  
}
function hideallids2(){
	//loop through the array and hide each element by id
	for (var i=0;i<ids2.length;i++){
		hidediv(ids2[i]);
	}		  
}
function hideallids3(){
	//loop through the array and hide each element by id
	for (var i=0;i<ids3.length;i++){
		hidediv(ids3[i]);
	}		  
}

function hidediv(id) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'none';
		}
		else { // IE 4
			document.all.id.style.display = 'none';
		}
	}
}
function hidediv2(id2) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id2).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id2.display = 'none';
		}
		else { // IE 4
			document.all.id2.style.display = 'none';
		}
	}
}

function hidediv3(id3) {
	//safe function to hide an element with a specified id
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id3).style.display = 'none';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id3.display = 'none';
		}
		else { // IE 4
			document.all.id3.style.display = 'none';
		}
	}
}

function showdiv(id) {
	//safe function to show an element with a specified id
		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id.display = 'block';
		}
		else { // IE 4
			document.all.id.style.display = 'block';
		}
	}
}
function showdiv2(id2) {
	//safe function to show an element with a specified id
		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id2).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id2.display = 'block';
		}
		else { // IE 4
			document.all.id2.style.display = 'block';
		}
	}
}
function showdiv3(id3) {
	//safe function to show an element with a specified id
		  
	if (document.getElementById) { // DOM3 = IE5, NS6
		document.getElementById(id3).style.display = 'block';
	}
	else {
		if (document.layers) { // Netscape 4
			document.id3.display = 'block';
		}
		else { // IE 4
			document.all.id3.style.display = 'block';
		}
	}
}