$(function()
{
    $("ul.gallery li").click(function()
        {
        
        fadeThumbs(this);
        
        var imageSource = $(this).children("a").children("img").attr("alt");        
        showImage(imageSource);
        return false;
        });
});

function showImage(src)
{
$("#main_image img").remove();
var largeImage = new Image();
$(largeImage).attr("src", src)
             .load(function()
             	{
                $(largeImage).hide();
                $("#main_image").append(largeImage);
                $(largeImage).fadeIn("slow");                      
                });                                                                       
}

function fadeThumbs(activeImg)
	{
		$("ul.gallery li").removeClass('active');
    	$(activeImg).addClass('active');
    }

function $prevImage()
	{
		
		if 	($("ul.gallery li.active").is(':first-child'))
		
			{
		   
		   	$_prev = $("ul.gallery li.active").siblings(':last-child');
			fadeThumbs($_prev);
			var imageSource = $($_prev).children("a").children("img").attr("alt");        
        	showImage(imageSource);
        	
        	}
        	else
        	{    	   
		
			$_prev = $("ul.gallery li.active").prev();
			fadeThumbs($_prev);
			var imageSource = $($_prev).children("a").children("img").attr("alt");        
        	showImage(imageSource);
        	
        	}
    }

function $nextImage()
	{
		
		if 	($("ul.gallery li.active").is(':last-child'))
		
			{
		   
		   	$_next = $("ul.gallery li.active").siblings(':first-child');
			fadeThumbs($_next);
			var imageSource = $($_next).children("a").children("img").attr("alt");        
        	showImage(imageSource);
        	
        	}
        	else
        	{
		
			$_next = $("ul.gallery li.active").next();
			fadeThumbs($_next);
			var imageSource = $($_next).children("a").children("img").attr("alt");        
        	showImage(imageSource);
        	
        	}
    }