NumShowBilder = 3;
ErstesBild = 1;
NumBilder = 27;
BildBreite = 150;
MoveWidth = 4;
MoveTime = 20;

mousedownLeft = 0;
mousedownRight = 0;
moving = 0;
steps = 0;
speed = 1;

function move(direction) {
	
	switch (direction) {
		
		case 'left':
			steps++;
			break;
		
		case 'right':
			steps--;
			break;
			
		case 'next':
			moving = 0;
			if (mousedownLeft == 1) {
				steps++;
			}
			if (mousedownRight == 1) {
				steps--;
			}			
			break;
	
	}
	
	if (steps == 0) {
		speed = 1;
	} else if (steps < 0) {
		speed = steps * -1;
	} else if (steps > 0) {
		speed = steps;
	}
	
	if (moving == 0) {
	
		if (steps > 0) {
		
			steps--;
			moving = 1;
			moveLeft();
			
		} else if (steps < 0) {
		
			steps++;
			moving = 1;
			moveRight();
			
		}
		
	}
	
}

function moveLeft() {
		
	if ((ErstesBild + NumShowBilder - 1) < NumBilder) {
		var MinBild = ErstesBild;
		var MaxBild = ErstesBild + NumShowBilder;
		ErstesBild++; 

		pfeilCheck();

		if (navigator.appName == 'Microsoft Internet Explorer') { 
			document.getElementById('MiniBildRahmen' + MinBild).style.width = '0px';
			document.getElementById('MiniBildRahmen' + MaxBild).style.width = BildBreite + 'px';
			move('next');
			return;
		}

		document.getElementById('MiniBild' + MinBild).className = "homeMiniBildLeft";
		document.getElementById('MiniBild' + MaxBild).className = "homeMiniBildRight";
		slideLeft(BildBreite, MinBild, MaxBild);

	} else {
		moving = 0;
		steps = 0;
		speed = 1;
		mousedownLeft = 0;
		mousedownRight = 0;
	}
	
}

function moveRight() {

	if (ErstesBild > 1) {
		var MaxBild = ErstesBild - 1;
		var MinBild = ErstesBild + NumShowBilder - 1;
		ErstesBild--;
		
		pfeilCheck();
		
		if (navigator.appName == 'Microsoft Internet Explorer') {
			document.getElementById('MiniBildRahmen' + MinBild).style.width = '0px';
			document.getElementById('MiniBildRahmen' + MaxBild).style.width = BildBreite + 'px';
			move('next');
			return;
		}
	
		document.getElementById('MiniBild' + MaxBild).className = "homeMiniBildLeft";
		document.getElementById('MiniBild' + MinBild).className = "homeMiniBildRight";
		slideRight(BildBreite, MinBild, MaxBild);

	} else {
		moving = 0;
		steps = 0;
		speed = 1;
		mousedownLeft = 0;
		mousedownRight = 0;
	}
	
}


function slideLeft(Breite, MinBild, MaxBild) {
	document.getElementById('MiniBildRahmen' + MinBild).style.width = Breite + 'px';
	document.getElementById('MiniBildRahmen' + MaxBild).style.width = (BildBreite - Breite) + 'px';
	
	if (Breite > MoveWidth * speed) {
		window.setTimeout("slideLeft(" + (Breite - MoveWidth * speed) + ", " + MinBild + ", " + MaxBild + ")", MoveTime);
	} else {
		if (Breite > 0) {
			window.setTimeout("slideLeft(" + 0 + ", " + MinBild + ", " + MaxBild + ")", MoveTime);
			move('next');
		}
	}
}

function slideRight(Breite, MinBild, MaxBild) {
	document.getElementById('MiniBildRahmen' + MaxBild).style.width = (BildBreite - Breite) + 'px';
	document.getElementById('MiniBildRahmen' + MinBild).style.width = Breite + 'px';
	
	if (Breite > MoveWidth * speed) {
		window.setTimeout("slideRight(" + (Breite - MoveWidth * speed) + ", " + MinBild + ", " + MaxBild + ")", MoveTime);
	} else {
		if (Breite > 0) {
			window.setTimeout("slideRight(" + 0 + ", " + MinBild + ", " + MaxBild + ")", MoveTime);
			move('next');
		}
	} 
}


function pfeilCheck() {

	var RightPfeil = document.getElementById('homeRightPfeil');
	var RightPfeilgrau = document.getElementById('homeRightPfeilgrau');
	var LeftPfeil = document.getElementById('homeLeftPfeil');
	var LeftPfeilgrau = document.getElementById('homeLeftPfeilgrau');

	if (ErstesBild <= 1) {
		LeftPfeil.style.display = "none"
		LeftPfeilgrau.style.display = ""
	} else {
		LeftPfeil.style.display = ""
		LeftPfeilgrau.style.display = "none"
	}
	
	if (ErstesBild + NumShowBilder - 1 >= NumBilder) {
		RightPfeil.style.display = "none"
		RightPfeilgrau.style.display = ""
	} else {
		RightPfeil.style.display = ""
		RightPfeilgrau.style.display = "none"
	}

}