var currentBio = null;

function bioFadeIn(id) {
    var logopos = $('#team_company_logo').coords()[0];
    
    var aBio = $('#bio_' + id);
    aBio.style('left', logopos.x + 'px');
    if (dojo.isIE <= 6)
    	aBio.style('top', '191px');
    else
    	aBio.style('top', '188px');
    aBio.style('opacity', 0);
    aBio.style('display', 'block');
    return aBio.fadeIn();
}

function bioFadeOut(id) {
    var aBio = $('#bio_' + id);
   	return aBio.fadeOut({onEnd:function(){ aBio.style('display', 'none'); }});
}

dojo.addOnLoad(function(){
	
	$('.pic').forEach(function(e){
		$(e).onmouseover(function(){
            $(e).style("backgroundPosition","0px -65px");
            
            if (currentBio == null) {
            	bioFadeIn(e.id).play();
            }
		});

        $(e).onmouseout(function(){
            
            if (currentBio != e.id) {
                $(e).style("backgroundPosition","0px 0px");
            	bioFadeOut(e.id).play();
            }
        });
        
        $(e).onclick(function(){
        	if (currentBio == e.id) {
        		bioFadeOut(e.id).play();
        		currentBio = null;
        	}
        	else {
        		var anim = [];
        		anim.push(bioFadeOut(currentBio));
        		$('#' + currentBio).style("backgroundPosition","0px 0px");
        		$(e).style("backgroundPosition","0px -65px");
        		if (currentBio != null)
        			anim.push(bioFadeIn(e.id));
        		currentBio = e.id;
        		dojo.fx.combine(anim).play();
        	}
        });
	});
});