Embedding Flex component in JSF 2.0

Hi,
I am new to JSF.
I am facing certain problems with embedding Flex components in JSF 2.0 pages.
I had followed the following guide to do this :
Oracle guide

I was able to call the Flex page successfully from the template xhtml page.
But I get the following error in the internet explorer while trying to run the page where the composite component in being called :

Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0)
Timestamp: Sun, 5 Feb 2012 08:34:16 UTC

Message: Invalid argument.
Line: 565
Char: 5
Code: 0
URI: http://localhost:8080/DemoProject/resources/demo/swfobject.js

I am using Eclipse Indigo version with Tomcat 7.
I had manually created the resources folder inside WebContent and demo folder inside resources and rest settings are default.
Please find the code of the custom component below :

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:cc="http://java.sun.com/jsf/composite"
      xmlns:h="http://java.sun.com/jsf/html">

<cc:interface/>
     
    
    <cc:implementation>
        <h:outputScript name="swfobject.js" library="demo" target="head" />
        <script src="#{facesContext.externalContext.requestContextPath}/resources/demo/swfobject.js" type="text/javascript"></script>
        <script type="text/javascript">
           (function(){
                var swfUrl = "${facesContext.externalContext.requestContextPath}/resources/demo/CompAdPage.swf";
                var replaceElementId = "${cc.clientId}:chart";
                var expressInstall = "";
                var flashVars = {data: "${cc.attrs.data}"};
                swfobject.embedSWF(swfUrl, replaceElementId, "955", "600", "10.0.0", expressInstall, flashVars);
           })();

// namespace: demo
           if (!demo)  var demo = {};
           
           // namespace: demo.ajax
           if (!demo.ajax) demo.ajax = {};

demo.ajax.submit =  function(arg) {
                var options = {
                    input:   arg,
                    render:  "${cc.clientId}:form:out",
                    onevent: demo.ajax.onevent
                };
                jsf.ajax.request("${cc.clientId}:form", null, options);
           };

demo.ajax.onevent =  function(event) {
               if (event.status == "success") {
                  var node = document.getElementById("${cc.clientId}:form:out");
                  var response = node.textContent || node.innerText;
                  var chart = document.getElementById("${cc.clientId}:chart");
                  chart.refresh ? chart.refresh(response) : chart.script.refresh(response);
              }
           };
        </script>

<h:form id="form" style="display:none">
            <h:outputText id="out" value="${cc.attrs.response}" />
        </h:form>

</cc:implementation>
</html>

This page runs properly.

Please find the code of the index page below :

This is where I get the error.Kindly help.