$(document).ready(function(){
	writeMemberList();
});

//
//  Functions related to the athlete buttons list
//
function writeMemberList() {
	for (var i in members) {
		var h = '<a href="/proteam/athletes/#/' + members[i].username + '" id="link_' + members[i].username + '">' + members[i].screenname + '</a>';
		$("#athletes_list").append(h);
	}
}
function updateMemberList(memberid) {
	$("#athletes_list a").each(function() {
		if ( $(this).attr("id") == "link_" + memberid )  $(this).addClass("selected");
		else $(this).removeClass("selected");
	});
}

//
//  Functions related to the individual athlete bio/display data
//
function updateMemberData(memberid) {
	for (var i in members) {
		if (memberid == members[i].username) {
			var member = members[i];
		}
	}
	
	if (member) {
		$.get("/proteam/athlete_data/" + member["id"], {}, 
			function(data) { onGetMemberData(data, member["id"]); }, "xml"
		);
	}
}
function onGetMemberData(xml, memberId) {
	
	var html = '<div class="info_padding"><table border="0" cellspacing="0" cellpadding="0" class="athlete_info">';
	html += '<tr><td valign="top" id="member_image">';
	// member image
	html += '<img src="/images/member_photos/' + $("photo", xml).text() + '" alt="member photo" />';
	html += '</td><td width="15"></td>';
	html += '<td class="data" valign="top">';
	// member name
	html += '<p class="name">' + $("screen_name", xml).text() + '</p>';
	// member sports
	html += '<p class="bike">';
	var addbullet = false;
	if ($("triathlon", xml).text() == "yes") {
		html += "Triathlon ";
		addbullet = true;
	}
	if ($("mountain_bike", xml).text() == "yes") {
		if (addbullet) html += "&bull; ";
		html += "Mountain Bike";
		addbullet = true;
	}
	if ($("xterra", xml).text() == "yes") {
		if (addbullet) html += "&bull; ";
		html += "XTERRA";
	}
	// member awards
	html += '<p class="medal">' + $("profile_awards", xml).text() + '</p>';
	html += '<div class="line"></div>';
	// links
	html += '<a href="/proteam/galleries/">';
	html += 'Photos &raquo;</a> &nbsp; &nbsp; ';
	html += '<a href="/proteam/blog/author/' + memberId + '">';
	html += 'Blog Posts &raquo;</a>';
	// member origin and location
	html += '<table border="0" cellspacing="2" cellpadding="0" class="athlete_geo">';
	html += '<tr><td class="info" width="48">FROM</td>';
	html += '<td class="data">' + $("profile_from", xml).text() + '</td></tr>';
	html += '<tr><td class="info" width="48">LIVES</td>';
	html += '<td class="data">' + $("profile_lives", xml).text() + '</td></tr>';
	html += '</table>';
	html += '</td></tr><tr><td colspan="3">';
	// member facts
	html += '<div class="athlete_facts"><p class="title">Facts about ' + $("screen_name", xml).text() + '</p>';
	html += '<div class="fact_data">' + $("profile_facts", xml).text() + '</div></div>';
	html += '</td></tr></table></div>';
	
	
	// bio area
	html += '<div class="athlete_bio">';
	// name headline
	html += '<div class="subhead">' + $("screen_name", xml).text() + "'s Biography</div>";
	html += $("bio", xml).text() + '</div>';
	
	
	$("#athlete_bios").html(html);
	

	html = '<h5>' + $("screen_name", xml).text() + '</h5>';
	html += '<p class="reports">Recent Race Reports</p>';
	
	var i = 0;
	var nbReports = reports.length;
	for(; i < nbReports; i++) {
		if(reports[i]["username"] == $("username", xml).text()) {
			html += '<div class="header_date">' + reports[i]["date"] + '</div>';
			html += '<div class="summary"><a href="/proteam/racereports_entry/' + reports[i]["url_title"] + '">' + reports[i]["title"] + '</a></div>';
		}
	}
		
	html += '<div class="divider"></div>';
	
	html += '<a href="/proteam/racereports/">See All Pro Team Race Reports &raquo;</a>';

	$("#athlete_race_reports").html(html);
	
}

//
//  Functions for SWFAddress
//
function handleChange(event) {
	var fixedpath = event.path.split("/", 2);
	var memberid = fixedpath[1];
	
	if (memberid == "") {
		memberid = members[0]["username"];
	}
	
	updateMemberList(memberid);
	updateMemberData(memberid);
}
SWFAddress.addEventListener(SWFAddressEvent.CHANGE, handleChange);