<!DOCTYPE html>

<html>
  <!-- This page is meant to loaded inside the host browser (IE, FF, etc.) -->
  <head>
    <script type="text/javascript" 
            src="chrome_frame_tester_helpers.js"></script>
    <script type="text/javascript" 
            src="CFInstance.js"></script>
  </head>

  <body>
    <div id="statusPanel" style="border: 1px solid red; width: 100%">
      Test running....
    </div>

    <div id="parent">
      <div id="prev">before</div><div id="toBeReplaced"> 
        fallback content goes here 
      </div><div id="after">after</div>
    </div>
    <script type="text/javascript">
      var testName = "CFInstanceRPC";
      (function() {
        try {
          var cf = new CFInstance({
            node: "toBeReplaced",
            src: "CFInstance_rpc_frame.html"
          });

          var handleCallback = function(arg) {
            // alert(arg);
            if (arg == "hola!") {
              onSuccess(testName, 1);
            }
          };

          cf.rpc.expose("handleCallback", handleCallback);
          cf.rpc.init();

          cf.rpc.callRemote("rpcHandler", ["whatcho talkin 'bout, willis!?"]);
        } catch (e) {
          onFailure(testName, 1,
                    "CFInstance constructor failed with error: " + e);
        } 
      })();
    </script>
    <p>Tests CFInstance event handling on iframes</p>
  </body>
</html>