problems controlling a background-image with javascript during a mouse over effect within a thumbnail div
<p>I'm sorry if this is a fairly common question, but I assure you I've spent the last two days reading through to see if I can figure it out on my own, but alas I'm here at your feet hoping for some a advice. I'm still in the beginning stages of learning javascript. </p>

<p>Basically, I have a series of thumbnails contained by a div class that has a repeating background image giving it a subtle texture. I also have some java script that successfully highlights the individual div container blue while the mouse hovers over the thumbnail image. The problem I'm having is that the solid blue effect doesn't mesh too well with the existing background image I've chosen for the thumbnail div. I've been trying to toggle the  background image on/off while the blue hover effect is taking place, but I've only been able to turn it off permanently after a single mouse over/hover.</p>

<p>Here's the javascript:</p>

<pre><code>    // this controls the entire div tag and turns it blue
$('.pGrid div a').hover(
    function(){
        //this if-statement should toggle whether or not the striped background shows when the mouse is hovering
        if ($('.pGrid div a').hover !=0) {
        $('.pGrid div a').parent().css({ backgroundImage: "none" });
        }
        else {
         $('.pGrid div a').parent().style({ backgroundImage: "url('../images/background_stripes_white.gif')" });    
            }
        //mouse over turn div blue
        $(this).parent().stop().animate({ 
            backgroundColor: "#006699",
            color: "#ffffff"
            }, 350);    
            // this controls the word-highlight part
        $(this).stop().animate({ 
            backgroundColor: "#006699",
            color: "#ffffff"
            }, 350);
        },
        // mouse out
    function(){
        $(this).parent().stop().animate({ 
            backgroundColor: "#d0d0d0",
            color: "#000000"
            }, 350);
        $(this).stop().animate({ 
            backgroundColor: "#d0d0d0",
            color: "#006699"
            }, 350);
        }); 
</code></pre>
