$.ready(function() {
    setcolumncolor();
})
     
function setcolumncolor() {
    var url = window.location.toString();
    var pathname = window.location.pathname;
    var navli = document.getElementById("nav"); 
    var action = pathname.toLowerCase();
    if (action.indexOf('/', 0) == 0) {
        action = action.substring(1, action.length);
        if (action.indexOf('.', 0) > 1) {
            action = action.substring(0, action.indexOf('.', 0)); 
        }
    }
    var arry = action.split('/'); 
    var pos = 0;
    if (arry.length == 1) {
        switch (action) {case "index": pos = 0; break; }
    } else {
    switch (arry[0]) {
        case "about":
            if (arry[1] == "8") { pos = 12; } else { pos = 1; }
            break;
        case "news": pos = 2; break;
        case "law": pos = 3; break;
        case "develop": pos = 4; break;
        case "case": pos = 5; break;
        case "merber": pos = 6; break;
        case "photo": pos = 7; break;
        case "learn": pos = 8; break;
        case "special": pos = 9; break;
        case "jd": pos = 10; break;
        case "school": pos = 11; break;
        case "hk": pos = 13; break;
        case "message": pos = 16; break;
        case "city": pos = 17; break;
        }
    }
    navli.getElementsByTagName("li")[pos].getElementsByTagName("a")[0].style.background = "#d1d1d1";
}