// JavaScript Document
//document.write("<style type='text/css'> #thumbnails { display: none; }</style>");



// Pre-load thumbnails
var thumbImg = new Array();

var numPicsInSeries = series[initialSeries].thumbs.length;
for (var z = 0; z < numPicsInSeries; z++) {
	thumbImg[z] = new Image(60,60);
	thumbImg[z].src = 'pics/' + series[initialSeries].thumbs[z];
}


var currentSeries = series[initialSeries].pictures;
var currentThumbnails = series[initialSeries].thumbs;
var currentTitles = series[initialSeries].titles;
var currentSubtitles = series[initialSeries].subs;

var thumbTag = 'td'; // could have been 'li' in a 'ul'

function loadSeries(i) {
	//document.getElementById('thumbnails').style.display = 'none';
	var titles = document.getElementById('seriesTable').getElementsByTagName(thumbTag);
	
	for (j = 0; j < titles.length; j++) {
		if (j == i) {
			titles[j].innerHTML = series[j].title;
			currentSeries = series[j].pictures;
			currentThumbnails = series[j].thumbs;
			currentTitles = series[j].titles;
			currentSubtitles = series[j].subs;
			//alert("Titles: " + currentTitles[0]);
			gal.init();
		} else {
			//alert('j = ' + j);
			titles[j].innerHTML = '<a href="javascript:loadSeries(' + j + ');">' + series[j].title + '</a>';
		}
	}

	//document.getElementById('thumbnails').style.display = 'block';
}


var gal = {
	init : function() {
		var td = document.getElementById('thumbnails').getElementsByTagName(thumbTag);
		
		td[0].className = 'current';
		var pictureElement = document.getElementById('picture');
		pictureElement.src = 'pics/' + currentSeries[0];
		pictureElement.title = currentTitles[0];
		document.getElementById('workTitle').innerHTML = currentTitles[0];
		document.getElementById('workSubtitle').innerHTML = currentSubtitles[0];
		
		//alert('init ' + currentTitles[0]);
		var numPics = currentTitles.length;
		
		for (i = 0; i < td.length; i++) {
			if (numPics <= i) {
				td[i].style.visibility = 'hidden';
				continue;
			}
			td[i].style.visibility = 'visible';
			
			td[i].title = currentTitles[i]; // td[i].getElementsByTagName('img')[0].alt;
			td[i].subtitle = currentSubtitles[i];
			td[i].imageprop = 'pics/' + currentSeries[i];
			td[i].getElementsByTagName('img')[0].src = 'pics/' + currentThumbnails[i];
			gal.addEvent(td[i],'click',function() {
				var pic = document.getElementById('thumbnails').getElementsByTagName(thumbTag);
				for (j=0; j<pic.length; j++) {
					pic[j].className = '';
				}
				this.className = 'current';
				document.getElementById('workTitle').innerHTML = this.title;
				document.getElementById('workSubtitle').innerHTML = this.subtitle;
				var pictureElement = document.getElementById('picture');
				pictureElement.src = this.imageprop;
				pictureElement.title = this.title;
			});
		}
	},
	addEvent : function(obj, type, fn) {
		if (obj.addEventListener) {
			obj.addEventListener(type, fn, false);
		} else if (obj.attachEvent) {
			obj["e"+type+fn] = fn;
			obj[type+fn] = function() { obj["e"+type+fn]( window.event ); }
			obj.attachEvent("on"+type, obj[type+fn]);
		}
	}

}
gal.addEvent(window,'load',function() { /*gal.init();*/ loadSeries(initialSeries);/**/ });