// setupMultipleImages({lightbox_size: [800,600], large_size: [400,400], thumbnail_size: [75,75]})

var loadMultipleImages = function(size_options) {

	//
	// Define the sizes of the lightbox image, large image and thumbnails.
	var lightbox_size = [ 800, 600 ];
	if (typeof size_options.lightbox_size == "object") {
		lightbox_size = size_options.lightbox_size;
	}
	var lightbox_image_query = "&w=" + lightbox_size[0] + "&h=" + lightbox_size[1] + "&far=1";

	var large_size = [ 400, 400 ];
	if (typeof size_options.large_size == "object") {
		large_size = size_options.large_size;
	}
	var large_image_query = "&w=" + large_size[0] + "&h=" + large_size[1] + "&far=1";

	var thumbnail_size = [ 75, 75 ];
	if (typeof size_options.lightbox_size == "object") {
		thumbnail_size = size_options.thumbnail_size;
	}
	var thumbnail_image_query = "&w=" + thumbnail_size[0] + "&h=" + thumbnail_size[1] + "&far=1";


	if (document.getElementById("product_details_div")) {
		if (document.getElementById("product_details_div").getElementsByTagName("img").length >= 1) {

			//
			// Are the floating switch images displayed?
			// (They're only displayed if there are multiple images for this
			//  product. Multiple images are defined in the product description.)
			var display_floats = document.getElementById("desc_value").getElementsByTagName("img")[0];

			var images = new Array();
			var dimages = document.getElementById("desc_value").getElementsByTagName("img");

			images[0] = document.getElementById("product_details_div").getElementsByTagName("img")[0];

			for (i = 0, t = 1; i < dimages.length; i++, t++) {
				images[t] = dimages[i];
			}
			// var images[i] now contains all image elements on site.

			var u = '"'

			// small to large image load:
			var imgload = "document.getElementById('mainimg').src=this.src.split('&')[0]+'" + large_image_query + "';"
					    + "document.getElementById('mainimg').parentNode.href=this.src.split('&')[0]+'" + lightbox_image_query + "'";

			var mainimage = images[0].src.split('&')[0];
			if (mainimage.split('?src=')[1] != undefined) {
				var mainimage = mainimage.split('?src=')[1];
			}
			// remove extra url junk

			var jrem = "http://" + window.location.hostname;
			mainimage = mainimage.replace(jrem, "");
			// remove more url junk

			var floats = " ";
			for (i = 0; i < images.length; i++) {
				var fimage = images[i].src.split('&')[0];
				if (fimage.split('?src=')[1] != undefined) {
					fimage = fimage.split('?src=')[1];
				}
				fimage = fimage.replace(jrem, "");
				floats = floats
						+ "<img onclick="
						+ imgload
						+ " src='/include/classes/external/phpThumb/phpThumb.php?src="
						+ fimage + thumbnail_image_query + "'>";
			}

			//
			// Is jQuery Lightbox or Lytebox being used?
			// Use jQuery Lightbox if it's there, otherwise use Lytebox.
			use_jquery_lightbox = (typeof jQuery != 'undefined') && (typeof jQuery().lightBox != 'undefined');

			images[0].parentNode.innerHTML = "<div id='imageholder'><div id='mainholder'><a href='/include/classes/external/phpThumb/phpThumb.php?src="
					+ mainimage
					+ lightbox_image_query
					+ "' rel='"+(use_jquery_lightbox ? 'lightbox' : 'lytebox')+"'><img id='mainimg' src='/include/classes/external/phpThumb/phpThumb.php?src="
					+ mainimage
					+ large_image_query
					+ "'></a></div><div id='floats'>"
					+ floats + "</div><div style='clear:both'></div></div>";

			if (!display_floats) {
				document.getElementById("floats").style.display = "none";
			}

			//
			// And add the lightbox element.
			if (use_jquery_lightbox) {
				jQuery('a[@rel*=lightbox]').lightBox();
			}
			else {
				initLytebox();
			}
		}
	}
}