// menu items

function Navigation() {									
	this.items = new Array();
}

function Item(id, isLinked) {						
	this.id = id;				
	this.isLinked = isLinked;
}

Navigation.prototype.addItem = function(id) {	// adds a resource 
	this.items[this.items.length] = new Item(id, 1);
}

Navigation.prototype.addExtra = function(id) {   // adds a image without a link
	this.items[this.items.length] = new Item(id, 0);
}

Navigation.prototype.getIndex = function(item) {
	for (var i=0; i<this.items.length; i++) {
		if (item == this.items[i].id.toLowerCase()) return i;
	}
	return -1;
}

Navigation.prototype.showNext = function() {
	var current = this.getIndex(selectedItem.toLowerCase());
	var next = current;
	do {
		next += 1;
		if (next >= this.items.length) next = 0;
	} while (!this.items[next].isLinked)
	top.location.href = '../' + this.items[next].id + '/index.html';
}

Navigation.prototype.showPrevious = function() {
	var current = this.getIndex(selectedItem.toLowerCase());
	var prev = current;
	do {
		prev -= 1;
		if (prev < 0) prev = this.items.length - 1;
	} while (!this.items[prev].isLinked)
	top.location.href = '../' + this.items[prev].id + '/index.html';
}

function createHTML() {
	/*if (!NN4) nav.items = randomizeArray(nav.items);*/

	str = '';
	
	str += '<table border="0" cellpadding="0" cellspacing="0">';
	str += '<tr>';
	str += '<td><img src="../spacer.gif" width="10" height="5" border="0"></td>';
	
	for (var i=0; i<nav.items.length; i++) {
		if (nav.items[i].isLinked) {
			str += '<td><a href="javascript:showThing(\'' + nav.items[i].id + '\');" onMouseover="changeImage(\'' + nav.items[i].id + '\', \'\', \'' + nav.items[i].id + '\/menuitem_a.gif\');" onMouseout="changeImage(\'' + nav.items[i].id + '\', \'\', \'' + nav.items[i].id + '\/menuitem.gif\');">';
			str += '<img id="' + nav.items[i].id + '" name="' + nav.items[i].id + '" src="' + nav.items[i].id + '/menuitem.gif" border="0" alt=""></a></td>';	
		} else {
			str += '<td><img name="' + nav.items[i].id + '" src="' + nav.items[i].id + '.gif" border="0" alt=""></td>';	
		}
	}


	str += '</tr></table>';
	// alert(str);
	document.write(str);
}


/*--------------------- image browser --------------------*/

function ImageBrowser(dir, numberOfImages) {
	this.nr = 0;
	this.dir = dir;
	this.numberOfImages = numberOfImages;
}

ImageBrowser.prototype.showNextImage = function() {
	document.getElementById('lnk' + this.nr).className = 'thingsnums';
	this.nr = this.nr + 1;
	if (this.nr >= this.numberOfImages) this.nr = 0;
	document.getElementById('lnk' + this.nr).className = 'thingsnavActive';
	this.init();
}

ImageBrowser.prototype.showPreviousImage = function() {
	document.getElementById('lnk' + this.nr).className = 'thingsnums';
	this.nr = this.nr - 1;
	if (this.nr < 0) this.nr = this.numberOfImages - 1;
	document.getElementById('lnk' + this.nr).className = 'thingsnavActive';
	this.init();
}

ImageBrowser.prototype.zoomImage = function() {
	showBigImage('../../big.html?i=things/' + this.dir + '/big' + (this.nr + 1) + '.jpg&nr=' + (this.nr + 1) + '&max=' + this.numberOfImages);
}	

ImageBrowser.prototype.createHTML = function() {
	var str = '';
	str += '<a id="lnk0" href="javascript:ib.showImage(1)" class="thingsnavActive">1</a> \n';
	for (var i=1; i<this.numberOfImages; i++) {
		str += '<a id="lnk' + i + '" href="javascript:ib.showImage(' + (i+1) + ')" class="thingsnums">' + (i+1) + '</a> \n';
	}
	document.write(str);
}

ImageBrowser.prototype.showImage = function(nr) {
	document.getElementById('lnk' + this.nr).className = 'thingsnums';
	this.nr = nr - 1;
	document.getElementById('lnk' + this.nr).className = 'thingsnavActive';
	this.init();
}

ImageBrowser.prototype.init = function() {
	document.getElementById('mainImage').src = (this.nr + 1) + '.jpg';
}