$(document).ready(function() {
	// wrap images
	$("div.image").wrapAll("<div id='image-wrapper'><div id='image-holder'></div></div>");
	
	// don't init gallery if it consists of a single photo
	if($("div.image").length > 1) {
		// write next/previous buttons
		$("div#image-wrapper").after('<div id="gallery-navigation"><p>Image:</p><h1>00/00</h1><div><a href="#" id="previous-image">&larr; Prev</a><br><a href="#" id="next-image">Next &rarr;</a></div></div>');
		$("div#image-content").css("height", 475);

		// init gallery: Gallery.init(imageHolder, imageWrapperWidth, imageCountHolder, nextButton, prevButton)
		Gallery.init($("div#image-holder"), 608, $("div#gallery-navigation").children("h1")[0], $("a#next-image"), $("a#previous-image"), null, null);
		
		// init thumbnail slider: ThumbnailSlider.init(thumbnailWrapper, thumbnailContainer)
		ThumbnailSlider.init($("div#image-thumbs"), $("div#image-thumbs-holder"));
		
		
		
	}
	// show gallery once load has finished
	$("div#image-content").css("visibility", "visible");
});