//www.rogerdawkins.co.uk
//Ver 0.01

var numButtons = 3
var fadeSteps = 8
var fadeColors = new Array('#185BA9', '#1569B0', '#1176B7', '#0E83BE', '#0A90C5', '#079DCC', '#04AAD4', '#00B6DB')
var fadeDelay = 35

var timeouts=new Array(numButtons)
var buttons=new Array(numButtons)
var fadeStage=new Array(numButtons)
var fadeDirection=new Array(numButtons)

/*function RD_br()
{
	var ua=navigator.userAgent.toLowerCase()
	this.opera=ua.indexOf('opera')>=0
	this.safari=ua.indexOf('safari')>=0
	this.ie=document.all&&!this.opera
	this.ieCanvas=(this.ie&&document.compatMode=="CSS1Compat")?document.documentElement:document.body
	return this
}*/

function RD_BF_onload()
{
	//RD_br=new RD_br()

    var i;
	for (i=0; i<numButtons; i++) {
		temp = 'RDbutton' + i
		buttons[i] = document.getElementById(temp)
		fadeStage[i] = 0
		fadeDirection[i] = 0
		timeouts[i] = -1
	}
}

function RD_changeBg(nButton)
{
	timeouts[nButton] = -1
	
	fadeStage[nButton] = fadeStage[nButton] + fadeDirection[nButton]
	if (fadeStage[nButton] < 0) fadeStage[nButton] = 0
	if (fadeStage[nButton] > (fadeSteps - 1)) fadeStage[nButton] = fadeSteps - 1
	
	buttons[nButton].style.backgroundColor = fadeColors[fadeStage[nButton]]
	
	if (fadeStage[nButton] == 0 || fadeStage[nButton] == (fadeSteps - 1)) {
		fadeDirection[nButton] = 0
	} else {
		timeouts[nButton] = setTimeout("RD_changeBg('" + nButton + "')", fadeDelay)
	}
}

function RD_onmouseover(nButton){
	fadeDirection[nButton] = 1	

	if (timeouts[nButton] != -1) clearTimeout(timeouts[nButton])
//	timeouts[nButton] = setTimeout("RD_changeBg('" + nButton + "')", fadeDelay)
	RD_changeBg(nButton)
}

function RD_onmouseout(nButton){
	fadeDirection[nButton] = -1

	if (timeouts[nButton] != -1) clearTimeout(timeouts[nButton])
//	timeouts[nButton] = setTimeout("RD_changeBg('" + nButton + "')", fadeDelay)
	RD_changeBg(nButton)
}