fading between images with attr src
<p>I have the code below,but I don't get the pictures to be fade and replace</p>

<p>I see the I'm getting on the firebug console :</p>

<p>"missing ) after argument list"
and also when I click on the function changeBg the console say that "changeBg is not defined"</p>

<pre><code>   JS:
&lt;script language="JavaScript"&gt;
function changeBg (color) {$("#mainimg1).attr("src",Images/"+color+".jpg).fadeIn(3000)};
&lt;/script&gt;
    HTML
    &lt;img id="mainimg1" src="Images/black.jpg"&gt;
   &lt;img src="Images/blue.png" onclick="changeBg(this.name);" name="blue"&gt;
            &lt;img src="Images/fuksia.png" onclick="changeBg(this.name);" name="fuksia"&gt;
            &lt;img src="Images/brown.png" onclick="changeBg(this.name);" name="brown"&gt;
</code></pre>

<p>Thanks.</p>
