//www.rogerdawkins.co.uk
//Ver 0.02

var numButtons = 12				// num buttons to support
var fadeSteps = 8
var fadeDelay = 35

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

fadeColors[0] = new Array('#fbe7e5', '#faddda', '#fad3d0', '#f9c9c5', '#f9bebb', '#f8b4b0', '#f8aaa6', '#f7a09b')
fadeColors[1] = new Array('#e7f2fb', '#e0effb', '#d8edfa', '#d1eafa', '#c9e8f9', '#c2e5f9', '#bae3f8', '#b3e0f8')
fadeColors[2] = new Array('#f7edd7', '#f7ecd2', '#f8eacc', '#f8e9c7', '#f8e7c2', '#f8e6bd', '#f9e4b7', '#f9e3b2')
fadeColors[3] = new Array('#faf8d1', '#f6f2c2', '#f1edb4', '#ede7a5', '#e8e196', '#e4db87', '#dfd679', '#dbd06a')
fadeColors[4] = new Array('#f3e3ef', '#f1daea', '#efd2e5', '#edc9e0', '#eac1da', '#e8b8d5', '#e6b0d0', '#e4a7cb')
fadeColors[5] = new Array('#e9f3de', '#e3f0d6', '#dcedce', '#d6eac6', '#d0e6be', '#cae3b6', '#c3e0ae', '#bddda6')
fadeColors[6] = new Array('#dfe4f3', '#d7def0', '#d0d9ee', '#c8d3eb', '#c1cde9', '#b9c7e6', '#b2c2e4', '#aabce1')
fadeColors[7] = new Array('#dcefe8', '#d6ece4', '#d0eadf', '#cae7db', '#c3e5d7', '#bde2d3', '#b7e0ce', '#b1ddca')
fadeColors[8] = new Array('#f4e0ed', '#f3dceb', '#f2d8e8', '#f1d4e6', '#f1d1e4', '#f0cde2', '#efc9df', '#eec5dd')
fadeColors[9] = new Array('#def1f5', '#d7eef3', '#d0ecf1', '#c9e9ef', '#c1e7ec', '#bae4ea', '#b3e2e8', '#acdfe6')
fadeColors[10] = new Array('#f8f8df', '#f5f5d8', '#f3f2d0', '#f0efc9', '#edecc2', '#eae9bb', '#e8e6b3', '#e5e3ac')
fadeColors[11] = new Array('#edf4dc', '#e9f1d3', '#e6eeca', '#e2ebc1', '#dfe9b7', '#dbe6ae', '#d8e3a5', '#d4e09c')

function RD_BF_onload()
{
    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[nButton][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])
	RD_changeBg(nButton)
}

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

	if (timeouts[nButton] != -1) clearTimeout(timeouts[nButton])
	RD_changeBg(nButton)
}