selected = "none";
timer_value = 5;
delay = 125;
timer();

function timer() {
  if (timer_value > 0) timer_value--;
  else {
    timer_value = 5;
    flash();
  }
  setTimeout('timer()', 1000);
}

function glow(direction) {
	document.getElementById(direction + '_arrow').src = direction + 'a.jpg';
	setTimeout("document.getElementById('" + direction + "_arrow').src = '" + direction + "b.jpg'", delay);
}

function fade(direction) {
	document.getElementById(direction + '_arrow').src = direction + 'a.jpg';
	setTimeout("document.getElementById('" + direction + "_arrow').src = '" + direction + ".jpg'", delay);
}

function flash() {
	glow('up');
	setTimeout("glow('right')", delay);
	setTimeout("glow('down')", delay * 2);
	setTimeout("glow('left')", delay * 3);

	setTimeout("fade('up')", delay * 4);
	setTimeout("fade('right')", delay * 5);
	setTimeout("fade('down')", delay * 6);
	setTimeout("fade('left')", delay * 7);
}

function display(direction) {
	if (direction == 'none') {
		document.getElementById('rose_middle').src = 'choose.jpg';
		fade(selected);
	} else {
		if (direction == 'up') document.getElementById('rose_middle').src = 'creativity.jpg';
		if (direction == 'right') document.getElementById('rose_middle').src = 'verbosity.jpg';
		if (direction == 'down') document.getElementById('rose_middle').src = 'transitivity.jpg';
		if (direction == 'left') document.getElementById('rose_middle').src = 'identity.jpg';
		glow(direction);
	} 
    	selected = direction;
  	timer_value = 5;
}