// Here you place the ids of every element you want.
var ids=new Array('selectHomeText','selectBusinessText','selectLifestyleText','homeInfo','businessInfo','lifestyleInfo');
var selectids=new Array('selectHomeText','selectBusinessText','selectLifestyleText');

function rollid(id){	
	hideallselectids();
	switch(id)
	{
	case 'selectHomeText':
		showdiv('selectHomeText');
	  break;
	case 'selectBusinessText':
		showdiv('selectBusinessText');
	  break;
	case 'selectLifestyleText':
		showdiv('selectLifestyleText');
	  break;
	default:
	}
}

function switchid(id){	
	hideallids();
	switch(id)
	{
	case 'selectHomeText':
	   	showdiv('selectHomeText');
		showdiv('homeInfo');
	  break;
	case 'selectBusinessText':
	   	showdiv('selectBusinessText');
		showdiv('businessInfo');
	  break;
	case 'selectLifestyleText':
	   	showdiv('selectLifestyleText');
		showdiv('lifestyleInfo');
	  break;
	default:
	}
}


function hideallids(){
	//loop through the array and hide each element by id
	for (var i=0;i<ids.length;i++){
		hidediv(ids[i]);
	}		  
}
function hideallselectids(){
	//loop through the array and hide each element by id
	for (var i=0;i<selectids.length;i++){
		hidediv(selectids[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 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';
		}
	}
}