﻿$(document).ready(function () {
    $('#divMenu a').click(function (e) {
        //get the name href and put it in a variable, is going to be the same as target div to display
        var divTo = $(this).attr('title');
        divTo = '#' + 'MainContent_' + divTo;

        //remove and add proper classes to menu items to show which one is currently selected
        $(this).parent().parent().children('.current').removeClass('current');
        $(this).parent().addClass('current');

        //show content
        displayDivContent(divTo);

        //prevent link from jumping page
        e.preventDefault();
    });

    

    //hide and display proper div content
    function displayDivContent(divTo) {
        $('#content .current').slideUp('fast');
        $(divTo).parent().children('.current').removeClass('current');
        $(divTo).slideDown('normal');
        $(divTo).addClass('current');
    }

});
