// revealable homepage features
function HomepageFeatures() {
var listitems = $$('#reveal-features div.feature');
var revealEffects = [];
var revealboxes = [];
listitems.each(function(el, index){
    var revelElement = el.getElementsBySelector("div.reveal");
    var reveal = (revelElement) ? revelElement[0] : false;
    //if not found go to the next in the loop
    if (!reveal) return null;
    //create effects object
    revealEffects[index] = new Fx.Slide(reveal, {duration: 500, wait:false, transition:Fx.Transitions.expoOut});
    revealEffects[index].hide();
    el.addEvent('mouseover', function(){
        revealEffects[index].slideIn();
    })
    el.addEvent('mouseout', function(){
        revealEffects[index].slideOut();
    })
});
}
window.addEvent('domready', HomepageFeatures);