// TG.js -- javascript functions for www.thomasgiroir.com
// Christoper Giroir

var top = 10;
var topLimit = 0;
var timer;

var Gallery = 	[['Dance and Theater', 'old-cameras.jpg',
			'dance/Bary-2.jpg',
			'dance/Bary-indoorman.jpg',
			'dance/Bary-xyz.jpg',
			'dance/02_gallery_11.jpg',
			'dance/02_gallery_12.jpg',
			'dance/02_gallery_13.jpg',
			'dance/02_gallery_21.jpg',
			'dance/02_gallery_22.jpg',
			'dance/02_gallery_23.jpg',
			'dance/02_gallery_31.jpg',
			'dance/02_gallery_32.jpg',
			'dance/02_gallery_33.jpg',
			'dance/Chinese.jpg',
			'dance/Nutmeg-jumpers.jpg',
			'dance/snow.jpg'
		 ],
		 ['Corporate', 'old-cameras2.jpg',
			'corporate/corporate-interior-1.jpg',
			'corporate/corporate-interior-3.jpg',
			'corporate/corporate-meeting-1.jpg',
			'corporate/corporate-meeting-2.jpg',
			'corporate/corporate-meeting-4.jpg',
			'corporate/corporate-portrait-2.jpg',
			'corporate/corporate-portrait-3.jpg',
			'corporate/corporate-portrait.jpg',
			'architectural/corporate-interior-2.jpg'
		 ],
		['Portraits', 'folding-cameras.jpg',
			'portraits/GenoJim.jpg',
			'portraits/03_gallery_22.jpg',
			'portraits/03_gallery_31.jpg',
			'portraits/03_gallery_32.jpg',
			'portraits/Convolution.jpg',
			'portraits/EdAsner.jpg',
			'portraits/GilbertMorrill.jpg',
			'portraits/GwenSmith-Iloani.jpg',
			'portraits/Portrait-1.jpg',
			'portraits/RobertVaughan.jpg',
			'portraits/miscellaneous.jpg',
			'portraits/portrait-3.jpg'
		 ],
		 ['Architectural', 'box-cameras.jpg',
			'architectural/Fireplace.jpg',
			'architectural/Interior-1.jpg',
			'architectural/Interior-2.jpg',
			'architectural/Interior-3.jpg',
			'architectural/Jacuzzi.jpg',
			'architectural/Met-Museum.jpg'
		 ],
		 ['Published Works', 'old-cameras.jpg',
			'pub/Untitled-1.jpg',
			'pub/04_gallery_32.jpg',
			'pub/04_gallery_11.jpg',
			'pub/04_gallery_12.jpg',
			'pub/04_gallery_13.jpg',
			'pub/04_gallery_21.jpg',
			'pub/04_gallery_22.jpg',
			'pub/04_gallery_23.jpg',
			'pub/04_gallery_31.jpg',
			'pub/04_gallery_33.jpg',
			'pub/Untitled-2.jpg',
			'pub/Untitled-3.jpg'
		 ],
		 ['Misc', 'kiddie-cameras.jpg',
			'misc/Carousel.jpg',
			'misc/Corning-Fountain.jpg',
			'misc/Fireworks.jpg',
			'misc/Hartford-Skyline-2.jpg',
			'misc/Hartford-Skyline.jpg',
			'misc/NewBritainSkyline.jpg',
			'misc/Vermont-porch.jpg',
			'misc/Watkinson-School-constructi.jpg',
			'misc/event-1.jpg'
		]];

WriteGalleryCode();

// OnLoad Function *********************************************************************************************************
function LoadGallery() {
	SelectImage(0);
	//document.getElementById('thumbnails').style.visibility = "visible";
	document.getElementById('loading').style.visibility = "hidden";
}

// Functions to hide and show the images ***********************************************************************************
function SelectImage(num) {
	HideImage(SelectedImage);
	SelectedImage = num;
	DisplayImage(num);
}

