$(document).ready(
    function() {

        // Bind click event
        $("a.SideNavLink").click(function() {
            ActivateSideNavLink(this);
        });

        // Check URL on start up
        var url = location.href;
        var hashpos = url.indexOf("#");
        if (hashpos != -1) {
            var hashVal = url.substr(hashpos + 1, url.length - hashpos - 1);
            var loadLink = $("a[href='#" + hashVal + "']");
            if (loadLink != null) ActivateSideNavLink(loadLink);
        }
    }
);


function ActivateSideNavLink(linkEl)
{
    var url = $(linkEl).get(0).href;
    var hashpos = url.indexOf("#");

    if (hashpos != -1) {
        var hashVal = url.substr(hashpos + 1, url.length - hashpos - 1);

        $(".SideNavTable .nav a").attr("class", ""); //kill all links

        $("a[href='#" + hashVal + "']").attr("class", "on"); //set new one

        $(".content .pane").hide();
        $(".content .paneon").hide();
        $("#pane" + hashVal).show();
    }

}