function deselect_all() {
    var detail_divs = document.getElementById('details');
    var details = detail_divs.getElementsByTagName('div');
    for(i=0;i<details.length;i++){
       details[i].style.display="none";
    }
}


function showDetail(risk){
   document.getElementById(risk).style.display="block";
}

function hideAll(){
	deselect_all();
	select_risk(null);
}

function riskSelector(risk_description){
	deselect_all();
	select_risk(null);

	select_risk(risk_description);
	document.getElementById(risk_description.id.substring(0,risk_description.id.length - 4)).style.display="block";	

}

function select_risk(risk_item){
   var risks = document.getElementById("risks");
   var line_items = risks.getElementsByTagName('li');
   for(i=0;i< line_items.length;i++){
//      alert(i + " " + line_items[i].className);
        if( line_items[i] == risk_item ) { line_items[i].className = "selected"; }
        else{ line_items[i].className =''; } 
   } 
}

/* Function to automatically set the onclick function for each of the li in the 'risks' div, used to show what element was clicked by changing background color of li that was clicked on*/
function setup_risks(){
   var risks = document.getElementById("risks");
   var risk_items = risks.getElementsByTagName('li');
   for(i=0; i < risk_items.length; i++) {
//     risk_items[i].onclick=function setup(){select_risk(this);}
     risk_items[i].onclick=function setup(){riskSelector(this);}
   }
}