/* loadPhotos.js
Reference uploaded photos here.

WHAT IT DOES:
This document stores a multidimensional (2x1) array of
thumbnail paths, full size image paths and captions. 
It then loads those images into the element on which
the "loadPhotos()" function is called.


HOW IT WORKS:
A loop iterates over the array, in it calls a function,
createDivElement. 

The createDivElement function simply executes a series
of commands to create a specific layout in HTML. That 
layout defines how the image is presented on the page.

The loop which called the createDivElement function
then proforms the attachment to the specified root
element.


ADDING PHOTOS
Copy the following:
	//image('thumbnail source', 'photo source', 'caption');

Paste into the PHOTOS array, put it at the top (more
recent photos first). 

replace each 'source' with the filepath to the thumbnail
and full-size image respectively and add a short 
descriptive caption in the 'caption' part.

Save and Upload to server.
*/

var PHOTOS = new Array(
	//image('thumbnail source', 'photo source', 'caption');
	image('./photos/thumbnails/thumbnail104.jpg',	'./photos/full.sized/104.JPG',	'104'),
	image('./photos/thumbnails/thumbnail103.jpg',	'./photos/full.sized/103.JPG',	'103'),
	image('./photos/thumbnails/thumbnail102.jpg',	'./photos/full.sized/102.JPG',	'102'),
	image('./photos/thumbnails/thumbnail101.jpg',	'./photos/full.sized/101.JPG',	'101'),
	image('./photos/thumbnails/thumbnail100.jpg',	'./photos/full.sized/100.JPG',	'100'),
	image('./photos/thumbnails/thumbnail099.jpg',	'./photos/full.sized/99.JPG',	'99'),
	image('./photos/thumbnails/thumbnail098.jpg',	'./photos/full.sized/98.JPG',	'98'),
	image('./photos/thumbnails/thumbnail097.jpg',	'./photos/full.sized/97.JPG',	'97'),
	image('./photos/thumbnails/thumbnail096.jpg',	'./photos/full.sized/96.JPG',	'96'),
	image('./photos/thumbnails/thumbnail095.jpg',	'./photos/full.sized/95.JPG',	'95'),
	image('./photos/thumbnails/thumbnail094.jpg',	'./photos/full.sized/94.JPG',	'94'),
	image('./photos/thumbnails/thumbnail093.jpg',	'./photos/full.sized/93.JPG',	'93'),
	image('./photos/thumbnails/thumbnail092.jpg',	'./photos/full.sized/92.JPG',	'92'),
	image('./photos/thumbnails/thumbnail091.jpg',	'./photos/full.sized/91.JPG',	'91'),
	image('./photos/thumbnails/thumbnail090.jpg',	'./photos/full.sized/90.JPG',	'90'),
	image('./photos/thumbnails/thumbnail089.jpg',	'./photos/full.sized/89.JPG',	'89'),
	image('./photos/thumbnails/thumbnail088.jpg',	'./photos/full.sized/88.JPG',	'88'),
	image('./photos/thumbnails/thumbnail087.jpg',	'./photos/full.sized/87.JPG',	'87'),
	image('./photos/thumbnails/thumbnail086.jpg',	'./photos/full.sized/86.JPG',	'86'),
	image('./photos/thumbnails/thumbnail085.jpg',	'./photos/full.sized/85.jpg',	'85'),
	image('./photos/thumbnails/thumbnail084.jpg',	'./photos/full.sized/84.JPG',	'84'),
	image('./photos/thumbnails/thumbnail083.jpg',	'./photos/full.sized/83.JPG',	'83'),
	image('./photos/thumbnails/thumbnail082.jpg',	'./photos/full.sized/82.JPG',	'82'),
	image('./photos/thumbnails/thumbnail081.jpg',	'./photos/full.sized/81.JPG',	'81'),
	image('./photos/thumbnails/thumbnail080.jpg',	'./photos/full.sized/80.JPG',	'80'),
	image('./photos/thumbnails/thumbnail079.jpg',	'./photos/full.sized/79.JPG',	'79'),
	image('./photos/thumbnails/thumbnail078.jpg',	'./photos/full.sized/78.JPG',	'78'),
	image('./photos/thumbnails/thumbnail077.jpg',	'./photos/full.sized/77.JPG',	'77'),
	image('./photos/thumbnails/thumbnail076.jpg',	'./photos/full.sized/76.JPG',	'76'),
	image('./photos/thumbnails/thumbnail075.jpg',	'./photos/full.sized/75.JPG',	'75'),
	image('./photos/thumbnails/thumbnail074.jpg',	'./photos/full.sized/74.JPG',	'74'),
	image('./photos/thumbnails/thumbnail073.jpg',	'./photos/full.sized/73.JPG',	'73'),
	image('./photos/thumbnails/thumbnail072.jpg',	'./photos/full.sized/72.JPG',	'72'),
	image('./photos/thumbnails/thumbnail071.jpg',	'./photos/full.sized/71.JPG',	'71'),
	image('./photos/thumbnails/thumbnail070.jpg',	'./photos/full.sized/70.JPG',	'70'),
	image('./photos/thumbnails/thumbnail069.jpg',	'./photos/full.sized/69.JPG',	'69'),
	image('./photos/thumbnails/thumbnail068.jpg',	'./photos/full.sized/68.JPG',	'68'),
	image('./photos/thumbnails/thumbnail067.jpg',	'./photos/full.sized/67.JPG',	'67'),
	image('./photos/thumbnails/thumbnail066.jpg',	'./photos/full.sized/66.JPG',	'66'),
	image('./photos/thumbnails/thumbnail065.jpg',	'./photos/full.sized/65.JPG',	'65'),
	image('./photos/thumbnails/thumbnail064.jpg',	'./photos/full.sized/64.JPG',	'64'),
	image('./photos/thumbnails/thumbnail063.jpg',	'./photos/full.sized/63.JPG',	'63'),
	image('./photos/thumbnails/thumbnail062.jpg',	'./photos/full.sized/62.JPG',	'62'),
	image('./photos/thumbnails/thumbnail061.jpg',	'./photos/full.sized/61.JPG',	'61'),
	image('./photos/thumbnails/thumbnail060.jpg',	'./photos/full.sized/60.JPG',	'60'),
	image('./photos/thumbnails/thumbnail059.jpg',	'./photos/full.sized/59.JPG',	'59'),
	image('./photos/thumbnails/thumbnail058.jpg',	'./photos/full.sized/58.JPG',	'58'),
	image('./photos/thumbnails/thumbnail057.jpg',	'./photos/full.sized/57.JPG',	'57'),
	image('./photos/thumbnails/thumbnail056.jpg',	'./photos/full.sized/56.JPG',	'56'),
	image('./photos/thumbnails/thumbnail055.jpg',	'./photos/full.sized/55.JPG',	'55'),
	image('./photos/thumbnails/thumbnail054.jpg',	'./photos/full.sized/54.JPG',	'54'),
	image('./photos/thumbnails/thumbnail053.jpg',	'./photos/full.sized/53.JPG',	'53'),
	image('./photos/thumbnails/thumbnail052.jpg',	'./photos/full.sized/52.JPG',	'52'),
	image('./photos/thumbnails/thumbnail051.jpg',	'./photos/full.sized/51.JPG',	'51'),
	image('./photos/thumbnails/thumbnail050.jpg',	'./photos/full.sized/50.JPG',	'50'),
	image('./photos/thumbnails/thumbnail049.jpg',	'./photos/full.sized/49.JPG',	'49'),
	image('./photos/thumbnails/thumbnail048.jpg',	'./photos/full.sized/48.JPG',	'48'),
	image('./photos/thumbnails/thumbnail047.jpg',	'./photos/full.sized/47.JPG',	'47'),
	image('./photos/thumbnails/thumbnail046.jpg',	'./photos/full.sized/46.JPG',	'46'),
	image('./photos/thumbnails/thumbnail045.jpg',	'./photos/full.sized/45.JPG',	'45'),
	image('./photos/thumbnails/thumbnail044.jpg',	'./photos/full.sized/44.JPG',	'44'),
	image('./photos/thumbnails/thumbnail043.jpg',	'./photos/full.sized/43.JPG',	'43'),
	image('./photos/thumbnails/thumbnail042.jpg',	'./photos/full.sized/42.JPG',	'42'),
	image('./photos/thumbnails/thumbnail041.jpg',	'./photos/full.sized/41.JPG',	'41'),
	image('./photos/thumbnails/thumbnail040.jpg',	'./photos/full.sized/40.JPG',	'40'),
	image('./photos/thumbnails/thumbnail039.jpg',	'./photos/full.sized/39.JPG',	'39'),
	image('./photos/thumbnails/thumbnail038.jpg',	'./photos/full.sized/38.JPG',	'38'),
	image('./photos/thumbnails/thumbnail037.jpg',	'./photos/full.sized/37.JPG',	'37'),
	image('./photos/thumbnails/thumbnail036.jpg',	'./photos/full.sized/36.JPG',	'36'),
	image('./photos/thumbnails/thumbnail035.jpg',	'./photos/full.sized/35.JPG',	'35'),
	image('./photos/thumbnails/thumbnail034.jpg',	'./photos/full.sized/34.JPG',	'34'),
	image('./photos/thumbnails/thumbnail033.jpg',	'./photos/full.sized/33.JPG',	'33'),
	image('./photos/thumbnails/thumbnail032.jpg',	'./photos/full.sized/32.JPG',	'32'),
	image('./photos/thumbnails/thumbnail031.jpg',	'./photos/full.sized/31.JPG',	'31'),
	image('./photos/thumbnails/thumbnail030.jpg',	'./photos/full.sized/30.JPG',	'30'),
	image('./photos/thumbnails/thumbnail029.jpg',	'./photos/full.sized/29.JPG',	'29'),
	image('./photos/thumbnails/thumbnail028.jpg',	'./photos/full.sized/28.JPG',	'28'),
	image('./photos/thumbnails/thumbnail027.jpg',	'./photos/full.sized/27.JPG',	'27'),
	image('./photos/thumbnails/thumbnail026.jpg',	'./photos/full.sized/26.JPG',	'26'),
	image('./photos/thumbnails/thumbnail025.jpg',	'./photos/full.sized/25.JPG',	'25'),
	image('./photos/thumbnails/thumbnail024.jpg',	'./photos/full.sized/24.JPG',	'24'),
	image('./photos/thumbnails/thumbnail023.jpg',	'./photos/full.sized/23.JPG',	'23'),
	image('./photos/thumbnails/thumbnail022.jpg',	'./photos/full.sized/22.JPG',	'22'),
	image('./photos/thumbnails/thumbnail021.jpg',	'./photos/full.sized/21.JPG',	'21'),
	image('./photos/thumbnails/thumbnail020.jpg',	'./photos/full.sized/20.JPG',	'20'),
	image('./photos/thumbnails/thumbnail019.jpg',	'./photos/full.sized/19.JPG',	'19'),
	image('./photos/thumbnails/thumbnail018.jpg',	'./photos/full.sized/18.JPG',	'18'),
	image('./photos/thumbnails/thumbnail017.jpg',	'./photos/full.sized/17.JPG',	'17'),
	image('./photos/thumbnails/thumbnail016.jpg',	'./photos/full.sized/16.JPG',	'16'),
	image('./photos/thumbnails/thumbnail015.jpg',	'./photos/full.sized/15.JPG',	'15'),
	image('./photos/thumbnails/thumbnail014.jpg',	'./photos/full.sized/14.JPG',	'14'),
	image('./photos/thumbnails/thumbnail013.jpg',	'./photos/full.sized/13.JPG',	'13'),
	image('./photos/thumbnails/thumbnail012.jpg',	'./photos/full.sized/12.JPG',	'12'),
	image('./photos/thumbnails/thumbnail011.jpg',	'./photos/full.sized/11.JPG',	'11'),
	image('./photos/thumbnails/thumbnail010.jpg',	'./photos/full.sized/10.JPG',	'10'),
	image('./photos/thumbnails/thumbnail009.jpg',	'./photos/full.sized/9.JPG',	'9'),
	image('./photos/thumbnails/thumbnail001.jpg',	'./photos/full.sized/8.JPG',	'8'),
	image('./photos/thumbnails/thumbnail007.jpg',	'./photos/full.sized/7.JPG',	'7'),
	image('./photos/thumbnails/thumbnail006.jpg',	'./photos/full.sized/6.JPG',	'6'),
	image('./photos/thumbnails/thumbnail005.jpg',	'./photos/full.sized/5.JPG',	'5'),
	image('./photos/thumbnails/thumbnail004.jpg',	'./photos/full.sized/4.JPG',	'4'),
	image('./photos/thumbnails/thumbnail003.jpg',	'./photos/full.sized/3.JPG',	'3'),
	image('./photos/thumbnails/thumbnail002.jpg',	'./photos/full.sized/2.JPG',	'2'),
	image('./photos/thumbnails/thumbnail001.jpg',	'./photos/full.sized/1.JPG',	'1'));

function image(thumbnailSrc, imgSrc, caption){
	return new Array(thumbnailSrc, imgSrc, caption);
}

function loadPhotos(rootElementId){
	var rootPhotoElement = document.getElementById(rootElementId);
	var div = null;

	for(var i=0; i < PHOTOS.length; i++){
		div = createDivElement(PHOTOS[i]);
		rootPhotoElement.appendChild(div);
	}	
}

function createDivElement(img){
/* function returns an element of the following form:
	<div>
		<center>
			<a alt="photos[i][2]" rel="lightbox[0]" href="photos[i][1]">
				<div style="background-image:url(photos[i][0]);"> &nbsp </div>
			</a>
		</center>
	</div>
*/
	var div = document.createElement('DIV');
	div.setAttribute('class','thumbnail');
	
	var center = document.createElement('CENTER');

	var anchor = document.createElement('A');
	anchor.setAttribute('title',img[2]);
	anchor.rel = "group";
	anchor.href=img[1];
	
	var thumbnail = document.createElement('DIV');
	thumbnail.style.backgroundImage="url("+img[0]+")";
	thumbnail.innerHTML = '&nbsp';
	
	anchor.appendChild(thumbnail)
	center.appendChild(anchor);
	div.appendChild(center);
	return div;
}