function initCoursePage() {
    //  set up the behavior for show/hide details
    var el = $( "hideable" );
    var list = document.getElementsByClassName("hide-details");
    var link = null;
    var i;
    for ( i=0; i<list.length; i++ ) {
	link = list[i];
	link.originalContent = link.innerHTML;
	link.hideableSection = el;
        link.onclick = toggleOutlineDetails;
	link.style.display = "block";
    }
    //  as long as the "initiallyHidden" variable is NOT set to false,
    //  let 'er rip once on the last one found
    if ( typeof(initiallyHidden)!="undefined" && initiallyHidden ) {
        toggleOutlineDetails.call( link );
    }
}

function toggleOutlineDetails( evt ) {
    if ( !evt )  evt = window.event;
    this.blur();
    var el;
    if ( ! (el=this.hideableSection) )  return;
    var makeVisible = ( el.style.display=="none" );
    el.style.display = ( makeVisible ) ? "block" : "none";
    var list = document.getElementsByClassName("hide-details");
    for ( var i=0; i<list.length; i++ ) {
        list[i].innerHTML = ( makeVisible ) ? list[i].originalContent
					    : "Show Me More &raquo;";
    }
    if ( evt.preventDefault )  evt.preventDefault();
    else evt.returnValue = false;
    evt.cancelBubble =true;
}