$(document).ready(function(){
	
	show = '';
	var url = document.location.toString();
	if (url.match(/\#/)) {
		var parts = url.split('#');
		show = parts[1];
	}
	
	$(".profileanchor").css("display","none");
	$(".bio").css("display","none");

	if (show != '') {
		toggleBio("#"+show+"img","#"+show+"bio");
	}
	
	function enlarge(id) {
		$(id).animate({
			height: '200px', width: '200px'
		}, "fast");	
	}

	function shrink(id) {
		$(id).animate({
			height: '100px', width: '100px'
		}, "fast");	
	}
	
	function checkState(id) {
		if ($(id).css("height") == '100px') {
			var state = 0;
		} else {
			var state = 1;
		}
		return state;
	}
	
	function toggleImage(id) {
		var action = checkState(id);
		if (action == 0) {
			enlarge(id);
		} else if (action == 1) {
			shrink(id);
		}	
	}
	
	function toggleBio(imgid,bioid) {
		var action = checkState(imgid);
		if (action == 0) {
			$(".bio").css("display","none");		
			$(".profileimg").css("height","100px");
			$(".profileimg").css("width","100px");
		}
		toggleImage(imgid);
		$(bioid).slideToggle("fast");
	}
		
	$("#alexview").click(function(){
		toggleBio("#aleximg","#alexbio");
		return false;
	});

	$("#nickiview").click(function(){
		toggleBio("#nickiimg","#nickibio");
		return false;
	});

	$("#pippaview").click(function(){
		toggleBio("#pippaimg","#pippabio");
		return false;
	});

	$("#richardview").click(function(){
		toggleBio("#richardimg","#richardbio");
		return false;
	});

	$("#robertview").click(function(){
		toggleBio("#robertimg","#robertbio");
		return false;
	});

	
});