function doOverlays(alwaysOn){
            //list target els
            var list = $$('#squares-container div.squarelink'); 
            list.each(function(e){
                e.setStyle('opacity',0.8);   
            });
            
            var triggers = $$('#squares-container div.screen');      
            
            var collapsibles = new Array();
            
            if (alwaysOn!=true){
                triggers.each(function (trigger,i){
                
                    //for each element create a slide effect
                    var collapsible = new Fx.Tween(list[i], {
                            duration: 400,
                            transition: 'quad:in'
                    });

                    //and store it in the array
                    collapsibles[i] = collapsible;

                    //add event listener
                    trigger.onmouseover = function(){
                        //open current element
                        collapsible.start('top',162,132).chain(//hide the rest
                        function(){
                        for(var j = 0; j < collapsibles.length; j++){
                                if(j!=i&&list[j].getStyle('top').toInt()<162){
                                    collapsibles[j].start('top',132,162);
                                }
                        }
                        return false;});
                    }
                });
                
                $('squares-container').addEvent('mouseleave',function(){
                    for (var x=0;x<collapsibles.length;x++){
                         if(list[x].getStyle('top').toInt()<162){
                            collapsibles[x].start('top',132,162);
                         }    
                    }      
                });
            }
            else{
                for(z=0;z<list.length;z++){
                
                    list[z].setStyle('top','132px');

                    $$('#squares-container div.screen').addEvent('mouseenter',function(e){
                        triggerElement=$$(e.target).getParent();
                        targetElement=$$(triggerElement).getNext();
                        targetElement.setStyle('background-color','#f33');
                    });

                    $$('#squares-container div.screen').addEvent('mouseleave',function(e){
                        triggerElement=$$(e.target).getParent();
                        targetElement=$$(triggerElement).getNext();
                        targetElement.setStyle('background-color','#333');
                    });
                    
                    
                }
                
            }
}