VillaStone.HomePage = Class.create({
    sections: false,
    hoodsLink: false,
    mantelsLink: false,
    accentsLink: false,
    
    hoodsMenu: false,
    mantelsMenu: false,
    accentsMenu: false,

    initialize: function() {
        this.sections = $('homeIntro');
        this.hoodsLink = this.sections.down('a.hoods');
        this.mantelsLink = this.sections.down('a.mantels');
        this.accentsLink = this.sections.down('a.accents');
        this.hoodsMenu = $('menu_hoods').down('a');
        this.mantelsMenu = $('menu_mantels').down('a');
        this.accentsMenu = $('menu_accents').down('a');
        
        this.hoodsLink.observe('mouseover', function() { this.hoodsMenu.addClassName('active'); Effect.Appear(this.hoodsMenu, {duration: 0.75, from: 0.75, to: 1.0}); }.bind(this));
        this.hoodsLink.observe('mouseout', function() { this.hoodsMenu.removeClassName('active'); }.bind(this));
        this.mantelsLink.observe('mouseover', function() { this.mantelsMenu.addClassName('active'); Effect.Appear(this.mantelsMenu, {duration: 0.75, from: 0.75, to: 1.0}); }.bind(this));
        this.mantelsLink.observe('mouseout', function() { this.mantelsMenu.removeClassName('active'); }.bind(this));
        this.accentsLink.observe('mouseover', function() { this.accentsMenu.addClassName('active'); Effect.Appear(this.accentsMenu, {duration: 0.75, from: 0.75, to: 1.0}); }.bind(this));
        this.accentsLink.observe('mouseout', function() { this.accentsMenu.removeClassName('active'); }.bind(this));
    }
});