function NextImage(max) {
	HideImage(SelectedImage);
	SelectedImage = SelectedImage + 1;
	if(SelectedImage == (max - 2))
		SelectedImage = 0;
	DisplayImage(SelectedImage);
}

function PrevImage(max) {
	HideImage(SelectedImage);
	SelectedImage = SelectedImage - 1;
	if(SelectedImage == -1)
        	SelectedImage = (max - 3);
	DisplayImage(SelectedImage);
}

function HideImage(num) {
	document.getElementById('image' + num).style.visibility = "hidden";
}

function DisplayImage(num) {
	document.getElementById('image' + num).style.visibility = "visible";
}

function RaiseThumbnails() {
	if(top < 10) {
		top = top + 2;
		document.getElementById('thumbnails').style.top = top + "px";
		timer = setTimeout("RaiseThumbnails();", 5);
	} else
		top = 10;
}

function LowerThumbnails() {
	if(top > (topLimit * -1)) {
		top = top - 2;
		document.getElementById('thumbnails').style.top = top + "px";
		timer = setTimeout("LowerThumbnails();", 5);
	} else
		top = (topLimit * -1);
}

function RaiseThumbnailsALot() {
	top = top + 300;
	if(top < 10)
		document.getElementById('thumbnails').style.top = top + "px";
	else {
		top = 10;
		document.getElementById('thumbnails').style.top = top + "px";
	}
}

function LowerThumbnailsALot() {
	top = top - 300;
	if(top > (topLimit * -1))
		document.getElementById('thumbnails').style.top = top + "px";
	else {
		top = (topLimit * -1);
		document.getElementById('thumbnails').style.top = top + "px";
	}
}

function StopScrolling() {
	clearTimeout(timer);
}

// Function to draw gallery Image ******************************************************************************************

// Functions to draw each Gallery ******************************************************************************************
function WriteGalleryCode() {
	style = 'overflow: auto; padding: 5px; height: 490px; width: 130px; visibility: visible; position: absolute; top: 37px; left: 700px;';
	gallerystyle = 'position: absolute; top: 10px; left: 700px; font: normal normal bold 14px verdana, arial;';

	items = Gallery[SelectedGallery];
	document.write('<div id="main" class="main" style="background: #DFE2EC url(photos/' + items[1] + ') no-repeat scroll top left;"><b>Galleries');
	for(var i = 0; i < Gallery.length; i++) {
		items = Gallery[i];
		document.write (' | <a href="gallery.php?gallery=' + i + '">' + items[0] + '</a>');
	}
	document.write(' | </b>');

	document.write('<div id="loading" style="position: absolute; top: 250px; left: 425px; z-index: 150;"><b>Loading...</b></div>');

	items = Gallery[SelectedGallery];

	// *****************************************************************************************
        // ******************************************************************************************

	document.write ('<div style="font: normal normal bold 15pt arial; position: absolute; top: 135px; width: 200px; text-align: center; left: 0px;">' + items[0] + '</div>');
	document.write ('<div style="position: absolute; top: 250px; left: 150px;"><a href="Javascript://" OnClick="PrevImage(' + items.length + ');">Prev</a></div>');
	document.write ('<div style="position: absolute; top: 250px; left: 715px;"><a href="Javascript://" OnClick="NextImage(' + items.length + ');">Next</a></div>');

	WriteImageCode();

	document.write('</div>');

	items = Gallery[SelectedGallery];
	topLimit = (items[1] * 150) + (82 * ((items.length - 2) - items[1])) - 225;
}

function WriteImageCode() {
	var items = Gallery[SelectedGallery];
	for(var i = 0; i < items.length - 2; i++) {
		document.write("<div style='position: absolute; top: 35px; left: 199px; width: 502px; height: 502px;'><table border='0' cellpadding='0' width='100%' height='100%' cellspacing='0'><tr><td valign='middle'><center><img id='image" + i + "' style='border: solid 1px #000000; visibility: hidden; z-index: 100;' src='photos/" + items[i + 2] + "'></center></td></tr></table></div>");
	}
}