var boxes;
var front_interval;
var index;
var timing = [1000, 120, 50];
var state = 0; // 0=off, 1=on

function init_highlight() {
	boxes = $$('#box_nav li');
	
	if (boxes.length) {
		//swap 3 and 4
		var tmp = boxes[2];
		boxes[2] = boxes[3]
		boxes[3] = tmp;

		index = 0;
		front_interval = setTimeout('highlight_next_box_nav()', timing[0]);
	}
}

function highlight_next_box_nav() {
	boxes[index].addClassName('on');
	setTimeout('wait_while_off()', timing[1]);
}

function wait_while_off() {
	boxes[index].removeClassName('on');
	index++;

	if (index < boxes.length) {
	setTimeout('highlight_next_box_nav()', timing[2]);
	}
}

Event.onDOMReady(function() {
	init_highlight();
});