HTML Snippets for 2013 President's Budget

embed.css

<!-- Include CSS to eliminate any default margins/padding and set the height of the html element and 
             the body element to 100%, because Firefox, or any Gecko based browser, interprets percentage as 
             the percentage of the height of its parent container, which has to be set explicitly.  Fix for
             Firefox 3.6 focus border issues.  Initially, don't display divSpendingCategory div so it won't show 
             if JavaScript disabled.
        -->
<style type="text/css" media="screen">
            html, body  { height:100%; }
            body { margin:0; padding:0; overflow:auto; text-align:center;
                   background-color: #ffffff; }   
            object:focus { outline:none; }
            #divSpendingCategory { display:none; }
            #divTaxRevenue { display:none; }
        </style>

Spending Category.html

<script type="text/javascript" src="/media/uploads/publications/presidents_budget_fy2013/swfobject.js"></script>
        <script type="text/javascript">
            // For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. 
            var swfVersionStr = "11.1.0";
            // To use express install, set to playerProductInstall.swf, otherwise the empty string. 
            var xiSwfUrlStr = "/media/uploads/publications/presidents_budget_fy2013/playerProductInstall.swf";
            var flashvars = {datafile: "/media/uploads/publications/presidents_budget_fy2013/info/budget-category.txt"}
            var params = {};
            params.quality = "high";
            params.bgcolor = "#ffffff";
            params.allowscriptaccess = "sameDomain";
            params.allowfullscreen = "true";
            var attributes = {};
            attributes.id = "SpendingCategory";
            attributes.name = "SpendingCategory";
            attributes.align = "middle";
            swfobject.embedSWF(
                "/media/uploads/publications/presidents_budget_fy2013/SpendingCategory.swf", "divSpendingCategory", 
                "850", "650", 
                swfVersionStr, xiSwfUrlStr, 
                flashvars, params, attributes);
            // JavaScript enabled so display the divSpendingCategory div in case it is not replaced with a swf object.
            swfobject.createCSS("#divSpendingCategory", "display:block;text-align:left;height:200px;width:700px;");
        </script>
<div id="divSpendingCategory">
            <p>
                Our apologies for the inconvenience--Adobe Flash Player version 11.1.0 or greater is required to view this chart.
            </p>
            <script type="text/javascript"> 
                var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://"); 
                document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
                                + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
            </script> 
        </div>
        
        <noscript>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="850" height="650" id="SpendingCategory">
                <param name="movie" value="/media/uploads/publications/presidents_budget_fy2013/SpendingCategory.swf" />
                <param name="quality" value="high" />
                <param name="bgcolor" value="#ffffff" />
                <param name="allowScriptAccess" value="sameDomain" />
                <param name="allowFullScreen" value="true" />
                <param name=FlashVars value="datafile=/media/uploads/publications/presidents_budget_fy2013/info/budget-category.txt" />
                <!--[if !IE]>-->
                <object type="application/x-shockwave-flash" data="/media/uploads/publications/presidents_budget_fy2013/SpendingCategory.swf" width="850" height="650">
                    <param name="quality" value="high" />
                    <param name="bgcolor" value="#ffffff" />
                    <param name="allowScriptAccess" value="sameDomain" />
                    <param name="allowFullScreen" value="true" />
                    <param name=FlashVars value="datafile=/media/uploads/publications/presidents_budget_fy2013/info/budget-category.txt" />
                <!--<![endif]-->
                <!--[if gte IE 6]>-->
                    <p> 
                        Our apologies for the inconvenience--Adobe Flash Player version 11.1.0 or greater is required to view this chart.
                    </p>
                <!--<![endif]-->
                    <a href="http://www.adobe.com/go/getflashplayer">
                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
                    </a>
                <!--[if !IE]>-->
                </object>
                <!--<![endif]-->
            </object>
        </noscript>

Tax Revenue.html

<script type="text/javascript" src="/media/uploads/publications/presidents_budget_fy2013/swfobject.js"></script>
        <script type="text/javascript">
            // For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. 
            var swfVersionStr = "11.1.0";
            // To use express install, set to playerProductInstall.swf, otherwise the empty string. 
            var xiSwfUrlStr = "/media/uploads/publications/presidents_budget_fy2013/playerProductInstall.swf";
            var flashvars = {datafile: "/media/uploads/publications/presidents_budget_fy2013/info/revenue-sources.txt"}
            var params = {};
            params.quality = "high";
            params.bgcolor = "#ffffff";
            params.allowscriptaccess = "sameDomain";
            params.allowfullscreen = "true";
            var attributes = {};
            attributes.id = "TaxRevenue";
            attributes.name = "TaxRevenue";
            attributes.align = "middle";
            swfobject.embedSWF(
                "/media/uploads/publications/presidents_budget_fy2013/TaxRevenue.swf", "divTaxRevenue", 
                "750", "600", 
                swfVersionStr, xiSwfUrlStr, 
                flashvars, params, attributes);
            // JavaScript enabled so display the divTaxRevenue div in case it is not replaced with a swf object.
            swfobject.createCSS("#divTaxRevenue", "display:block;text-align:left;");
        </script>
<div id="divTaxRevenue">
            <p>
                Our apologies for the inconvenience--Adobe Flash Player version 11.1.0 or greater is required to view this chart.
            </p>
            <script type="text/javascript"> 
                var pageHost = ((document.location.protocol == "https:") ? "https://" : "http://"); 
                document.write("<a href='http://www.adobe.com/go/getflashplayer'><img src='" 
                                + pageHost + "www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='Get Adobe Flash player' /></a>" ); 
            </script> 
        </div>
        
        <noscript>
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="750" height="600" id="TaxRevenue">
                <param name="movie" value="/media/uploads/publications/presidents_budget_fy2013/TaxRevenue.swf" />
                <param name="quality" value="high" />
                <param name="bgcolor" value="#ffffff" />
                <param name="allowScriptAccess" value="sameDomain" />
                <param name="allowFullScreen" value="true" />
                <param name=FlashVars value="datafile=/media/uploads/publications/presidents_budget_fy2013/info/revenue-sources.txt" />
                <!--[if !IE]>-->
                <object type="application/x-shockwave-flash" data="/media/uploads/publications/presidents_budget_fy2013/TaxRevenue.swf" width="750" height="600">
                    <param name="quality" value="high" />
                    <param name="bgcolor" value="#ffffff" />
                    <param name="allowScriptAccess" value="sameDomain" />
                    <param name="allowFullScreen" value="true" />
                    <param name=FlashVars value="datafile=/media/uploads/publications/presidents_budget_fy2013/info/revenue-sources.txt" />
                <!--<![endif]-->
                <!--[if gte IE 6]>-->
                    <p> 
                        Our apologies for the inconvenience--Adobe Flash Player version 11.1.0 or greater is required to view this chart.
                    </p>
                <!--<![endif]-->
                    <a href="http://www.adobe.com/go/getflashplayer">
                        <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash Player" />
                    </a>
                <!--[if !IE]>-->
                </object>
                <!--<![endif]-->
            </object>
        </noscript>