$(document).ready(InitCourseInformation);

function InitCourseInformation() {
    $('div.CourseInformationPanel').eq(0).fadeIn();
    $('div.CourseInformationMenu div.CourseInformationMenuItem').eq(0).css({ backgroundColor: '#283186', color: '#ffffff' });
    $('div.CourseInformationMenu div.CourseInformationMenuItem').click(onCourseInformationMenuClick);
}

function onCourseInformationMenuClick() {
    var nIndex = $('div.CourseInformationMenuItem').index(this);
    $('div.CourseInformationMenu div.CourseInformationMenuItem').css({ backgroundColor: '#283186', color: '#cccccc' });
    $(this).css({ backgroundColor: '#283186', color: '#ffffff' });
    $('div.CourseInformationPanel').fadeOut();
    $('div.CourseInformationPanel').eq(nIndex).fadeIn();
}