var kollektion = new Array('images/kollektion/1.jpg',
		                    'images/kollektion/2.jpg',
		                    'images/kollektion/3.jpg',
		                    'images/kollektion/4.jpg',
		                    'images/kollektion/5.jpg',
		                    'images/kollektion/6.jpg',
		                    'images/kollektion/7.jpg',
		                    'images/kollektion/8.jpg',
		                    'images/kollektion/9.jpg',
		                    'images/kollektion/10.jpg',
		                    'images/kollektion/11.jpg',
		                    'images/kollektion/12.jpg',
		                    'images/kollektion/13.jpg',
		                    'images/kollektion/14.jpg',
		                    'images/kollektion/15.jpg');

var accessoires = new Array('images/accessoires/1.jpg',
							'images/accessoires/2.jpg',
							'images/accessoires/3.jpg',							
							'images/accessoires/4.jpg',
		                    'images/accessoires/5.jpg',
		                    'images/accessoires/6.jpg',
		                    'images/accessoires/7.jpg');

var variationen = new Array('images/variationen/va_1.jpg',
		                    'images/variationen/va_2.jpg',
		                    'images/variationen/va_3.jpg',
		                    'images/variationen/va_4.jpg',
		                    'images/variationen/va_5.jpg',
		                    'images/variationen/va_6.jpg',
		                    'images/variationen/va_7.jpg');

var fotos = 0;
var currentImage = 0;

function setImageWidthAndHeight()
{
	document.bild.width = this.width;
	document.bild.height = this.height;
	return true;
}

function setImage(imageIndex)
{
	if (! document.bild) {
		return;
	}
	
	imageIndex = imageIndex % fotos.length;
	
	image = new Image();
	image.src = fotos[imageIndex];
	image.onload = setImageWidthAndHeight;
	
	document.bild.src = fotos[imageIndex];
	document.getElementById('bildunterschrift').innerHTML = ""+(imageIndex+1)+" / "+fotos.length+"";
}

function nextImage()
{
	currentImage = (currentImage + 1) % fotos.length;	
	setImage(currentImage);
}

function previousImage()
{
	if (currentImage - 1 < 0) {
		currentImage = fotos.length - 1;
	} else {
		currentImage -= 1;
	}
	setImage(currentImage);
}

function init()
{
	documentID = document.location.pathname;
	documentID = documentID.substring(documentID.lastIndexOf("/") + 1, documentID.lastIndexOf("."));
	
	if (documentID == '/') {
		documentID = 'index';
	}
	
	if (documentID == 'kollektion') {
		fotos = kollektion;
	} else if (documentID == 'accessoires') {
		fotos = accessoires;
	} else if (documentID == 'variationen') {
		fotos = variationen;
	}
	
	
	highlightElement = document.getElementById(documentID);
	if (highlightElement) {
		highlightElement.style.color = "#1384aa";
	}
	
	setImage(0);
}