function visual_button_click(img,percent) {
    var pid = $(img).attr("pid");
    record_client_findsimilar(pid);
    excute_find_similar(pid, "", "", percent);

}

function record_client_findsimilar(pid) {
    record_client_behavior(2, pid);
}

function excute_find_similar(ids, imageId, keywords, visualshapcolor) {
    var inputData = "{pids:'" + ids + "',imageId:'" + imageId + "',keyword:'" + keywords + "',VisualShapColor:" + visualshapcolor + "}";
    if (ids.length == 0) {
        return;
    }
    show_visual_search_waiting_ui();
    $.ajax({
        type: "POST",
        contentType: "application/json",
        url: "./Services/SearchService.asmx/FindSimilar",
        data: inputData,
        dataType: 'json',
        success: function(result) {           
            if (result.d != null && result.d != undefined) {
                result = result.d;
            }
            location.QueryArray.clear();
            location.QueryArray.set('pids', ids);
            location.QueryArray.set('keyword', keywords);
            location.QueryArray.set('imageid', imageId);
            location.QueryArray.set('shapcolor', visualshapcolor);
            location.QueryArray.set('searchid', result);
            window.location = "VisualSearch/VisualView.aspx?".concat(location.QueryArray.toString());
        },
        error: function(result) {
            alert('get search id failed');
        }
    });
}

function show_visual_search_waiting_ui() {
    show_hide_transparent(true);
    var loading = $("#loading");
    loading.html('<img src="images/Loading.gif" alt="" />');
    loading.show();
}