window.addEvent('domready', function() {
	for(member in members) {
		if(members[member]['image']) {
			$(member + "link").href="javascript:showDetail('" + member + "');";			
		}
	}
});


function showDetail(member) {
	new Fx.Style($("contentmain"), 'opacity', {
		duration:500,
		onComplete:function() {
			setContent(member);
			new Fx.Style($("contentmain"), 'opacity', {duration:500}).start(1);
			new Fx.Style($("contentmain"), 'margin-top', {duration:500, transition:Fx.Transitions.Quad.easeOut}).start(0);
		}
	}).start(0);
	new Fx.Style($("contentmain"), 'margin-top', {duration:500, transition:Fx.Transitions.Quad.easeIn}).start(25);
		
}


function setContent(member) {
	retVal  = "<div class='who_member_left'>";
	retVal += "<div class='who_member_pic'>";
	retVal += "<img src='" + BASE_URL + "images/content/whoweare/" + members[member]['image'] + "' class='tip' title='" + members[member]['tip'] + "' width='150' height='150'/>";
	retVal += "</div>";
	retVal += "<div class='who_member_desc'>" + "<h2>" + member + "</h2><h3>" + members[member]['position'] + "</h3><p>"+ members[member]['description'] + "</p></div>";
	retVal += "</div>";
	retVal += "<div class='who_member_right'><div class='rssLogo'><a href='http://" + member + ".mango6.com/feed/'><img src='/images/rss.png'/></a></div><h1><a href='http://" + member + ".mango6.com/'>My Blog - Latest Post</a></h1>";
	retVal += "<a href='" + members[member]['post']['link'] + "'><h2>" + members[member]['post']['title'] + "</h2></a>";
	retVal += "<p>" + members[member]['post']['description'] + "</p>";
	retVal += "<p>Posted on " + members[member]['post']['pubdate'] + "</p>";
	retVal += "</div><div class='clear'/>";

	$("contentmain").innerHTML = retVal;
	if(member == "Luke") {
		$('graph').addEvent('click', function(e) {
									e = new Event(e).stop();
									Lightbox.show('http://mangosix.co.uk/images/content/whoweare/igraphyou.jpg', 'I graph you');
								})
	}
}