function Tabs(contentIdPrefix, tabContainerId, contentPlaceId){
    //create a Tabs object:
    // Usage = var t = new Tabs(...);
    this.contentIdPrefix = contentIdPrefix;
    this.contentPlace = getElementById(contentPlaceId);
    this.tabs=getElementById(tabContainerId).getElementsByTagName("a");
};
Tabs.prototype={
    selectTab:function(tabName){
        var newHtml = "<!-- not found -->";
        var contentProvider = getElementById(this.contentIdPrefix + tabName);
        if (contentProvider){
            newHtml = contentProvider.innerHTML;
        }
        this.contentPlace.innerHTML = newHtml;
        for (var i=0; i<this.tabs.length; i++){
            var tab = this.tabs[i];
            tab.className = "";
            if (tab.name == tabName) {
                tab.className = "selected";
            }
        }
        return false;
    },
    init:function(){
        for (var i=0; i < this.tabs.length; i++){
            var tab = this.tabs[i];
            var tabsInstance = this;
            if ("tab" == tab.getAttribute("rel")){
                tab.onclick=function(){
                    tabsInstance.selectTab(this.name);
                    return false;
                }
            }
            var contentContainer = getElementById(this.contentIdPrefix + tab.name);
            if (contentContainer){
                contentContainer.style.display="none";
            }
        }
    }
};