// revealable homepage hints
    // single id
    function activateHomepage() {
    alert("Test");
    var revealEffect = new Fx.Slide('reveal', {duration: 500, wait:false, transition:Fx.Transitions.expoOut});
    revealEffect.hide();
    
    $$('#teasers li#offset-c').each(function(el, index){
        el.addEvent('mouseover', function(){
            revealEffect.slideIn();
        })
        el.addEvent('mouseout', function(){
            revealEffect.slideOut();
        })
    });
    }
    // multiple classes
    function NEWactivateHomepage() {
    var listitems = $$('#teasers li');
    var revealEffects = [];
    var revealboxes = [];
    listitems.each(function(el, index){
        //var revealboxes[index] = $(el.getElementById("div.reveal"));
        var test = el.getElementsBySelector("div.reveal");
        
        var reveal = (test) ? test[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', NEWactivateHomepage);
