multiple jquery galleries
<p>I'm trying to separate two jQuery galleries, so they don't interlink on my html page:</p>

<p><a href="http://mashanova.com/myFAQ/faqGallery.html#" rel="nofollow">http://mashanova.com/myFAQ/faqGallery.html#</a></p>

<p>here is the html:</p>


         
          
          
          
               
                


           


<p>here is javascript:</p>

<pre><code>$(document).ready(function(){


    $('.gallery_thumbnails a').click(function(e){

        e.preventDefault();


        $('.gallery_thumbnails a').removeClass('selected');
        $('.gallery_thumbnails a').children().css('opacity','1');

        $(this).addClass('selected');
        $(this).children().css('opacity','.4');



        var photo_fullsize = $(this).attr('href');
        var photo_preveiw = photo_fullsize.replace('fullsize','preview');


        $('.gallery_preview').html('&lt;a href="'+photo_fullsize+'" style="background-image:url('+photo_preveiw+');"&gt;&lt;/a&gt;');


    });


});
</code></pre>
