var lastBio;

function doFilterTeam()
{
	$(".controls a").click(function(){
		$(".team_bio").addClass("clickedbio");
		 $(this).removeClass("clickedbio");
	});
  
	$("#iContainer .element").mouseenter(
	  function () {
		var divBG = $("div.elContentBG", $(this));
		var div = $("a.elContent", $(this));
		var pic1 = $("img.teambildOFF", $(this));
		var pic2 = $("img.teambildON", $(this));
		
		divBG.stop();
		div.stop();

		divBG.fadeTo(200,0.7);
		div.fadeTo(400,1);
		pic1.hide();
		pic2.show();
	  }
	);
	
	$("#iContainer .element").mouseleave(
	  function () {
		var divBG = $("div.elContentBG", $(this));
		var div = $("a.elContent", $(this));
		var pic1 = $("img.teambildOFF", $(this));
		var pic2 = $("img.teambildON", $(this));
		
		divBG.stop();
		div.stop();
		
		divBG.fadeOut();
		div.fadeOut(200);
		pic1.show();
		pic2.hide();
	  }
	);
	
	var links = $("div.controls a");
	
	links.bind("click",function(){
		var links = $("div.controls a");
		links.removeClass();
		
		var link = $(this);
		link.addClass("selected");
		
		var filter = link.attr("tag");
		$("#iContainer").isotope({ 
			filter: filter,
			animationEngine : 'jquery'
		});
		return false;
	});
	
	$("a.bio_x").live('click', function() {
		lastBio.hide();
	});

	$("#iContainer a").click(function(){
			if(lastBio) lastBio.hide();

			var dEl = $(this).parent();
			var id = dEl.attr('id2');
			var div = $("div.team_bio[id2="+id+"]");
			
			var pos = dEl.position();
			var x = pos.left;
			var y = pos.top;
			
			var cWi = $(window).width()-940;
			var diff = cWi-x;
			if(diff>0)
			{
				var px = (x+200)+"px";
			}else{
				var px = (x-400)+"px";
			}
			var py = y+"px";
			
			div.css({
				left: px,
				top:  py
			});
			lastBio = div;
			div.fadeIn();
			return false;
		});

	
}