// pre-load images
	var slideshow_images = new Array();
	slideshow_images[slideshow_images.push(new Image()) - 1].src = '../_images/streetview.jpg';
	slideshow_images[slideshow_images.push(new Image()) - 1].src = '../_images/slide_northheadclocktower.jpg';
	slideshow_images[slideshow_images.push(new Image()) - 1].src = '../_images/slide_clocktowertorpwharf.jpg';
	slideshow_images[slideshow_images.push(new Image()) - 1].src = '../_images/slide_clocktowermissionbay.jpg';
	slideshow_images[slideshow_images.push(new Image()) - 1].src = '../_images/slide_boatshed.jpg';
	slideshow_images[slideshow_images.push(new Image()) - 1].src = '../_images/slide_torpedowharfsunrise.jpg';
	slideshow_images[slideshow_images.push(new Image()) - 1].src = '../_images/slide_cruiseship.jpg';
	
	var slideshow_view_time = 5000;
	var slideshow_fade_time = 2000;
	var slideshow_frame = 0;
	var slideshow_loaded = 0;
	
	$(document).ready(
		function() {
			// remove the default image
			$('#slide_default').remove();
			
			for(var i = 0; i < slideshow_images.length; i++) {
				// add the image to the slideshow div
				$('#slideshow').prepend('<img id="slide_' + i + '" src="' + slideshow_images[i].src + '" />');
				
				// attach load counter
				$('#slide_' + i).load(
					function() {
						// start the slideshow if all images have loaded
						if(++slideshow_loaded == slideshow_images.length) slideshowView();
					}
				);
			}
		},
		'inline'
	);
	
	function slideshowView() {
		setTimeout(slideshowFade, slideshow_view_time);
	}	
	
	function slideshowFade() {
		$('#slide_' + slideshow_frame).fadeOut(slideshow_fade_time);
		if(++slideshow_frame == slideshow_images.length) slideshow_frame = 0;
		$('#slide_' + slideshow_frame).fadeIn(slideshow_fade_time, slideshowView);
	}