var colours = new Array("000000","666633","FF0000","CC0099","3300FF","CCFF00","00FF33","FF9900","CC99FF","0000FF","FF33FF","333399","FF99CC","66FFFF","3366FF","CCCC99","009999");

// create an array of arrays to simulate a multi-dimensional array
var links = new Array(9);
for (var i=0;i < links.length; i++) {
	links[i] = new Array(2);
}
// populate arrays 
links[0][0] = "www.google.com";
links[1][0] = "www.candsdesign.co.uk";
links[2][0] = "www.w3schools.com";
links[3][0] = "www.webmaster-talk.com";
links[4][0] = "www.devguru.com";
links[5][0] = "www.welovecss.com";
links[6][0] = "www.asp101.com";
links[7][0] = "www.csszengarden.com";
links[8][0] = "www.cssplay.co.uk";

links[0][1] = "Google";
links[1][1] = "C and S Design";
links[2][1] = "W3Schools";
links[3][1] = "Webmaster Talk";
links[4][1] = "DevGuru";
links[5][1] = "We Love CSS";
links[6][1] = "ASP 101";
links[7][1] = "CSS ZenGarden";
links[8][1] = "CSS Play";


function getRandomColour () {
n = colours.length;
  return "#" + colours[( Math.floor ( Math.random ( ) * n) )];
}

function getRandomLink () {
n = links.length;
  return ( Math.floor ( Math.random ( ) * n ));
}

function setColour() {
var textEle = document.getElementById("text").innerHTML;
var letters = textEle.split("")
	for (var i=0;i<letters.length;i++) {
		letters[i] = '<span style="color:' + getRandomColour() + ';">' + letters[i] + '</span>';
	}
	document.getElementById("changecolour").innerHTML = letters.join("");
}

function setTextColour(text) {
var letters = text.split("")
	for (var i=0;i<letters.length;i++) {
		letters[i] = '<span style="color:' + getRandomColour() + ';">' + letters[i] + '</span>';
	}
	return letters.join("");
}

function showLink() {
var id = getRandomLink();
var href = 'http://' + links[id][0];
var anchorText = setTextColour(links[id][1]);

var anchorEle = '<a href="' + href + '">' + anchorText + '</a>';

	document.getElementById("colouredlink").innerHTML = anchorEle;

}