$(function()
{
    
    //$("#gallery .image").fadeIn();
    
    $("ul.gallerythumb li").click(function()
        {        
        fadeThumbs(this);        
        var imageSource = $(this).children("a").children("img").attr("alt");  
        showImage("url('"+imageSource+"')", imageSource);
        return false;
        });
});

function showImage(src, img) {

	$("#gallery .image").hide();
	$("#gallery .image").css("background", src);

	var img = new Image();
  	$(img).load($("#gallery .image").fadeIn('slow'));

}

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


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