JSON Data Visualizer (for Google, Yahoo!, Bing, and Twitter) using jQuery, JavaScript, ASP.NET MVC 2.0

var param_count = 0;
var search_engines1 =
{
    "Google": {
    "urlengine": "http://ajax.googleapis.com/ajax/services/search/web?v=1.0",
    "parameter": { "&q": "pizza 94539" }
    }
,
//Yahoo
  "Yahoo": {
  "urlengine": "http://local.yahooapis.com/LocalSearchService/V3/localSearch?output=json",
  "parameter": { 
        "&query": "pizza",
        "&zip": "94539",
        "&results": "2"
               }
            }
,
//Bing
"Bing": {
    "urlengine": "http://api.search.live.net/json.aspx?sources=web",
    "parameter": { 
        "&query":"pizza 94539",
        "&count":"2"
    }
}
,
//Twitter
"Twitter": {
    "urlengine": "http://search.twitter.com/search.json?",
    "parameter": { 
        "&q":"windows phone 7"
    }
}

 
}
//

 //
function Build_Engine() {
    // jQuery.each(search_engines, function (key, val) { recursiveFunction(key, val) });
    $('#buildenginediv').empty();
    var s = $('#select_engine_select')[0]; //Select the select box
    s.length = 0; //empty out the select box
    var iselect = 0;
    $.each(search_engines1, function (key, val) 
            {
            var op = new Option(key); //Create "Option i" with a value of i
             s[iselect] = op; //Add "Option i" at index i
             iselect++;
           }

         )
          // $('#buildenginediv').append( $("#select_engine_select option:selected")[0].value);
}

function Build_Engine1() {
    $('#buildenginediv').empty();
    var params = $("#select_engine_select option:selected")[0].value;
    var parameter_selected = search_engines1[params];
    param_count = 0;
    $.each(parameter_selected['parameter'], function (key, val) {

        $('#buildenginediv').append('<input id="Key' + param_count + '" type="text" readonly="readonly" style="width: 150px" value="' + key + '"/>' + '<input id="Text' + param_count + '" type="text" style="width: 400px" value="' + val + '"/> <br/>');
        param_count++;
    })
}
function Get_Engine_Data(divname) {
    var searchengine_selected = $("#select_engine_select option:selected")[0].value;
    var parameter_selected = search_engines1[searchengine_selected];
    var urlengine = parameter_selected["urlengine"];
    var param1 = '';
    for (var iparamcount = 0; iparamcount < param_count; iparamcount++) {
        var textboxid = '#Text' + iparamcount;
        var keyid = '#Key' + iparamcount;
         param1 +=  $(keyid).val() + '=' + $(textboxid).val();
    }
     Clear_AllData();

     var selecteditems = { "searchengine": searchengine_selected, "parameter": param1, "url1": urlengine };

     jQuery.getJSON('/Json/JsonData1', selecteditems, function (result) {

         displayresult(result, divname, selecteditems);
     })

 }
 //display result
 function displayresult(result, divname, selecteditems) {
     $('#headerdiv').append("<hr/>" + "Results From: " + selecteditems["searchengine"] + " : " + " Parameters: " + selecteditems["url1"] + selecteditems["parameter"] + "<hr/>");

     switch (divname) {
         case '#rawdatadiv':
             $(divname).append(result);
             break;
         case '#tabledatadiv':
             data = $.parseJSON(result);
             var tbl = prettyPrint(data);
             $(divname).append(tbl);
             break;
         case '#beautifydiv':
             $(divname).show();
             beautifyresult(result);
             break;
         case '#JsonListdiv':
             result1 = '{"datamade":' + result + '}';
             data = $.parseJSON(result1);
             folderarray = new Array();
             BuildTree(data, "datamade", 0);
             break;

         default:
             break;
     }
     $('#footerdiv').append("<hr/>" + "done" + "<hr/>");
 }