// JavaScript Document
// array-based alpha transition code by Joshua Autry - peaceoutnumbered[at]gmail.com
var alphaBtnMax=32;
var alphaArray=new Array(alphaBtnMax);
for(var i=0; i<alphaArray.length; i++){
	alphaArray[i]=new Array(3);
	alphaArray[i][0]=0;
	alphaArray[i][1]=false;
	alphaArray[i][2]=null;
}
function updateAlpha(id,increment){
	if(alphaArray[id][0]+increment>100){
		alphaArray[id][0]=100;
		alphaArray[id][1]=false;
		clearInterval(alphaArray[id][2]);
	}else if(alphaArray[id][0]+increment<0){
		alphaArray[id][0]=0;
		alphaArray[id][1]=false;
		clearInterval(alphaArray[id][2]);
	}else{
		alphaArray[id][0]+=increment;
	}
	var alpha=alphaArray[id][0];
	var objHover=document.getElementById('btn_alpha_'+id+'_hover');
	var ahf=alpha;
	var aho=alpha*0.01;
	objHover.style.filter='alpha(opacity='+ahf+')';
	objHover.style.opacity=aho;
}
function alphaRollOver(id){
	var objActive=document.getElementById('btn_alpha_'+id+'_active');
	objActive.style.filter='alpha(opacity=0)';
	objActive.style.opacity=0;
	if(alphaArray[id][1]){
		clearInterval(alphaArray[id][2]);
	}else{
		alphaArray[id][1]=true;
	}
	alphaArray[id][2]=setInterval('updateAlpha('+id+',10);',1);
}
function alphaRollOut(id){
	var objActive=document.getElementById('btn_alpha_'+id+'_active');
	objActive.style.filter='alpha(opacity=0)';
	objActive.style.opacity=0;
	if(alphaArray[id][1]){
		clearInterval(alphaArray[id][2]);
	}else{
		alphaArray[id][1]=true;
	}
	alphaArray[id][2]=setInterval('updateAlpha('+id+',-10);',1);
}
function alphaMouseDown(id){
	if(alphaArray[id][1]){clearInterval(alphaArray[id][2]);}
	alphaArray[id][0]=100;
	alphaArray[id][1]=false;
	var objHover=document.getElementById('btn_alpha_'+id+'_hover');
	var objActive=document.getElementById('btn_alpha_'+id+'_active');
	objHover.style.filter='alpha(opacity=0)';
	objHover.style.opacity=0;
	objActive.style.filter='alpha(opacity=100)';
	objActive.style.opacity=1;
}
function alphaMouseUp(id){
	if(alphaArray[id][1]){clearInterval(alphaArray[id][2]);}
	alphaArray[id][0]=100;
	alphaArray[id][1]=false;
	var objHover=document.getElementById('btn_alpha_'+id+'_hover');
	var objActive=document.getElementById('btn_alpha_'+id+'_active');
	objHover.style.filter='alpha(opacity=100)';
	objHover.style.opacity=1;
	objActive.style.filter='alpha(opacity=0)';
	objActive.style.opacity=0;
}