var TeamClass = new Class({

	initialize: function() {
		$$("#main_container .area2").addClass("javascript");
		this.assignLinks();
	}, 

	assignLinks: function() {
		var thisObj = this;
		var memberArray = $$("#nav_people li");
		memberArray.each(function(element, id) {
			thisObj.configureLink(element);
		});
	},
	
	configureLink: function(element) {
		var elementLink = element.getElement("a");
		elementLink.addEvent("click", this.selectMember.bind(this));
	},

	changeMember: function(selectedId) {
		var thisObj = this;
		var memberArray = $$(".area2 .member");
		memberArray.each(function(element, id) {
			var memberId = element.getProperty("id");
			if (selectedId == memberId) {
				element.addClass("show");
			} else {
				element.removeClass("show");
			}
		});
	},

	selectMember: function(obj) {
		var memberId = this.getLinkId(obj.target);
		this.changeMember(memberId);
		this.highlightMember(memberId);
		return false;
	},

	highlightMember: function(selectedId) {
		var thisObj = this;
		var memberArray = $$("#nav_people li");
		memberArray.each(function(element, id) {
			var elementLink = element.getElement("a");
			if (selectedId == thisObj.getLinkId(elementLink)) {
				element.addClass("active");
			} else {
				element.removeClass("active");
			}
		});
	},

	getLinkId: function(element) {
		var elementHref = element.getProperty("href");
        return elementHref.substr(1, elementHref.length);
	}
	
});

window.addEvent('domready', function(){
	var myTeam = new TeamClass();
});