//
//
//

$(document).ready(function() {

    // set margin on left nav menu
    $(".menu .AspNet-Menu").css("margin", "21px 0 0 32px");
    // remove default class from footer menu
    $("#ctl00_menu_footer ul").removeClass("AspNet-Menu");
    // add styled classes to footer meny
    $("#ctl00_menu_footer ul").addClass("bottom-menu clearfix");
    // add "secure site" item to footer menu
    $("#ctl00_menu_footer ul").append("<li><a href=\"/secure_site.aspx\">secure site</a></li>");
    // hide sub-menus in footer menu
    $("#ctl00_menu_footer ul li ul").css({ display: "none" });
    // add styled class to the first element in the footer menu
    $("#ctl00_menu_footer li:first").addClass("first");

    $(".course").change(function() {

        $.ajax({
            type: "POST",
            url: "/StudentApp/application.aspx/GetSelectedCourse",
            data: "{course : '" + $(this).val() + "'}",
            contentType: "application/json; charset=utf-8",
            dataType: "json"
        });

    });

    $(".program").change(function() {

        if ($(this).val() != '') {

            var program_value = $(this).val();

            $.ajax({
                type: "POST",
                url: "/StudentApp/application.aspx/ProgramCourses",
                data: "{program : '" + program_value + "'}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(msg) {

                    var responseText = "";

                    if (msg.hasOwnProperty("d"))
                    // Leave the .d behind and pass the rest of 
                    //  the JSON object forward.
                        responseText = msg.d;
                    else
                    // No .d; no transformation necessary.
                        responseText = msg;
                    eval("var courses = " + responseText);

                    var course_select = $(".course");
                    if (course_select != null) {

                        $(course_select).find("option").remove();

                        $(course_select).append("<option> -- Select One -- </option>");

                        // add new options in
                        $.each(courses, function(key, value) {
                            $(course_select).append("<option value='" + value + "'>" + value + "</option>");
                        });
                    }
                }

            });
        }
    });



});