var startTime = $time();

function buttonChange (name) {
	document.getElementById('buttons1920').style.backgroundImage='none';
	document.getElementById('buttons1940').style.backgroundImage='none';
	document.getElementById('buttons1960').style.backgroundImage='none';
	document.getElementById('buttons1980').style.backgroundImage='none';
	document.getElementById('buttons2000').style.backgroundImage='none';
	document.getElementById('buttons2020').style.backgroundImage='none';

	document.getElementById(name).style.backgroundImage='url(/img/'+name+'.gif)';
}

function blockChange () {
	b1=document.getElementById('demo-inner');
	b1.style.visibility='hidden';
}

window.addEvent('domready', function(){
	rndNum = Math.random();
	rndNum = Math.round(rndNum * 6 + 1);

	switch (rndNum) {
		case 2:
			bname = 'buttons1940';
			belement = 'content2';
			break;
		case 3:
			bname = 'buttons1960';
			belement = 'content3';
			break;
		case 4:
			bname = 'buttons1980';
			belement = 'content4';
			break;
		case 5:
			bname = 'buttons2000';
			belement = 'content5';
			break;
		case 6:
			bname = 'buttons2020';
			belement = 'content6';
			break;
		default:
			bname = 'buttons1920';
			belement = 'content1';
			break;
	}

	document.getElementById(bname).style.backgroundImage='url(/img/' + bname + '.gif)';

	var mySlide = new Fx.Slide('slide');

	$('slideout').addEvent('click', function(e){
		e = new Event(e);
		mySlide.slideOut();
		e.stop();
	});

	var scroll = new Fx.Scroll('demo-wrapper', {
		wait: false,
		duration: 2500,
		offset: {'x': -300, 'y': -210},
		transition: Fx.Transitions.Quad.easeInOut
	}).toElement(belement);

	$('link1').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content1');
	});
			
	$('link2').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content2');
	});

	$('link3').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content3');
		});
	
	$('link4').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content4');
	});
	
	$('link5').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content5');
	});
	
	$('link6').addEvent('click', function(event) {
		event = new Event(event).stop();
		scroll.toElement('content6');
	});
});