window.onload = function (){
                    showBio('SirJohnParker');
                     
                   //  hideAllBios();  
    }
    
            var bioContainerId = 'board-details';
            
            function hideAllBios(){
                    //get the div having each bio
                    var bios = document.getElementById( 'directorDetails').getElementsByTagName('li');
                
                    //alert(bios.length);
          
                        for(var i=0; i < (bios.length); i++){
                            //if div class name  = bio , add class hidden also
                            /*if(hasClass(bios[i],'bio')){ */
                                if(!(hasClass(bios[i],'hidden'))){
                                    addClass(bios[i],'hidden');
                                 }
                            /* } */
                        }    
          
            
            }
            
            
    

            function showBio(bioId){
                hideAllBios();
                var bio = document.getElementById(bioId);
                    //if bio div exists
                    if(bio){
                        // if it is hidden, unhide it
                        if( hasClass(bio,'hidden')){
                            removeClass(bio,'hidden');
                        }
                    }
                   
            }

    
            function hasClass(ele,cls) {   return ele.className.match(new RegExp('(\\s|^)'+cls+'(\\s|$)'));       }
            function addClass(ele,cls) {   if (!this.hasClass(ele,cls)) ele.className += " "+cls;    }
            function removeClass(ele,cls) {
                if (hasClass(ele,cls)) {
                    var reg = new RegExp('(\\s|^)'+cls+'(\\s|$)');
                    ele.className=ele.className.replace(reg,' ');
                }
            }