// JavaScript Document
var DIRECT_NAVIGATION_ITEMS = 9;

function showAlbum(id) {
	if (currentAlbum += null) {
		document.getElementById('white'+currentAlbum).style.display = 'none';
		document.getElementById('yellow'+currentAlbum).style.display = 'block';	
		document.getElementById('albumNavigation'+ currentAlbum).style.display = 'none';
	}
	
	document.getElementById('white'+id).style.display = 'block';
	document.getElementById('yellow'+id).style.display = 'none';	
	document.getElementById('albumNavigation'+ id).style.display = 'block';

	currentAlbum = id;
	showThumbs(0);
	showImage(0);
}

var thumbArray = new Array();
var imageArray = new Array();
var thumbsPerScreen;
var currentThumbs;
var currentAlbum;
var currentImage;

function showThumbs(thumbs) {
	if (currentThumbs != null) {
		if (document.getElementById('cur' + currentAlbum + "_" + currentThumbs) != null) document.getElementById('cur' + currentAlbum + "_" + currentThumbs).style.display = 'none';
		if (document.getElementById('link' + currentAlbum + "_" + currentThumbs) != null) document.getElementById('link' + currentAlbum + "_" + currentThumbs).style.display = 'inline';
	}
	currentThumbs = thumbs;
	
	if (document.getElementById('cur' + currentAlbum + "_" + currentThumbs) != null) document.getElementById('cur' + currentAlbum + "_" + currentThumbs).style.display = 'inline';
	if (document.getElementById('link' + currentAlbum + "_" + currentThumbs) != null) document.getElementById('link' + currentAlbum + "_" + currentThumbs).style.display = 'none';
	
	document.getElementById('thumbNails' + currentAlbum).innerHTML = thumbArray[currentAlbum][thumbs];
}

function showImage(image) {
		currentImage = image;
		document.getElementById('largeImage').innerHTML = '<img src="/img.php?file=' + imageArray[currentAlbum][image]['image'] + '&amp;maxWidth=484&amp;maxHeight=363" alt="' + unescape(imageArray[currentAlbum][image]['name']) + '"/>';
		document.getElementById('imageTitle').innerHTML = unescape(imageArray[currentAlbum][image]['name']);
		
		var thumbPage = Math.floor(image/thumbsPerScreen);
		if (thumbPage != currentThumbs) showThumbs(thumbPage);
		setDirectImageNavigation();
}

function nextImage() {
	if (currentImage >= (imageArray[currentAlbum].length - 1)) showImage(0);
	else showImage(currentImage+1);	
}

function previousImage() {
	if (currentImage == 0) showImage(imageArray[currentAlbum].length - 1);
	else showImage(currentImage-1);
}

function nextThumbs() {
	if (currentThumbs >= thumbArray[currentAlbum].length -1) showThumbs(0);
	else showThumbs(currentThumbs+1);	
}

function previousThumbs() {
	if (currentThumbs == 0) showThumbs(thumbArray[currentAlbum].length - 1);
	else showThumbs(currentThumbs-1);
}

function setDirectImageNavigation() {
	var offset = 0;
	
	if (currentImage > Math.floor(DIRECT_NAVIGATION_ITEMS/2)) offset = currentImage - Math.floor(DIRECT_NAVIGATION_ITEMS/2);
	var navString = "";
	
	for (var i=0; i < DIRECT_NAVIGATION_ITEMS; i++) {
		if (i > 0) navString += " | ";
		if ((offset+i) == currentImage) navString += '<span class="current">' + (offset + i + 1) + '</span>';
		else navString += '<a href="javascript:showImage(' + (offset+i) + ');">' + (offset + i + 1) + '</a>';
	}
	document.getElementById('directImageNavigation').innerHTML = navString;
}