var autoTimer;
var interval = 5000;
var lid = 1; 
var nid;
autoTimer = setInterval("change_div()",interval);

function change_div() {
	nid = parseFloat(lid)+1;
	if(nid > n) {
		nid = 1;
	}
	$('flipper_button'+nid).removeClassName('flipper_link_off');
	$('flipper_button'+nid).addClassName('flipper_link_on');
	$('flipper_button'+lid).removeClassName('flipper_link_on');
	$('flipper_button'+lid).addClassName('flipper_link_off');
	Effect.Fade('flipper_image'+lid, { duration: 1.0 });
	Effect.Appear('flipper_image'+nid, { duration: 1.0 });
	lid = nid;
	
}

function pause_flipper() {
	clearInterval(autoTimer);
}

function unpause_flipper() {
	autoTimer = setInterval("change_div()",interval);
}

function show_flipper(fid) {
	clearInterval(autoTimer);
	$('flipper_button'+lid).removeClassName('flipper_link_on');
	$('flipper_button'+lid).addClassName('flipper_link_off');
	$('flipper_button'+fid).removeClassName('flipper_link_off');
	$('flipper_button'+fid).addClassName('flipper_link_on');
	Effect.Fade('flipper_image'+lid, { duration: 1.0 });
	Effect.Appear('flipper_image'+fid, { duration: 1.0 });
	lid = parseFloat(fid);
}