var TabbedMenu = Class.create({
    initialize: function(ids) {
        this.currentTabID = ids[0];
        ids.each(function(id) {
            if (id != ids[0])
                $(id).setStyle({ display: 'none' });
            menu = $(id).select('.options a');
            for (i = 0; i < menu.length; i++) {
                $(menu[i]).href = "javascript:webHosting.change('" + ids[i] + "')";
            }
        });
        $(this.currentTabID).setStyle({ display: 'block' });
    },
    change: function() {
        $(this.currentTabID).setStyle({ display: 'none' });
        $(arguments[0]).setStyle({ display: 'block' });
        this.currentTabID = arguments[0];
    }
});

Event.observe(window, "load", function() {
    webHosting = new TabbedMenu(new Array('web-hosting-panel-dotNet', 'web-hosting-panel-php', 'web-hosting-panel-j2ee'));
    $$(".panel a.sign-up-now img").each(function(item) {
        $(item).onmouseover = function() { this.src = "/Assets/Images/sign-up-now-button-hover.gif"; };
        $(item).onmouseout = function() { this.src = "/Assets/Images/sign-up-now-button.gif"; };
    });
    $$(".panel a.request-a-quote img").each(function(item) {
        $(item).onmouseover = function() { this.src = "/Assets/Images/request-a-quote-button-hover.gif"; };
        $(item).onmouseout = function() { this.src = "/Assets/Images/request-a-quote-button.gif"; };
    });
});

Event.observe(window, "load", function() {
});