/* <![CDATA[ */
$(function() {
  $("#small_image img").hover(function() {
    $(this).attr("src", $(this).attr("src").split(".").join("-hover."));
  }, function() {
    $(this).attr("src", $(this).attr("src").split("-hover.").join("."));
  });
});

$(function()
{
	$("#small_image a").click(function()
		{
		var path = '/images/portfolio/' + this.name + '.jpg';
		var my_href = $(this).attr("href");
		var my_description = $(this).attr("alt");
		$("#large_image").addClass("loading");
		  showImage(path);
		  showDescription(my_href, my_description);
		  return false;
		});
});

function showImage(src)
{
	$("#large_image img").fadeOut("normal").remove();
	var largeImage = new Image();
	$(largeImage).load(function()
						 {
						 $(this).hide();
						 $("#large_image").append(this).removeClass("loading");
						 $(this).fadeIn("slow");                      
						 }); 
	$(largeImage).attr("src", src);                                                                       
}

function showDescription(my_href, my_description)
{
	$("#preview_text a").attr("href", my_href);
	if (!my_href == "") {
			$("#preview_text a").text("Click here to visit " + my_description + ".");
			$("#preview_text p").text("");
		} else {
			$("#preview_text a").text("");
			$("#preview_text p").text(my_description);
		}
}
/* ]]> */