
$(document).ready(
    function initializeOnlineCourseJavascript() {
        initializeDefaultCourseVisibilitySettings();
        initializeColorboxChapterViewers();
        initializeShowHideChapterFunctionality();
    }
);

//Function to initialize colorbox chapter viewers
function initializeColorboxChapterViewers()
{
    //Set up the video viewer colorbox
    $(".linkFancyBox").colorbox({width:870, height:700});
    $("#cboxOverlay").hide(); 
}

//Function to initialize default course visibility settings 
function initializeDefaultCourseVisibilitySettings()
{
    //Determine the pre-selected course
    var selectedCourseId = "";
    if ( $(".courseChapterListCurrent").length)
    {
        selectedCourseId = $(".courseChapterListCurrent").attr("id");
        selectedCourseId = selectedCourseId.replace("divCourseChapterListing","");
    }
    $(".linkShowCourse").show();                            //SHOW ALL OF THE SHOW COURSE LINKS
    $(".linkHideCourse").hide();                            //HIDE ALL OF THE HIDE COURSE LINKS
    if(selectedCourseId.length > 0)                         
    {
        $("#linkShowCourse" + selectedCourseId).hide();     //HIDE THE SHOW COURSE LINK FOR THE PRE-SELECTED COURSE
        $("#linkHideCourse" + selectedCourseId).show();     //SHOW THE HIDE COURSE LINK FOR THE PRE-SELECTED COURSE
    }
    $(".courseControls").show();                            //SHOW ALL OF THE COURSE CONTROL DIVS
    $(".courseChapterList").hide();                         //HIDE ALL OF THE CHAPTER LISTS THAT ARE NOT PRE-SELECTED
}

//Function to initialize the show and hide chapter functionality
function initializeShowHideChapterFunctionality()
{
    $(".linkShowCourse").click(
        function(){
            var chapterList = $(this).attr("id").replace("linkShowCourse","divCourseChapterListing");   //GET THE CHAPTER LISTINGS ID
            var hideLink = $(this).attr("id").replace("linkShowCourse","linkHideCourse");               //GET THE HIDE LINK ID
            $("#" + chapterList).slideDown(300);                //SHOW THE RELATED CHAPTER LIST
            $(this).hide();                                     //HIDE THE SHOW LINK 
            $("#" + hideLink).show();                           //SHOW THE HIDE LINK 
        }
    );
    $(".linkHideCourse").click(
        function(){
            var chapterList = $(this).attr("id").replace("linkHideCourse","divCourseChapterListing");                   //GET THE CHAPTER LISTINGS ID
            var showLink = $(this).attr("id").replace("linkHideCourse","linkShowCourse");                               //GET THE SHOW LINK ID
            $("#" + chapterList).slideUp(300);                  //HIDE THE RELATED CHAPTER LIST
            $(this).hide();                                     //HIDE THE HIDE LINK 
            $("#" + showLink).show();                           //SHOW THE SHOW LINK 
        }
    );  
}
