LyteBox.prototype.initialize = function() {
	// Make a call to get all the images on the page.
	this.updateLyteboxItems();

	// The rest of this code inserts html at the bottom of the page that looks similar to this:
	//
	//	<div id="lbOverlay"></div>
	//	<div id="lbMain">
	//		<div id="lbOuterContainer">
	//			<div id="lbImageContainer">
	//				<img id="lbImage">
	//				<div style="" id="lbHoverNav">
	//					<a href="#" id="lbPrev"></a>
	//					<a href="#" id="lbNext"></a>
	//				</div>
	//			</div>
	//			<div id="lbIframeContainer">
	//				<iframe id="lbIframe" ... ></iframe>
	//			</div>
	//			<div id="lbLoading"></div>
	//		</div>
	//		<div id="lbDetailsContainer">
	//			<div id="lbDetailsData">
	//				<div id="lbDetails">
	//					<span id="lbCaption"></span>
	//					<span id="lbNumberDisplay"></span>
	//					<span id="lbNavDisplay">  <a href="#" id="lbPrev2Link"></a> || <a href="#" id="lbNext2"></a></span>
	//				</div>
	//				<div id="lbBottomNav">
	//					<a href="#" id="lbPlay"></a>
	//					<a href="#" id="lbPause"></a>
	//					<a href="#" id="lbClose"></a>
	//				</div>
	//			</div>
	//		</div>
	//	</div>