huidige="";
vorige="";
subhuidige="";
subvorige="";
var ids=new Array('sub11','sub12','sub13');

function switchid(id){	
	if(huidige !=""){
		hidediv(huidige);
		vorige = huidige;
	}
		if (id=='sub2'){
			hideallids();
		}
		huidige = id;
		showdiv(huidige);
}

function switchsubid(id){	
	if(subhuidige !=""){
		hidediv(subhuidige);
		subvorige = subhuidige;
	}
		subhuidige = id;
		showdiv(subhuidige);
}



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';
		}
	}
}

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