/**
 * @author nicklausliow
 */
function f_arrow_on(elm,pos){	
	document.getElementById("f_arrow").style.borderRightColor = elm.style.background = "#555";
	f_show(pos);
	clearTimeout(f_timeout);
}
function f_arrow_out(elm){
	document.getElementById("f_arrow").style.borderRightColor = elm.style.background = "#333";
}
//var f_images = ["url(pics/bg/red.png)","url(pics/bg/black_reversed.png)","url(pics/bg/white.png)"];
var f_inTransition = false;
var f_stay = false;
var f_slide = true;
var f_pos_next = 0;
var f_pos_curr = 0; 
var f_interval;
var f_timeout;
function f_show(pos){
	if(!f_stay){
		document.getElementById("f_arrow").style.top = (30+pos*100)+"px";
		f_pos_curr = pos;
		if(!(f_pos_next==pos || f_inTransition)){
			f_pos_next = pos;
			f_interval = setInterval("f_show2()",33);
			f_inTransition = true;
			f_swap();
		}
	}
}
var f_interval_count = 0;
function f_show2(){
	if(f_interval_count<9){
		if(f_interval_count==0){
			// Display
			document.getElementById("f_curr").style.display = "block";
			document.getElementById("f_next").style.display = "block";
			document.getElementById("f_none").style.display = "none";
		}
		f_interval_count++;
		document.getElementById("f_curr").style.left = -f_interval_count*53+"px";
		document.getElementById("f_next").style.left = 533-f_interval_count*53+"px";
	}else{
		// Swap curr with next
		var tmp = document.getElementById("f_next");
		document.getElementById("f_curr").id = "f_next";
		tmp.id = "f_curr";
		
		document.getElementById("f_curr").style.left = "0px";		
		document.getElementById("f_next").style.left = "533px";
		f_interval_count=0;
		if(f_pos_curr==f_pos_next){
			clearInterval(f_interval);
			clearTimeout(f_timeout);
			f_inTransition = false;
			if(f_slide){
				f_timeout = setTimeout("f_show("+((f_pos_curr+1)%3)+")",3000);
			}
		}else{
			f_pos_next = f_pos_curr;
			f_swap();
		}
	}
}
// Set ID of first two elements
document.getElementsByName("f_sect")[0].id = "f_curr";
document.getElementsByName("f_sect")[1].id = "f_next";
document.getElementsByName("f_sect")[2].id = "f_none";

// The real next id, and swap
function f_swap(){
	document.getElementById("f_next").style.display = "none";
	document.getElementById("f_next").id = document.getElementsByName("f_sect")[f_pos_next].id;
	document.getElementsByName("f_sect")[f_pos_next].id = "f_next";
}

f_timeout = setTimeout("f_show(1)",3000);