var divs = new Array();
    var posHidden = 2000, posVisible  = 0;
    var isVisible = false;
    
    
    
    function hideAll() {
    
            var kwicks = $$('.onscreenPersonDiv');
            var fx = new Fx.Elements(kwicks, {wait: false, duration: 1000, transition: Fx.Transitions.Back.easeOut}); 
	        var o = {};
	        kwicks.each(function(kwick, i) {
		        o[i] = {left: [kwick.getStyle("left").toInt(), posHidden]}
	        });
	        fx.start(o);
    }

    function showPerson(id) {
        var div = $(id);    
       
        var kwicks = $$('.onscreenPersonDiv');
        var fx = new Fx.Elements(kwicks, {wait: false, duration: 400, transition: Fx.Transitions.Back.easeOut});
        var fxOn = new Fx.Styles(div, {wait: false, duration: 300, transition: Fx.Transitions.Back.easeOut}); 
        var o = {};
        if(isVisible) {
            kwicks.each(function(kwick, i) {
                o[i] = {left: [kwick.getStyle("left").toInt(), posHidden]}
            });
            div.style.top = "0px";
            fx.start(o).chain(function() {
                fxOn.start({
			        'left': posVisible
		        });   
            });
        } else {
            isVisible = true;
            div.style.top = 0;
            fxOn.start({'left': posVisible});   
        }        
    }