Javascript only running in admin panel, not on other pages
<p>I'm trying to use a simple js file that I think may be the problem, (that or my theme). I want it to load on all pages. It simply dims the page over a period of time.</p>

<pre><code>var Color= new Array(31);
Color[31] = "eaebec";
Color[30] = "E8E8E8";
Color[29] = "E0E0E0";
Color[28] = "D8D8D8";
Color[27] = "D0D0D0";
</code></pre>

<p>etc.</p>

<pre><code>function fadeIn(where) {
if (where &gt;= 1) {
document.bgColor="#" + Color[where] ;
where -= 1;
setTimeout("fadeIn("+where+")", 600);
} 
}

function Go()
{
fadeIn(31);
}
window.onload=Go;
</code></pre>

<p>When I plug the following code into my functions.php file</p>

<pre><code>function load_scripts() {
    wp_enqueue_script('jquery');
    wp_enqueue_script('fadetoblack', get_template_directory_uri() . '/js/fadetoblack.js', array('jquery'));
}    

    add_action('init', 'load_scripts');
</code></pre>

<p>I only get the desired action within the admin dashboard, not on the other pages. At the top of those pages I get</p>

<pre><code>function load_scripts() {
   wp_enqueue_script('jquery'); 
   wp_enqueue_script('fadetoblack', get_template_directory_uri() . '/js/fadetoblack.js', array('jquery')); 
} 
add_action('init', 'load_scripts');
</code></pre>

<p>written at the top of the screen. For the main page nothing shows up and the .js file is not in my resources using Chrome to inspect. For individual pages the text appears at top and the file appears in resources with Chrome during inspection.</p>

<p>I am using the K2 theme. Wordpress  3.3.1.</p>

<p>Here is a pastebin link to the functions.php file</p>

<p><a href="http://pastebin.com/q2TavVdV" rel="nofollow">http://pastebin.com/q2TavVdV</a></p>

<p>Here is the pastebin link to the fadetoblack.js file</p>

<p><a href="http://pastebin.com/2jcT937v" rel="nofollow">http://pastebin.com/2jcT937v</a></p>
