Event.observe(window, 'load', function(event)
{
    var residences       = $('residences');
    var suites           = $('suites');
    var households       = $('households');
    var residences_popup = $('residences_popup');
    var suites_popup     = $('suites_popup');
    var households_popup = $('households_popup');
    
    window.targets = new Array(residences_popup, suites_popup, households_popup);
    
    residences.observe('mouseover', function()
    {
        showPopup(residences_popup);
    });
    
    suites.observe('mouseover', function()
    {
        showPopup(suites_popup);
    });
    
    households.observe('mouseover', function()
    {
        showPopup(households_popup);
    });
    
    $('homeContent').observe('mouseover', function()
    {
        hidePopups();
    });
});

function showPopup(target)
{
    for(var i = 0; i <= 2; i++)
    {
        if(target == targets[i])
        {
            new Effect.BlindDown(
                target,
                {
                    duration: 0.5,
                    queue: 
                    {
                        scope: 'popups' + i,
                        limit: 1,
                        position: 'end'
                    }
                }
            );
        }
        else
            targets[i].hide();
    }
}

function hidePopups()
{
    for(var i = 0; i <= 2; i++)
        targets[i].hide();
}