function prepareGallery(){
	var gallery = document.getElementById("imageGallery");
	if(gallery){
		var links = gallery.getElementsByTagName("a");
		for( i=0; i<links.length; i++){
			links[i].onclick = function(){
				showpic(this,this.id);
				return false;
			}
		}
	}
}

function showpic(whichPic,id) {
	var source = whichPic.getAttribute("href");
	var placeholder = document.getElementById("placeholder");
	var old = placeholder.getAttribute("src",source); 
	placeholder.setAttribute("src",source);
	var text = whichPic.getAttribute("title");
	photo_nav(id,old);
}

function photo_nav(id,pic){
	var navigation = document.getElementById("imageGallery");
	var newID = $("span").attr("id");
	$("span.nonlink").replaceWith("<a id='"+newID+"' href='"+pic+"'>"+newID+"</a>");
	$("a").remove("#"+id);
	$("#"+id).replaceWith("<li id="+id+"><span class='nonlink' id='"+id+"''>"+id+"</span></li>");
	prepareGallery();
}

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