JavaScript Conflict - GoogleTV Template mixed with BigDoor JS Script
<p>Hope everyone is well. I am having a problem with an INDEX.JS file, and conflicts within this file. It is for Google TV Optimized Template 2. I pasted in a BigDoor Script which places a 'BigDoor Minibar' at the bottom of the page. When the site is accessed, the minibar appears to be very 'jumpy' before it stabilizes after about a minute. Thanks so much for any  help in advance. Here is the code of the INDEX.JS file I'm having issues with:</p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;

&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;

&lt;head&gt;

&lt;title&gt;My Domain&lt;/title&gt;

&lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&gt;

&lt;meta name="gtv-autozoom" content="off" /&gt;

&lt;link rel="stylesheet" href="css/controls.css" /&gt; 

&lt;link rel="stylesheet" href="css/styles.css" type="text/css"/&gt;

&lt;/head&gt;  





&lt;body style="visibility:hidden;"&gt;

    &lt;div class="topGradient"&gt;&lt;/div&gt;

    &lt;div id="wrapper"&gt;  

        &lt;div id="mainMenu" class="menu-div"&gt;

        &lt;div id="logo"&gt;

          &lt;img src="images/acme-logo-small.png" alt="Google TV logo" /&gt;

          &lt;/div&gt;

        &lt;div class="clear"&gt;&lt;/div&gt;

        &lt;/div&gt;

    &lt;div id="grid"&gt;&lt;/div&gt;

  &lt;/div&gt;

  &lt;div class="bottomGradient"&gt;&lt;/div&gt;



&lt;script src="http://js.bigdoor.com/branches/release/load.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript"&gt;BDM.load("3755","www.mydomain.tv","3");&lt;/script&gt;

&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" language="javascript"

    src="js/gtvcore.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" language="javascript"

    src="js/keycontrol.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" language="javascript"

    src="js/sidenav.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" language="javascript"

    src="js/gridcontrol.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" language="javascript"

    src="js/dataprovider.js"&gt;&lt;/script&gt;

&lt;script type="text/javascript" language="javascript"

    src="js/index.js"&gt;&lt;/script&gt;





&lt;/body&gt;

&lt;/html&gt;
</code></pre>
