/*
--------------------------------------------------------------------
OO and JSON Javascript IS Doable in jQuery!
--------------------------------------------------------------------
*/

jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

$.preloadImages("commish/comm-1-large.jpg",
"commish/comm-2-large.jpg", "commish/comm-12-large.jpg");

$(function()
{
    $("#imagetable a").click(function()
        {
        var imageSource = $(this).attr("href");
        var imageCaption = $(this).attr("alt");
       $("#imageappear a").show();
	    $("p.caption").html(imageCaption);
		$("p.caption").addClass("captionate");
		$("#imagetable").hide();
		$("#displayimage").addClass("displayimagebox");
       
          showImage(imageSource);
          return false;
        });
});

$(function()
{
    $("a.reopen").click(function()
        {  
		$("#imagetable").show();
		$("#displayimage img").hide();
		$("#imageappear a").hide();
		$("#displayimage").removeClass("displayimagebox");
		$("p.caption").html("");
		$("p.caption").removeClass("captionate");
        });
});

$(function()
{
    $("p.caption").click(function()
        {  
		$("#imagetable").show();
		$("#displayimage img").hide();
		$("#imageappear a").hide();
		$("#displayimage").removeClass("displayimagebox");
		$("p.caption").html("");
		$("p.caption").removeClass("captionate");
        });
});



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




	
/*  Onload Functions    //---------------------------*/
$(document).ready(function(){

	
});