/* Created by Rahul Banerjee '10 for the Chattertocks. rahul att brown dott edu */


addOnload(makeMembersColorful);
function makeMembersColorful() { //tell the li's what color on the purple-->red spectrum they should have
	var ul = document.getElementById('member_list').getElementsByTagName('ul')[0];
	var li = ul.getElementsByTagName('li');
	//255 is the green component of white, whereas 102 is the green component of pink
	var increment_green = (255 - 102) / (li.length - 1);
	for(var i=0; i<li.length; i++) li[i].style.color = 'rgb(255,' + String(Math.round(255 - i * increment_green)) + ',255)';
	document.getElementById('member_bio').style.height = String(document.getElementById('member_list').offsetHeight) + 'px';
}

//Make the spans in the list of current members load the member's biography
addOnload(makeMembersClickable)
function makeMembersClickable() {
	var ul = document.getElementById('member_list').getElementsByTagName('ul')[0];
	var spans = ul.getElementsByTagName('span');
	for(var i in spans) {
		spans[i].onclick = function() {
			var li = this.parentNode;
			var id = this.getAttribute('id').match(/^member_(\d+)$/);
			var findDomainName = document.URL.match(/^(.+Chattertocks\/).+$/); //either www.brown.edu or just brown.edu
			var URL = findDomainName[1] + 'includes/bio_fetcher.php?id=' + id[1];
			var div = document.getElementById('member_bio');
			var request = new ajax();
			request.onreadystatechange = function() {
				if(request.readyState != 4) return;
				var ul = document.getElementById('member_list').getElementsByTagName('ul')[0];
				var lis = ul.getElementsByTagName('li');
				for(var i=0; i<lis.length; i++) lis[i].className = (lis[i] == li) ? 'selectedPerson' : 'unselectedPerson';
				div.innerHTML = request.responseText;
			}
			request.open('GET',URL,true);
			request.send(null);
		}
	}
}

//make the spans on the alum members page clickable
addOnload(makeAlumnaeClickable);
function makeAlumnaeClickable() {
	var spans = document.getElementById('alumnae_list').getElementsByTagName('span');
	for(var i in spans) {
		spans[i].onclick = function() {
			var span = this;
			var id = this.getAttribute('id').match(/^decade_(\d{3})$/);
			var findDomainName = document.URL.match(/^(.+Chattertocks\/).+$/); //either www.brown.edu or just brown.edu
			var URL = findDomainName[1] + 'includes/find_alumnae.php?decade=' + id[1];
			var div = document.getElementById('alumnae_bio');
			var request = new ajax();
			request.onreadystatechange = function() {
				if(request.readyState != 4) return;
				var ul = document.getElementById('alumnae_list').getElementsByTagName('p')[0];
				var spans = ul.getElementsByTagName('span');
				for(var i=0; i<spans.length; i++) spans[i].className = (spans[i] == span) ? 'selectedPerson' : 'unselectedPerson';
				div.innerHTML = request.responseText;
			}
			request.open('GET',URL,true);
			request.send(null);
		}
	}
}