$(function()
{
    $("#imageOptions a").click(function()
        { 
        var imageSource = $(this).children("img").attr("id");
        var imageTitle = $(this).children("img").attr("title");

        $("#loader").removeClass("hidden").addClass("loading");
        $("#v1").addClass("hidden");
        $("#loader a").remove();
          showImage(imageSource, imageTitle);
          return false;
        });
});

function showImage(src,tit)
{
$("#loader img").fadeOut("slow")
                .remove();
$("#photocaption").text('');

var myRegExp = new RegExp("'","g"); 
var titFiltered = tit.replace(myRegExp, "'");

var largeImage = new Image();
var largePath = "/sites/default/files/imagecache/project_large/" + src;
var largeLink = "<a rel='shadowbox[Project]' id='largeLink' title='" + titFiltered + "' href='http://jpda.net/" + src + "'></a>";
var shadowLinkBefore = "";
var shadowLinkAfter = "";
var appendLink = 0;




$(largeImage).attr("src", largePath)
	     .attr("id", "main")
	     .attr("name", "main")
	     .attr("border", "0")
	     .attr("style", "")
             .load(function()
             	{           
                $(largeImage).hide();
                
                $('a.shadow').remove();
                $("#loader").removeClass("loading")
                	    .append(largeImage);
                $("#main").wrap(largeLink);
                $(largeImage).fadeIn("slow");
				$("#photocaption").text(tit).fadeIn("slow");				
                $('#imageOptions img').each(function(i) {
                	var $currentfile = $(this).attr("id");
					var currentTitle = $(this).attr("title");
					var currentTitleFiltered = currentTitle.replace(myRegExp, "&#39;");					
                	if (src == $currentfile) {
                		appendLink = 1;	
                	}
                	if (src != $currentfile) {
					
				if (appendLink == 0) {
					shadowLinkBefore = shadowLinkBefore + "<a rel='shadowbox[Project]' class='shadow' title='" + currentTitleFiltered + "' href='http://jpda.net/" + $currentfile + "'></a>";
				} else {
					shadowLinkAfter = shadowLinkAfter + "<a rel='shadowbox[Project]' class='shadow' title='" + currentTitleFiltered + "' href='http://jpda.net/" + $currentfile + "'></a>";
					}	
				}
			});
		$("#loader").before(shadowLinkBefore);
		$("#loader").after(shadowLinkAfter);
		Shadowbox.clearCache();
                Shadowbox.setup();
                });   
                return false;
}