var play = 1;
var load = 0;
var direction = 1;
var num = 1;
var nextimg;


function viewbig(img)
{
	num = Number(img);
	document.getElementById('galeriebg').style.visibility = 'visible';
	play = 1;
	
	if ( load == 1)
	{
		var src = document.getElementById('bild' + num).src;
		src = src.replace(/tumbnail/, 'resized');
		document.getElementById('bigimg').src = src;
		window.setTimeout('fadein()',50);
	}
	else
	{
		preload(num);
		loadBG();
	}
}

function loadBG()
{
	op = Number(document.getElementById('galeriegrey').style.opacity);
	op = op + 0.05;
	
	document.getElementById('galeriegrey').style.opacity = op;
	document.getElementById('galeriegrey').style.filter = 'alpha(opacity=' + (op * 100) + ')';
	
	if ( op >= 0.7 )
	{
		document.getElementById('galeriefield').style.visibility = 'visible';
		loadField(num);
	}
	else
	{
		window.setTimeout('loadBG()',50);
	}
}

function loadField()
{
	height = document.getElementById('galeriefield').style.height;
	height = Number(height.replace(/px/,''));
	height = height + 40;
	
	document.getElementById('galeriefield').style.height = height + 'px';
	document.getElementById('galerietable').style.height = height + 'px';
	
	if ( height >= 680 )
	{
		load = 1;
		viewbig(num);
	}
	else
	{
		window.setTimeout('loadField()',50);
	}
}

function nextimg()
{
	num = num + direction;
	if (!document.getElementById('bild' + num))
	{
		num = 1;
	}
	var src = document.getElementById('bild' + num).src;
	src = src.replace(/tumbnail/, 'resized');
	document.getElementById('bigimg').src = src;
	window.setTimeout('fadein()',500);
	
}

function fadeout()
{
	op = Number(document.getElementById('bigimg').style.opacity);
	op = op - 0.05;
	
	document.getElementById('bigimg').style.opacity = op;
	document.getElementById('bigimg').style.filter = 'alpha(opacity=' + (op * 100) + ')';
	
	if ( op <= 0 )
	{
		nextimg();
	}
	else
	{
		window.setTimeout('fadeout()',50);
	}
}

function fadein()
{
	op = Number(document.getElementById('bigimg').style.opacity);
	op = op + 0.05;
	
	document.getElementById('bigimg').style.opacity = op;
	document.getElementById('bigimg').style.filter = 'alpha(opacity=' + (op * 100) + ')';
	
	if ( op >= 	1 )
	{
		if ( play == 1 )
		{
			id = Number(num) + Number(direction);
			preload(id);
			window.setTimeout('fadeout()',2000);
		}
	}
	else
	{
		window.setTimeout('fadein()',50);
	}
}

function preload(id)
{
	if ( !nextimg[id] && id != 0)
	{
		var src = document.getElementById('bild' + id).src;
		src = src.replace(/tumbnail/, 'resized');
		nextimg[id] = new Image();
		nextimg.src = src;
	}
}

function stop()
{
	play = 0;
}

function start()
{
	play = 1;
	id = Number(num) + Number(direction);
	preload(id);
	fadeout()
}

function next()
{
	direction = 1;
	id = Number(num) + Number(direction);
	preload(id);
	fadeout()
}

function back()
{
	direction = -1;
	id = Number(num) + Number(direction);
	preload(id);
	fadeout()
}

function quit()
{
	play = 0;
	direction = 1;
	load = 0;
	document.getElementById('bigimg').style.opacity = 0;
	document.getElementById('bigimg').src = 'images/galerie/blank.gif';
	document.getElementById('galeriegrey').style.opacity = 0;
	document.getElementById('galeriegrey').style.filter = 'alpha(opacity=0)';
	document.getElementById('galeriefield').style.height = '0px';
	document.getElementById('galerietable').style.height = '0px';
	document.getElementById('galeriefield').style.visibility = 'hidden';
	document.getElementById('galeriebg').style.visibility = 'hidden';
}