var mediumObject = null;
var oud = '';

Event.observe(window, 'load', function(e) {
	mediumObject = $$('#pagestart div.medium')
	if (mediumObject.length==1) {
		MediumAnimatie();
		if (animOk()) {
			new PeriodicalExecuter(MediumAnimatie, 7);
		}
	}
});

function animOk() {
	if (Browser.name=='Firefox') {
		return true;
	} else if (Browser.name=='MSIE' && Browser.Version=='7.0') {
		return true;
	} else if (Browser.name=='Safari') {
		return true;
	} else {
		return false;
	}
}

function MediumAnimatie() {
	randnr = (Math.floor(Math.random()*4))+1;
	nieuw  = 'medium' + randnr;		
	
	if (nieuw==oud) {
		randnr = (Math.floor(Math.random()*4))+1;
		nieuw  = 'medium' + randnr;		
	}
	
	if (animOk()) {
		Effect.Fade(mediumObject[0], {
			duration: 1.5,
			afterFinish: function() {
				$(mediumObject[0]).classNames().each(function(classnaam) {
					$(mediumObject[0]).removeClassName(classnaam);
				});
				$(mediumObject[0]).addClassName('medium');			
				if (oud != '') {
					$(mediumObject[0]).removeClassName(oud);
				}
				$(mediumObject[0]).addClassName(nieuw);
				Effect.Appear(mediumObject[0], {
					duration: 1.5,
					transition: Effect.Transitions.linear,
					from: 0.0,
					to: 1.0
				});
			}
		});
	} else {
		$(mediumObject[0]).classNames().each(function(classnaam) {
			$(mediumObject[0]).removeClassName(classnaam);
		});
		$(mediumObject[0]).addClassName('medium');			
		if (oud != '') {
			$(mediumObject[0]).removeClassName(oud);
		}
		$(mediumObject[0]).addClassName(nieuw);
	}
	
	oud = nieuw;
}