function setupScripts(){
	setupAreas();
	//
	toggleBarristers("name");
}
//
function setupAreas(){
	var areas = document.getElementById("areas");
	if(areas){
		var li = areas.getElementsByTagName("li");
		//
		for(var i=0; i<li.length; i++){
			if(li[i].parentNode == areas){
				if(li[i].childNodes[0].className == "btn"){
					var target = li[i].childNodes[0];
				} else {
					var target = li[i].childNodes[1];
				}
				//
				target.onclick = function(){
					toggleArea(this);
				}
			}
		}
	}
	//
}
function toggleArea(target){
	var t = target.parentNode.parentNode;
	//
	for(var k = 0; k<t.childNodes.length; k++){
		//
		if(t.childNodes[k].tagName == "LI" || t.childNodes[k].tagName == "li"){
			//
			var classArray = t.childNodes[k].className.split(" ");
			//
			for(var i=0; i<classArray.length; i++){
				if(t.childNodes[k] == target.parentNode && classArray[i] == "closed"){
					classArray[i] = "open";
					break;
				} else if (classArray[i] == "open") {
					classArray[i] = "closed";
					break;
				}
			}
			//
			t.childNodes[k].className = classArray.join(" ");
		}
	}
	//
}
//
function toggleBarristers(type){
	var barristerName = document.getElementById("barrister_name");
	var barristerArea = document.getElementById("barrister_area");
	if(barristerName != null && barristerArea != null){
		if(type == 'area'){
			barristerName.style.display = "none";
			barristerArea.style.display = "block";
		} else {
			barristerName.style.display = "block";
			barristerArea.style.display = "none";
		}
	}
}
//
function getStyle(el, styleProp) {
	var y;
	if (el.currentStyle) {
		y = el.currentStyle[styleProp];
	} else if (document.defaultView.getComputedStyle) {
		var style = document.defaultView.getComputedStyle(el, null);
		y = style[styleProp];
	}
	return y;
}