I'm just getting my feet wet with javascript and jquery and am trying to build a site for my cousin for practice.

When I click image thumbnail my script seems to work fine then I click another and it works fine again...but when I keep clicking it seems to bog down and not display the popup images right away and when they finally do come up the fade in and out for however many times I click trying to get it to pop up.

I put the site here so you can see what I mean:

http://vanamp.netii.net/Art/Travels.html

Code JavaScript:
//* Javascript Document
 
 
$(document).ready(function()
{
 
 
 
	$('.elastislide-list li a img').click	(function(){
		var target = $(this).attr("data-large");
		if($('.photoView'))
		{
		$('.photoView').addClass('displayNone').removeClass('photoView');
 
 
 
			$('.backdrop, .lightBox').animate({'opacity':'.50'}, 300, 'linear');
					$('.lightBox').animate({'opacity':'1.00'}, 300, 'linear');
					$('.backdrop, .lightBox').css('display', 'block');
			                document.getElementById(target).setAttribute('class', 'photoView');
 
 
 
			$('.close').click(function(){
					close_box();
				});
 
				$('.backdrop').click(function(){
					close_box();
				});
 
 
 
			function close_box()
			{
				$('.backdrop, .lightBox').animate({'opacity':'0'}, 300, 'linear', function(){
					$('.backdrop, .lightBox').css('display', 'none');
					$('.photoView').addClass('displayNone').removeClass('photoView');
				});
			}
 
 
		}
	});
 
});


Like I said I am just beginning to learn this so hopefully my code is not too offensive

any help is appreciated

Thanks