// Set up variables
var intCurrentImage = 0;
var arrImgNodes = new Array();
var arrImages = new Array();
arrImages[0] = new Array("../images/metropolitan/aldgate_to_finchley_road/200/aldgate_to_finchley_road097.jpg", 150, 200, "The Meeting Place", "../metropolitan/aldgate_to_finchley_road.html", "../images/image.php?folder=metropolitan%2Faldgate_to_finchley_road&image=aldgate_to_finchley_road097.jpg&return=1");
arrImages[1] = new Array("../images/metropolitan/finchley_road_to_wembley_park/200/finchley_road_to_wembley_park024.jpg", 150, 200, "Hampstead Cemetery", "../metropolitan/finchley_road_to_wembley_park.html", "../images/image.php?folder=metropolitan%2Ffinchley_road_to_wembley_park&image=finchley_road_to_wembley_park024.jpg&return=1");
arrImages[2] = new Array("../images/metropolitan/moor_park_to_chorleywood/200/moor_park_to_chorleywood088.jpg", 150, 200, "Christ Church from Chorleywood Common", "../metropolitan/moor_park_to_chorleywood.html", "../images/image.php?folder=metropolitan%2Fmoor_park_to_chorleywood&image=moor_park_to_chorleywood088.jpg&return=1");
arrImages[3] = new Array("../images/metropolitan/chorleywood_to_amersham_and_chesham/200/chorleywood_to_amersham_and_chesham079.jpg", 150, 200, "Scenery in the Chess Valley", "../metropolitan/chorleywood_to_amersham_and_chesham.html", "../images/image.php?folder=metropolitan%2Fchorleywood_to_amersham_and_chesham&image=chorleywood_to_amersham_and_chesham079.jpg&return=1");
arrImages[4] = new Array("../images/district/richmond_to_ealing_broadway/200/richmond_to_ealing_broadway208.jpg", 150, 200, "Chiswick Common", "../district/richmond_to_ealing_broadway.html", "../images/image.php?folder=district%2Frichmond_to_ealing_broadway&image=richmond_to_ealing_broadway208.jpg&return=1");
arrImages[5] = new Array("../images/district/turnham_green_and_kensington_olympia_to_victoria/200/turnham_green_and_kensington_olympia_to_victoria078.jpg", 150, 200, "Some charming mews just off Comeragh Road on the way to West Kensington station", "../district/turnham_green_and_kensington_olympia_to_victoria.html", "../images/image.php?folder=district%2Fturnham_green_and_kensington_olympia_to_victoria&image=turnham_green_and_kensington_olympia_to_victoria078.jpg&return=1");
arrImages[6] = new Array("../images/district/turnham_green_and_kensington_olympia_to_victoria/200/turnham_green_and_kensington_olympia_to_victoria196.jpg", 150, 200, "St Luke's Church", "../district/turnham_green_and_kensington_olympia_to_victoria.html", "../images/image.php?folder=district%2Fturnham_green_and_kensington_olympia_to_victoria&image=turnham_green_and_kensington_olympia_to_victoria196.jpg&return=1");
arrImages[7] = new Array("../images/district/bow_road_to_becontree/200/bow_road_to_becontree070.jpg", 150, 200, "Graffiti along the Greenway", "../district/bow_road_to_becontree.html", "../images/image.php?folder=district%2Fbow_road_to_becontree&image=bow_road_to_becontree070.jpg&return=1");
arrImages[8] = new Array("../images/district/wimbledon_to_edgware_road/200/wimbledon_to_edgware_road153.jpg", 150, 200, "One of the many graves in Brompton Cemetery", "../district/wimbledon_to_edgware_road.html", "../images/image.php?folder=district%2Fwimbledon_to_edgware_road&image=wimbledon_to_edgware_road153.jpg&return=1");
arrImages[9] = new Array("../images/east_london/shoreditch_to_new_cross_and_new_cross_gate/200/shoreditch_to_new_cross_and_new_cross_gate097.jpg", 150, 200, "A commemorative sculpture in Cinnabar Wharf", "../east_london/shoreditch_to_new_cross_and_new_cross_gate.html", "../images/image.php?folder=east_london%2Fshoreditch_to_new_cross_and_new_cross_gate&image=shoreditch_to_new_cross_and_new_cross_gate097.jpg&return=1");
arrImages[10] = new Array("../images/circle/aldgate_to_tower_hill_and_gloucester_road_to_high_street_kensington/200/aldgate_to_tower_hill_and_gloucester_road_to_high_street_kensington048.jpg", 150, 200, "The Gherkin", "../circle/aldgate_to_tower_hill_and_gloucester_road_to_high_street_kensington.html", "../images/image.php?folder=circle%2Faldgate_to_tower_hill_and_gloucester_road_to_high_street_kensington&image=aldgate_to_tower_hill_and_gloucester_road_to_high_street_kensington048.jpg&return=1");
arrImages[11] = new Array("../images/northern/kennington_to_euston_to_kennington/200/kennington_to_euston_to_kennington237.jpg", 150, 200, "The Three Greyhounds on Greek Street, Soho", "../northern/kennington_to_euston_to_kennington.html", "../images/image.php?folder=northern%2Fkennington_to_euston_to_kennington&image=kennington_to_euston_to_kennington237.jpg&return=1");
arrImages[12] = new Array("../images/northern/camden_town_to_edgware/200/camden_town_to_edgware009.jpg", 150, 200, "Camden Lock", "../northern/camden_town_to_edgware.html", "../images/image.php?folder=northern%2Fcamden_town_to_edgware&image=camden_town_to_edgware009.jpg&return=1");
arrImages[13] = new Array("../images/central/shepherds_bush_to_liverpool_street/200/shepherds_bush_to_liverpool_street032.jpg", 150, 200, "The Kyoto Garden", "../central/shepherds_bush_to_liverpool_street.html", "../images/image.php?folder=central%2Fshepherds_bush_to_liverpool_street&image=shepherds_bush_to_liverpool_street032.jpg&return=1");
arrImages[14] = new Array("../images/central/shepherds_bush_to_liverpool_street/200/shepherds_bush_to_liverpool_street051.jpg", 150, 200, "Houses along Aubrey Walk", "../central/shepherds_bush_to_liverpool_street.html", "../images/image.php?folder=central%2Fshepherds_bush_to_liverpool_street&image=shepherds_bush_to_liverpool_street051.jpg&return=1");
arrImages[15] = new Array("../images/central/shepherds_bush_to_liverpool_street/200/shepherds_bush_to_liverpool_street088.jpg", 150, 200, "The Elfin Oak", "../central/shepherds_bush_to_liverpool_street.html", "../images/image.php?folder=central%2Fshepherds_bush_to_liverpool_street&image=shepherds_bush_to_liverpool_street088.jpg&return=1");
arrImages[16] = new Array("../images/central/liverpool_street_to_leytonstone/200/liverpool_street_to_leytonstone177.jpg", 150, 200, "The groovy twisted-steel clock outside Stratford station", "../central/liverpool_street_to_leytonstone.html", "../images/image.php?folder=central%2Fliverpool_street_to_leytonstone&image=liverpool_street_to_leytonstone177.jpg&return=1");
arrImages[17] = new Array("../images/central/liverpool_street_to_leytonstone/200/liverpool_street_to_leytonstone204.jpg", 150, 200, "A statue in St Patrick's Roman Catholic Cemetery", "../central/liverpool_street_to_leytonstone.html", "../images/image.php?folder=central%2Fliverpool_street_to_leytonstone&image=liverpool_street_to_leytonstone204.jpg&return=1");
arrImages[18] = new Array("../images/central/debden_to_epping/200/debden_to_epping026.jpg", 150, 200, "Wandering through the wheat", "../central/debden_to_epping.html", "../images/image.php?folder=central%2Fdebden_to_epping&image=debden_to_epping026.jpg&return=1");
arrImages[19] = new Array("../images/bakerloo/elephant_and_castle_to_willesden_junction/200/elephant_and_castle_to_willesden_junction110.jpg", 150, 200, "Park Crescent", "../bakerloo/elephant_and_castle_to_willesden_junction.html", "../images/image.php?folder=bakerloo%2Felephant_and_castle_to_willesden_junction&image=elephant_and_castle_to_willesden_junction110.jpg&return=1");
arrImages[20] = new Array("../images/piccadilly/hammersmith_to_kings_cross_st_pancras/200/hammersmith_to_kings_cross_st_pancras117.jpg", 150, 200, "The London Hilton on Park Lane Hotel", "../piccadilly/hammersmith_to_kings_cross_st_pancras.html", "../images/image.php?folder=piccadilly%2Fhammersmith_to_kings_cross_st_pancras&image=hammersmith_to_kings_cross_st_pancras117.jpg&return=1");
arrImages[21] = new Array("../images/piccadilly/bounds_green_to_cockfosters/200/bounds_green_to_cockfosters020.jpg", 150, 200, "Arnos Grove station", "../piccadilly/bounds_green_to_cockfosters.html", "../images/image.php?folder=piccadilly%2Fbounds_green_to_cockfosters&image=bounds_green_to_cockfosters020.jpg&return=1");
arrImages[22] = new Array("../images/victoria/brixton_to_kings_cross_st_pancras/200/brixton_to_kings_cross_st_pancras215.jpg", 150, 200, "The Royal Arcade", "../victoria/brixton_to_kings_cross_st_pancras.html", "../images/image.php?folder=victoria%2Fbrixton_to_kings_cross_st_pancras&image=brixton_to_kings_cross_st_pancras215.jpg&return=1");
arrImages[23] = new Array("../images/victoria/brixton_to_kings_cross_st_pancras/200/brixton_to_kings_cross_st_pancras268.jpg", 150, 200, "The BT Tower from below", "../victoria/brixton_to_kings_cross_st_pancras.html", "../images/image.php?folder=victoria%2Fbrixton_to_kings_cross_st_pancras&image=brixton_to_kings_cross_st_pancras268.jpg&return=1");
arrImages.sort(function () { return (Math.round(Math.random()) - 0.5); });


