function switchSearchTable(name, style) {
    
    //tr display
//     if (name != "keyword") {
//         document.getElementById('keywordRecord').style.display = 'none';
//     } else {
//         document.getElementById('keywordRecord').style.display = '';
//     }
//     if (name != "style") {
//         document.getElementById('styleRecord').style.display = 'none';
//     } else {
//         document.getElementById('styleRecord').style.display = '';
//     }
//     if (name != "area") {
//         document.getElementById('areaRecord').style.display = 'none';
//     } else {
//         document.getElementById('areaRecord').style.display = '';
//     }
//     if (name != "skill") {
//         document.getElementById('skillRecord').style.display = 'none';
//     } else {
//         document.getElementById('skillRecord').style.display = '';
//     }
     $("div#keywordBlock").css("display", name != "keyword" ? "none" : "block" );
     $("div#styleBlock"  ).css("display", name != "style"   ? "none" : "block" );
     $("div#areaBlock"   ).css("display", name != "area"    ? "none" : "block" );
     $("div#skillBlock"  ).css("display", name != "skill"   ? "none" : "block" );

    //button switch
    if (name == "keyword") {
        $("#keywordButton").attr("src", "i/mem_search_button_keyword_on.png");
    } else {
        $("#keywordButton").attr("src", 'i/mem_search_button_keyword.png');
    }
    if (name == "style") {
        $("#styleButton").attr("src", 'i/mem_search_button_style_on.png');
    } else {
        $("#styleButton").attr("src", 'i/mem_search_button_style.png');
    }
    if (name == "area") {
        $("#areaButton").attr("src", 'i/mem_search_button_area_on.png');
    } else {
        $("#areaButton").attr("src", 'i/mem_search_button_area.png');
    }
    if (name == "skill") {
        $("#skillButton").attr("src", 'i/mem_search_button_skill_on.png');
    } else {
        $("#skillButton").attr("src", 'i/mem_search_button_skill.png');
    }

}