var BackRackMenu = new Class({
    initialize: function() {
        this.container = $('divMenu');
        this.footer = $('footer');
        if (this.container) {
            this.addRow('/en-us/about.html', '/images/menu2/menu_why.jpg', '/images/menu2/menu_why_ov.jpg', 35, 95);
            this.addRow('/en-us/faq.html', '/images/menu2/menu_faq.jpg', '/images/menu2/menu_faq_ov.jpg', 35, 39);
            this.addRow('/en-us/tonneaus.html', '/images/menu2/menu_tonneaus.jpg', '/images/menu2/menu_tonneaus_ov.jpg', 35, 115);
            this.addRow('/en-us/backrack.html', '/images/menu2/menu_backrack.jpg', '/images/menu2/menu_backrack_ov.jpg', 35, 169);
            this.addRow('/en-us/accessories.aspx', '/images/menu2/menu_accessories.jpg', '/images/menu2/menu_accessories_ov.jpg', 35, 102);
            this.addRow('/en-us/siderails.html', '/images/menu2/menu_side_rails.jpg', '/images/menu2/menu_side_rails_ov.jpg', 35, 93);
            this.addRow('/en-us/where/usa.aspx', '/images/menu2/menu_where.jpg', '/images/menu2/menu_where_ov.jpg', 35, 113);
        }
        if (this.footer) {
            this.addRow('/en-us/contact.html', '/images/menu2/new_menu_contact.png', '/images/menu2/new_menu_contact_ov.png', 35, 61, this.footer);
            this.addRow('/en-us/privacy.html', '/images/menu2/new_menu_privacy.png', '/images/menu2/new_menu_privacy_ov.png', 35, 75, this.footer);
        }
    },
    
    addRow: function(url, img, img_ov, height, width, container) {
        if (!container) container = this.container;
        var a = new Element('a', { 'href': url, 'styles': { 'float': 'left', 'padding': '0px', 'margin': '0px' }}).injectInside(container);
        new Element('img', { 'src': img, 'styles': { 'border': 'none', 'padding': '0px', 'margin': '0px' }, 'events': {
                'mouseover': function() { this.src = img_ov; },
                'mouseout': function() { this.src = img; }
            }}).injectInside(a);
    },
    
    addBlankRow: function(width) {
        new Element('div', { 'styles': { 'float': 'left', 'width': width, 'height': '20px' }}).setHTML(' ').injectInside(this.container);
    }
});

window.addEvent('domready', function() {
    var br_menu = new BackRackMenu();
});