// Code to be run when page is loaded
$(document).ready(function() {
	// Shift first header in side bar down
	$('#firstHeader').removeClass('initial');

	// Insert div for image
	$(document.createElement('div')).attr('id', 'imageGallery').prependTo('div.sidebar');

	// Insert image gallery header
	$('div.sidebar').prepend('<h3 class="initial">From My Photo Library</h3>');

	// Insert image link
	$(document.createElement('a')).attr({href: arrImages[0][5], id: 'photoLink'}).prependTo("#imageGallery");

	// Insert img objects
	for (var i = 0; i < arrImages.length; i++) {
		var objImage = document.createElement("img");
		if (i == 0) {
			objImage.xOpacity = 0.99;
		} else {
			objImage.xOpacity = 0;
		}
		$(objImage).css('display', (i == 0) ? 'block' : 'none').attr({src: arrImages[i][0], width: arrImages[i][1], height: arrImages[i][2], alt: arrImages[i][3]}).appendTo('#photoLink');
	}

	// Get array of all img nodes in gallery
	arrImgNodes = $("#photoLink img");

	// Wait 5 seconds and start cross-fading
	setTimeout(crossFade, 5000);
});


// Cross-fade between two images
function crossFade() {
	// Work out index for next image, wrapping round if necessary
	intNextImage = arrImgNodes[intCurrentImage + 1] ? intCurrentImage + 1 : 0;

	// Calculate new opacities
	floatCurrentOpacity = arrImgNodes[intCurrentImage].xOpacity - 0.05;
	floatNextOpacity = arrImgNodes[intNextImage].xOpacity + 0.05;
	if (floatNextOpacity > 0.99) floatNextOpacity = 0.99;

	// Make sure next image is visible
	arrImgNodes[intNextImage].style.display = "block";

	// Set new opacities
	setOpacity(arrImgNodes[intCurrentImage], floatCurrentOpacity); 
	setOpacity(arrImgNodes[intNextImage], floatNextOpacity);

	if (floatCurrentOpacity <= 0) {

		// Fade is finished, so hide previous image
		arrImgNodes[intCurrentImage].style.display = "none";

		// Make image link to new destination
		intCurrentImage = intNextImage;
		$('#photoLink').attr('href', arrImages[intCurrentImage][5]);

		// And start cross-fading again in 5 seconds
		setTimeout(crossFade, 5000);

	} else {

		// Otherwise cross-fade again in 50 milliseconds
		setTimeout(crossFade, 50);

	}
	
}


// Set opacity in a way that most browsers will understand
function setOpacity(objImgNode, floatOpacity) {
	objImgNode.xOpacity = floatOpacity;
	objImgNode.style.opacity = floatOpacity;
	objImgNode.style.MozOpacity = floatOpacity;
	objImgNode.style.filter = "alpha(opacity=" + (floatOpacity * 100) + ")";
}