var images         = [];
var image_position = 0;
var image_div      = 0;



function initImageBrowser()
{
	for ( var i = 0; i < 6; ++i )
	{
		var s     = i < 10 ? '0' + i : '' + i;
		image     = new Image();
		image.src = 'include/images/image' + s + '.jpg';
		images.push( image );
	}
}



function goNext() {
	image_position = (image_position+1)%images.length;
	document.getElementById('div_browse').style.visibility = 'hidden';
	document.getElementById('div_browse_prev').style.visibility = 'hidden';
	document.getElementById('div_browse_next').style.visibility = 'hidden';
	document.getElementById('div_loading').style.visibility = 'visible';
	document.images['div'+(image_div+1)%2+'img'].src = images[image_position].src;
	doFadeOut(100);
}

function goPrev() {
	image_position = (image_position+images.length-1)%images.length;
	document.getElementById('div_browse').style.visibility = 'hidden';
	document.getElementById('div_browse_prev').style.visibility = 'hidden';
	document.getElementById('div_browse_next').style.visibility = 'hidden';
	document.getElementById('div_loading').style.visibility = 'visible';
	document.images['div'+(image_div+1)%2+'img'].src = images[image_position].src;
	doFadeOut(100);
}

function doFadeOut( opacity ) {
	var div = document.getElementById('div'+image_div);
	
	div.style.filter = 'alpha(opacity='+opacity+');';
	div.style.opacity = opacity/100;
	
	if ( opacity == 0 ) {
		div.style.zIndex = 1;
		image_div = (image_div+1)%2;
		var div_next = document.getElementById('div'+image_div);
		div_next.style.filter = 'alpha(opacity=0)';
		div_next.style.opacity = 0;
		div_next.style.zIndex = 3;
		setTimeout('doFadeIn( 0 )',50);
	} else setTimeout('doFadeOut('+(opacity-5)+')',50);
}

function doFadeIn( opacity ) {
	var div = document.getElementById('div'+image_div);
	
	div.style.filter = 'alpha(opacity='+opacity+');';
	div.style.opacity = opacity/100;
	
	if ( opacity != 100 ) setTimeout('doFadeIn('+(opacity+5)+')',50);
	else {
		document.getElementById('div_loading').style.visibility = 'hidden';
		document.getElementById('div_browse').style.visibility = 'visible';
	document.getElementById('div_browse_prev').style.visibility = 'visible';
	document.getElementById('div_browse_next').style.visibility = 'visible';
	}
}