<!--
  Copyright © 2006 Adobe Systems Incorporated
  -->
  <style>
      textarea {
          font-size: 1em;
      }
      </style>
      <script src="bridge/FABridge.js" ></script>
      <script src="bridge.js" ></script>
      <div style="width:800px">
          <div style="margin-bottom: 20px;float:left;padding: 20px;">
              <textarea id="expr" cols="60" rows="20" >type in javascript code here.  use the radio buttons below to view sample code</textarea>
              <br />
              <button onClick="testEval();return false;">execute</button>
              <div style="margin-left: 20px">
                  <p>sample code:<br />
                      <input id="make_rect" onClick="updateCode('make_rect')" name="code" type="radio"><label for="make_rect">make rectangle</label>
                      <input id="make_spinner" onClick="updateCode('make_spinner')" name="code" type="radio"><label for="make_spinner">make spinning rectangle</label>
                  </p>
              </div>
              trace output:<br />
              <textarea id="output" cols="60" rows="10"></textarea>
              <br />
          </div>
          <div style="margin-top:20px;width:auto">
                  <object id=flex
                  classid=clsid:D27CDB6E-AE6D-11cf-96B8-444553540000 
                  height=400 width=400>
                  <param name=flashvars value="bridgeName=flex"/>
                      <param name=src value=@ax-bridge.swf/>
                      <embed name="flex"
                      src=@ax-bridge.swf height=400 width=400 flashvars="bridgeName=flex"/>
                  </object>
              <br /><br />
          </div>
      </div>