var effect = null, blinkeffect = [], blinkflag = [];
var current = 'page1';

function updatelinkqna() {
	$('linkqna').setStyle('display', current == 'page1' ? '' : 'none');
}

function init() {
	$('page1').setStyle('display', 'none');
	$('page2a').setStyle('display', 'none');
	$('page2b').setStyle('display', 'none');
	$('page3').setStyle('display', 'none');
	$('page4').setStyle('display', 'none');
	$(current).setStyle('display', '');
	updatelinkqna();

	var blinks = ['linkleft1', 'linkleft2', 'linkleft3', 'linkleft4', 'linkright1', 'linkright2', 'linkright3'];
	for (var i = 0; i < blinks.length; ++i) {
		var options = {duration: 1000, transition: Fx.Transitions.linear, onComplete: new Function('blink(' + i + ')')};
		blinkeffect.push($(blinks[i]).effect('opacity', options));
		blinkflag.push(false);
		blink(i);
	}
}

function tr(next) {
	if (current == next || effect) return false;

	var pcurrent = current;
	$('linkqna').setStyle('display', 'none');

	var curobj = $(current), nextobj = $(next);
	var oncomplete = function() {
		curobj.setStyle('display', 'none');
		effect = null;
		updatelinkqna();
	};
	var oncancel = function() {
		nextobj.setStyle('display', 'none');
		current = pcurrent;
		updatelinkqna();
	};
	var options = {duration: 500, transition: Fx.Transitions.linear, onComplete: oncomplete, onCancel: oncancel};

	if (current < next) {
		nextobj.setOpacity(0);
		nextobj.setStyle('display', '');
		eff = nextobj.effect('opacity', options);
		eff.start(0, 1);
	} else {
		nextobj.setOpacity(1);
		nextobj.setStyle('display', '');
		eff = curobj.effect('opacity', options);
		eff.start(1, 0);
	}
	current = next;
	return false;
}

function blink(index) {
	if (blinkflag[index]) {
		blinkeffect[index].start(0.13, 0.01);
	} else {
		blinkeffect[index].start(0.01, 0.13);
	}
	blinkflag[index] = !blinkflag[index];
}

function newwin(obj) {
	window.open(obj.href, '', 'resizable=true,scrollbars=yes,status=true');
	return false;
}

//window.addEvent('load', init);