// JavaScript Document
var Gallery = new function() {
	this.images = new Array(
						'705',
						'813',
						'3297',
						'3499',
						'3564',
						'3577',
						'3651',
						'3691',
						'4083',
						'4490',
						'4564',
						'4588',
						'4833',
						'4845',
						'219',
						'230',
						'696',
						'753'
						);
	
	this.galleryDiv = null;
	this.galleryBlindDiv = null;
	this.galleryImgDiv = null;
	this.galleryImg = null;
	this.galleryBlindFader = null;
	
	this.init = function() {
		document.body.oncontextmenu = function() {
			alert('The context menu has been disabled for this page.');
			return false;
		}
		Gallery.galleryDiv = document.getElementById("gallery");
		Gallery.galleryDiv.onclick = function(e) {
			if (!e) e = window.event;
			var target = getTargetElem(e);
			while (target.nodeName != 'DIV')
				target = target.parentNode;
			var index = target.id.split('-')[1];
			Gallery.showImage(index);
		}
		
		Gallery.galleryBlindDiv = document.getElementById("galleryblind");
		/*
		OpacElem.setAlpha('galleryblind');
		OpacElem.setOpacity(Gallery.galleryBlindDiv, 50);
		Gallery.galleryBlindFader = new OpacFader(Gallery.galleryBlindDiv, 
												  0, 
												  50, 
												  1, 
												  100, 
												  null);

		*/
		Gallery.galleryImgDiv = document.getElementById("galleryhover");
		//OpacElem.setAlpha('galleryhover');
		//OpacElem.setOpacity(Gallery.galleryImgDiv, 50);
		var tempElem = document.createElement("A");
		Gallery.galleryImgDiv.appendChild(tempElem);
		tempElem.appendChild(document.createTextNode("Close"));
		tempElem.href="#";
		tempElem.onclick = function() {
			Gallery.hideImage();
			return false;
		}
		Gallery.galleryImg = document.createElement("IMG");
		Gallery.galleryImgDiv.appendChild(Gallery.galleryImg);
		Gallery.galleryImg.width = 307;
		Gallery.galleryImg.height = 230;
		
		Gallery.buildGallery();
	}; // init
	
	this.cleanup = function() {
		purge(document.getElementById("wrapper"));
		Gallery.galleryDiv = null;
		Gallery.galleryBlindDiv = null;
		Gallery.galleryImgDiv = null;
	} // cleanup
	
	this.buildGallery = function() {
		for (var c = 0; c < this.images.length; c++) {
			var tempElem = document.createElement("DIV");
			Gallery.galleryDiv.appendChild(tempElem);
			tempElem.id = 'img-' + c;
			tempElem.className = 'gallery-thumbnail';
			
			var tempImg = document.createElement("IMG");
			tempElem.appendChild(tempImg);
			tempImg.src = '/img/gallery/tn'+Gallery.images[c]+'.jpg';
			tempImg.width = 133;
			tempImg.height = 100;
			
		}
		
	}; // buildGallery
	
	this.showImage = function(index) {
		Gallery.galleryImg.src = '/img/gallery/img'+Gallery.images[index]+'.jpg';
		Gallery.galleryBlindDiv.style.display = 'block';
		/*
		Gallery.galleryBlindFader.initFade(Gallery.galleryBlindDiv, 
												  0, 
												  50, 
												  1, 
												  100, 
												  null);
		Gallery.galleryBlindFader.startFade();
		*/
		centerElement2(Gallery.galleryImgDiv, 307, 250);
		Gallery.galleryImgDiv.style.display = 'block';
	}; // showImage
	
	this.hideImage = function() {
		Gallery.galleryImgDiv.style.display = 'none';
		/*
		Gallery.galleryBlindFader.initFade(Gallery.galleryBlindDiv, 
												  50, 
												  0, 
												  -1, 
												  100, 
												  null);
		Gallery.galleryBlindFader.startFade();
		*/
		Gallery.galleryBlindDiv.style.display = 'none';
	}; // hideimage
};

window.onload = Gallery.init;
window.onunload = Gallery.cleanup;