function Void(){return null;}
VOID_LINK = "javascript:Void();";

function initHelpNav() {
    var helpNavEle = gE("helpNav");
    var columnContainerEle = gE("columnContainer");
    if( helpNavEle && columnContainerEle ) {
        var navEles = gET( "a", helpNavEle );
        var contentEles = gETAC( "div", "helpContent", columnContainerEle );
        
        // set the events on the nav ele and hide all the content except the first one
        helpNavEle._active = 0;
        addClass( navEles[0], "selected" );
        for( var i = 0; i < contentEles.length; i++ ) {
            // don't hide the first one
            if( i != 0 ) {
                addClass( contentEles[i], "hidden" );
            }
            navEles[i].index = i;
            navEles[i].onclick = function() { 
                addClass( contentEles[helpNavEle._active], "hidden" );
                removeClass( navEles[helpNavEle._active], "selected" );                
                removeClass( contentEles[this.index], "hidden" );
                addClass( this, "selected" );
                helpNavEle._active = this.index;
                this.blur();
                return false;
            };
            navEles[i].href = VOID_LINK;
            
        }
        
        // add events to each nav ele
        
    }
}

DomLoaded.load( initHelpNav );