// JavaScript Document

function showDescription(){
	
	var str = this.id;
	elemNum = parseInt(str.substring(4));

	document.getElementById('bio_text_'+last_object_num).style.display='none';
	document.getElementById('bio_text_'+elemNum).style.display='block';
	last_object_num = elemNum;
	
};


function underline(){
	this.style.textDecoration = 'underline';
	document.body.style.cursor= 'pointer';
}

function un_underline(){
	this.style.textDecoration = 'none';	
	document.body.style.cursor= 'text';
}

function init(){
	
	var about_navigation = document.getElementById("cotent_2_col"); 
	var tags_array = about_navigation.getElementsByTagName("div"); 
	number_of_objects = tags_array.length;
	
	i = 0;
	
	// remember first object shown number. Use this number to hide bio when new one is clicked
	last_object_num = 1;
	
	while(i < number_of_objects){
		if ( tags_array[i].className && tags_array[i].className == 'bio_link'){
			tags_array[i].onclick = showDescription;
			tags_array[i].onmouseover = underline;
			tags_array[i].onmouseout = un_underline;
		}
		i ++;
	}
}