/*
********************************************************
Copyright @ WebOnWebOff.com, by D. Miller
You may reuse this script, on condition that: 
	- this copyright text is kept
	- report improvements/changes to contact(at)WebOnWebOff.com
www.WebOnWebOff.com
********************************************************
*/
    ylib.namespace('ylib.widget');
    
    ylib.widget.DynamicTabs = function(aTabs, aSubNavs){           
        this.aT = aTabs    ? aTabs    : [];
        this.aSN = aSubNavs ? aSubNavs : [];
        if(this.aT.length!=this.aSN.length) return; //validation
        this.AttachEvents();
    };
    ylib.widget.DynamicTabs.prototype.AttachEvents = function(){        
        var elem;
        //each header
        for(var i=0; i<this.aT.length; i++){
            elem = document.getElementById(this.aT[i]);
            elem.onmouseover=this.ActivateTab;
            elem.tabObj=this; //REMOVE?
        }
    }
    ylib.widget.DynamicTabs.prototype.ShowTabs = function(currentTabID){
        var elem;
        //adjust headers
        for(var i=0; i<this.aT.length; i++){
            tab = document.getElementById(this.aT[i]);
            subnav = document.getElementById(this.aSN[i]);
            if(currentTabID==this.aT[i]) {
                tab.className = 'active';
                subnav.className = 'active';
            } else {
                tab.className = '';
                subnav.className = '';
            }
        }
    };
    ylib.widget.DynamicTabs.prototype.ActivateTab = function(event){
        var thisID = this.id;
        var obj = this.tabObj;
        if(obj){
            obj.ShowTabs(this.id);
        }
    };