<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="toBeReplaced"> 
      fallback content goes here 
    </div>
    <script type="text/javascript">
      var testName = "CFInstanceSingleton";
      (function() {
        try{
          var cf = new CFInstance({
            src: "CFInstance_singleton_frame.html",
            node: "toBeReplaced"
          });

          // test a call/response set of actions driven by the CF content
          cf.listen("message", function(evt) {
            if (evt.data == "foo") {
              cf.postMessage("bar");
            } else if(evt.data == "baz") {
              onSuccess(testName, 1);
            }
          });

        } catch (e) {
          onFailure(testName, 1,
                    "CFInstance constructor failed with error: " + e);
        } 
      })();
    </script>
    <p>Tests ChromeFrame Navigation</p>
  </body>
</html>