function switchSearchTable(name, style) {
    
    //tr display
    $("div#keywordBlock"    ).css("display", name != "keyword"     ? "none" : "block" );
    $("div#areaBlock"       ).css("display", name != "area"        ? "none" : "block" );
    $("div#skillBlock"      ).css("display", name != "skill"       ? "none" : "block" );
    $("div#requirementBlock").css("display", name != "requirement" ? "none" : "block" );

    //button switch
    if (name == "keyword") {
        $("#keywordButton").attr("src", "i/clt_search_button_keyword_on.png");
    } else {
        $("#keywordButton").attr("src", 'i/clt_search_button_keyword.png');
    }
    if (name == "area") {
        $("#areaButton").attr("src", 'i/clt_search_button_area_on.png');
    } else {
        $("#areaButton").attr("src", 'i/clt_search_button_area.png');
    }
    if (name == "skill") {
        $("#skillButton").attr("src", 'i/clt_search_button_skill_on.png');
    } else {
        $("#skillButton").attr("src", 'i/clt_search_button_skill.png');
    }
    if (name == "requirement") {
        $("#requirementButton").attr("src", 'i/clt_search_button_requirement_on.png');
    } else {
        $("#requirementButton").attr("src", 'i/clt_search_button_requirement.png');
    }

}