var diashow = new Array();

function diashow_autoplay_start( id ) {
	diashow[id].play = true;
	
	var img = $('#diashow' + id + 'playpausebutton');
	img.attr('src', img.attr('src').replace(/play\.gif/, 'pause.gif'));

	var link = $('#diashow' + id + 'playpauselink');
	link.attr('href', link.attr('href').replace(/start/, 'stop'));

	diashow[id].timeout = setTimeout("diashow_play(" + id + ")", diashow[id].pause * 1000 );
}

function diashow_autoplay_stop( id ) {
	diashow[id].play = false;
	window.clearTimeout( diashow[id].timeout );
	
	var img = $('#diashow' + id + 'playpausebutton');
	img.attr('src', img.attr('src').replace(/pause\.gif/, 'play.gif'));

	var link = $('#diashow' + id + 'playpauselink');
	link.attr('href', link.attr('href').replace(/stop/, 'start'));
}

function diashow_play( id ) {
	if( !diashow[id].play )
		return;

	// If last, start over...
	if( diashow[id].current >= (diashow[id].total-1) ) {
		diashow[id].current = 0;
		eval("diashow_" + diashow[id].effect + "( id, diashow[id].total-1, 1 );");
		diashow_update( id );
		diashow_updatebuttons( id );
	}
	else
		diashow_next( id, false );

	setTimeout("diashow_play(" + id + ")", diashow[id].pause * 1000 );
}

function diashow_next( id, manual ) {
	if( diashow[id].play && manual )
		diashow_autoplay_stop(id);
	
	if( (diashow[id].total-1) > diashow[id].current ) {
		diashow[id].current++;
		
		eval("diashow_" + diashow[id].effect + "( id, diashow[id].current-1, 1 );");
		diashow_update( id );
		
		$('#diashowprev' + id ).css('opacity', 1);
	}

	diashow_updatebuttons( id );
}

function diashow_updatebuttons( id ) {
	// Next button
	if( (diashow[id].total-1) == diashow[id].current )
		$('#diashownext' + id ).css('opacity', 0.2);
	else
		$('#diashownext' + id ).css('opacity', 1);

	// Prev button
	if( diashow[id].current == 0 )
		$('#diashowprev' + id ).css('opacity', 0.2);
	else
		$('#diashowprev' + id ).css('opacity', 1);
}

function diashow_prev( id, manual ) {
	if( diashow[id].play && manual )
		diashow_autoplay_stop(id);

	if( diashow[id].current > 0 ) {
		diashow[id].current--;
		eval("diashow_" + diashow[id].effect + "( id, diashow[id].current+1, -1 );");
		diashow_update( id );

		$('#diashownext' + id ).css('opacity', 1);
	}

	diashow_updatebuttons( id );
}

function diashow_update( id ) {
	// Update beschrijving
	if( diashow[id].descriptions[ diashow[id].current ].length == 0 ) {
		$('#diashowoverlay' + id).css('opacity', 0);
		$('#diashowdesc' + id).css('opacity', 0);
	}
	else {
		$('#diashowdesc' + id).html(diashow[id].descriptions[ diashow[id].current ]);
		$('#diashowoverlay' + id).css('opacity', 1);
		$('#diashowdesc' + id).css('opacity', 1);
	}

	// Update huidige foto nr
	$('#diashowcurrent' + id).html(diashow[id].current+1);
}

function diashow_fade( id, prev, direction ) {
	for( var i = 0; i < diashow[id].total; i++ ) {
		var obj = $('#diashowimg' + id + '_' + i );

		if( i == diashow[id].current ) // nieuwe afbeelding
			$(obj).fadeIn(diashow[id].transition*1000);
		else // Oude afbeelding
			$(obj).fadeOut(diashow[id].transition*1000);
	}
}

function diashow_slidey( id, prev, direction ) {
	// Laat de goede <img> zien
	for( var i = 0; i < diashow[id].total; i++ ) {
		var obj = $('#diashowimg' + id + '_' + i );
		
		if( i == diashow[id].current ) { // Nieuwe afbeelding
			$(obj).show();
			
			if ($(obj).css('top') != '0px')
				$(obj).animate({"top": "+="+diashow[id].height+"px"}, diashow[id].transition*1000);
		}
		else if( i == prev ) { // Oude
			if ($(obj).css('top') != '-'+diashow[id].height+'px')
				$(obj).animate({"top": "-="+diashow[id].height+"px"}, diashow[id].transition*1000);
		}
	}
}

function diashow_slidex( id, prev, direction ) {
	// Laat de goede <img> zien
	for( var i = 0; i < diashow[id].total; i++ ) {
		var obj = $('#diashowimg' + id + '_' + i );

		if( i == diashow[id].current ) { // Nieuwe afbeelding
			$(obj).show();
			
			if ($(obj).css('left') != '0px')
				$(obj).animate({"left": "+="+diashow[id].width+"px"}, diashow[id].transition*1000);
		}
		else if( i == prev ) { // Oude
			if ($(obj).css('left') != '-'+diashow[id].height+'px')
				$(obj).animate({"left": "-="+diashow[id].width+"px"}, diashow[id].transition*1000);
		}
	}
}