var j = 0;
var content = [];
var images = [];
var email_link = [];
var name = [];
var council_list_start = "<table width='95%' cellspacing='0'><tr class='head'><td style='border-bottom: 1px solid black;'>Member's Name</td><td style='border-bottom: 1px solid black;'>Entered Into Office</td><td style='border-bottom: 1px solid black;'>End of Term</td></tr>";
var council_list = "";
var council_list_end = "</table>";
function nothing(){}


		//loads info into arrays for the image source, name, and html info.  Then pastes name onto sidebar.
function load_content(img_src, title, html,email,entered,end) {
	if(j%2==0){
		council_list += "<tr class='light_bg'><td><span id='link" + j + "' onclick='javascript:print_item(" + j +", this)'> <a href='javascript:nothing()'>" + title + "</a></span></td><td>" + entered +"</td><td>" + end +"</td></tr>";
	}
	else{
		council_list += "<tr><td><span id='link" + j + "' onclick='javascript:print_item(" + j +", this)'> <a href='javascript:nothing()'>" + title + "</a></span></td><td>" + entered +"</td><td>" + end +"</td></tr>";
	}
	images[j] = img_src;
	content[j] = html;
	name[j] = title;
	email_link[j] = email;
	var obj = document.getElementById('list_div');
	obj.innerHTML = council_list_start + council_list + council_list_end;
	
	j++;
}

		//posts clicked member to bio div, and makes div visible.
		//be sure to change directory for images.
function print_item(member, myclick) {
	var obj = myclick;
	var width = obj.offsetWidth;
	document.getElementById('image_col').innerHTML = '<img src="http://www.clintoncity.net/portals/0/images/city_council/' + images[member] + '">';
	document.getElementById('content').innerHTML = content[member];
	document.getElementById('email_link').innerHTML = 'Email: <a href="mailto:' + email_link[member] + '">' + email_link[member] +'</a>';
	var bio_window = document.getElementById('hidden_content');
	bio_window.style.visibility = "visible";
	var curleft = 0;
	var curtop = 0;
	if (myclick.offsetParent) {
		do {
			curleft += myclick.offsetLeft;
			curtop  += myclick.offsetTop;
		}
		while (myclick = myclick.offsetParent);
	}
	bio_window.style.top = curtop - 15;
	bio_window.style.left = curleft + width + 15;
}

function close_content() {
	document.getElementById('hidden_content').style.visibility = "hidden";
}