window.addEvent('domready', function() {

	var throbbers = new Array(
		'/images/spinner_pos_0.gif',
		'/images/spinner_pos_1.gif',
		'/images/spinner_pos_2.gif'
	);
	new Asset.images(throbbers);

	var timeout = 6000;
	var delays = new Array(0, 400, 800);

	//laden van posities vertragen
	function initLoader(position)
	{
		loadPosition.periodical(timeout, null, position);
	}

	//posities laden
	function loadPosition(position)
	{
		new Request.JSON({
		    method: 'get',
		    url: '?action=get_next_random&module=portfolio&position=' + position,
		    onComplete: function(responseJSON, responseText) {

				//spinner tonen
				$('random_image_' + position).clone().inject($('random_portfolio_container'), 'bottom').set({
					id: 'random_image_' + position + '_clone',
					src: '/images/spinner_pos_' + position + '.gif'
				});

				new Asset.images(responseJSON.image, {
					onComplete: function() {

						$('random_image_' + position + '_clone').set('src', responseJSON.image);

						//effect om lijst te scrollen
						var imageFx = new Fx.Morph($('random_image_' + position), {
							duration: 1000,
							link: 'chain',
							onComplete: function() {
								$('random_image_' + position).destroy();
								$('random_image_' + position + '_clone').set('id', 'random_image_' + position);
								$('area_' + position).set({
									'title': responseJSON.title,
									'href': basepath + 'portfolio/' + responseJSON.ref_name
								});
							}
						});

						imageFx.start({
							'opacity': 0
						});
					}
				});
		    }
		}).get();
	}

	for(x=0;x<=2;x++)
		initLoader.delay(delays[x], null, x);
});