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

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>



<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
	Bing, Yahoo or Google Web Service Json Data Visualizer
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
  
    <script type="text/javascript" src="/Scripts/jquery-1.4.2.js"></script>
    <script type="text/javascript" src="/Scripts/custom/beautify.js"></script>
    <script type="text/javascript" src="/Scripts/custom/prettyprint.js"></script>
    <script type="text/javascript" src="/Scripts/custom/beautifyresult1.js"></script>
    <script type="text/javascript" src="/Scripts/custom/paramselect1.js"></script>
    <script type="text/javascript" src="/Scripts/custom/BuildClassTree.js"></script>
<script type="text/javascript">
    //
    // var selecteditem;
    var searchengine = "Google";
    var urlengine = "http://ajax.googleapis.com/ajax/services/search/web?v=1.0"; ;
    var param1 = "&q=pizza 94539";
    $(document).ready(function () {
        Clear_AllData();
        Build_Engine();
        Build_Engine1();
    });
    //
    //Clear all data
    function Clear_AllData() {
        $('#headerdiv').empty();
        $('#rawdatadiv').empty();
        $('#tabledatadiv').empty();
        $('#JsonListdiv').empty();
        $('#beautifydiv').hide();
        $('#footerdiv').empty();
        $('#animclassdiv').empty();

    }

    //
    //toggle buttons
    function togglerawdata() {
        $("#rawdatadiv").toggle();
    };
    function toggletabledata() {
        $("#tabledatadiv").toggle();
    };





    function select_engine_select_onclick() {
        Build_Engine1();
    }

</script>
 <div id="controls_div" style="background-color: #FCFCFC">
        <select id="select_engine_select" 
            onclick="return select_engine_select_onclick()" 
            
            style="border: thin solid #000000; width: 108px; background-color: #FCFCFC;" >
      </select>
      <hr/><b>Parameters</b>
      <div id="buildenginediv"></div>
 <hr />
      <input type="button" class="cssbutton2" id="RawData_button" onclick="Get_Engine_Data('#rawdatadiv')" value="RawData"  />
       <input type="button" class="cssbutton2" id="table_Button" onclick="Get_Engine_Data('#tabledatadiv')" value="Table"  />
         <input type="button" class="cssbutton2" id="Beautify_button" onclick="Get_Engine_Data('#beautifydiv')" value="Beautify" />
        <input type="button" class="cssbutton2" id="Class_button" onclick="Get_Engine_Data('#JsonListdiv')" value="Class" />
      <input type="button" class="cssbutton2" id="Clear_button" onclick="Clear_AllData()" value="Clear Data" />
   
   
   <br />
    <hr />
        </div>
   <div id="headerdiv"></div>
   <div id="JsonListdiv"></div>
   <div id ="rawdatadiv"></div>
   <div id="tabledatadiv" ></div> 
   <div id="animclassdiv"></div> 
    <div id="beautifydiv">
  
  <textarea rows="30" cols="80" name="content" id="textdiv" 
            style="background-color: #FCFCFC">
  </textarea>
  </div>
   <div id="footerdiv"></div>
</asp:Content>