var curr_tab = 1;
var next_tab = curr_tab + 1;
var fade_interval;
var fadein = 0;
var fadeout = 100;
var done_fade = 1;
var auto_fade = 1;
auto_fade_interval = setInterval("autofadeit()", 7000);
function fadeit(id){
	if(auto_fade == 1){
		clearInterval(auto_fade_interval);
		auto_fade = 0;
	}
	if(done_fade == 1 && curr_tab != id){
		document.getElementById("fader-tab"+curr_tab).className="";
		document.getElementById("fader-tab"+id).className="on";
		if(window.XMLHttpRequest) {
			fade_interval = setInterval("fade("+curr_tab+","+id+")", 100);
		} else {
			document.getElementById("panel"+curr_tab).className="fader_off";
			document.getElementById("panel"+id).className="fader_on";
		}
		curr_tab = id;
	}
}
function autofadeit(){
	if(curr_tab < 4){
		id = curr_tab+1;
	} else {
		id = 1;
	}
	if(done_fade == 1 && curr_tab != id){
		document.getElementById("fader-tab"+curr_tab).className="";
		document.getElementById("fader-tab"+id).className="on";
		if(window.XMLHttpRequest) {
			fade_interval = setInterval("fade("+curr_tab+","+id+")", 100);
		} else {
			document.getElementById("panel"+curr_tab).className="fader_off";
			document.getElementById("panel"+id).className="fader_on";
		}
		curr_tab = id;
	}
}
function fade(old_tab, new_tab){
	done_fade = 0;
	fadein = fadein+20;
	fadeout = fadeout-20;
	if(fadein == 100 || fadeout == 0){
		document.getElementById("panel"+old_tab).className="fader_off";
		document.getElementById("panel"+new_tab).className="translucent"+fadein;
		clearInterval(fade_interval);
		fadein = 0;
		fadeout = 100;
		done_fade = 1;
	} else {
		document.getElementById("panel"+old_tab).className="translucent"+fadeout;
		document.getElementById("panel"+new_tab).className="translucent"+fadein;
	}
}