//all dots on
function allDotsOn() {
	document.getElementById("grayDot1").src = "../images/grayDotOn.png";
	/*document.getElementById("grayDot2").src = "../images/grayDotOn.png";
	document.getElementById("grayDot3").src = "../images/grayDotOn.png";
	document.getElementById("grayDot4").src = "../images/grayDotOn.png";
	document.getElementById("grayDot5").src = "../images/grayDotOn.png";
	document.getElementById("grayDot6").src = "../images/grayDotOn.png";
	document.getElementById("grayDot7").src = "../images/grayDotOn.png";
	document.getElementById("grayDot8").src = "../images/grayDotOn.png";
	document.getElementById("grayDot9").src = "../images/grayDotOn.png";
	document.getElementById("grayDot10").src = "../images/grayDotOn.png";
	document.getElementById("grayDot11").src = "../images/grayDotOn.png";
	document.getElementById("grayDot12").src = "../images/grayDotOn.png";*/
}

//all dots off
function allDotsOff() {
	document.getElementById("grayDot1").src = "../images/grayDotOff.png";
	/*document.getElementById("grayDot2").src = "../images/grayDotOff.png";
	document.getElementById("grayDot3").src = "../images/grayDotOff.png";
	document.getElementById("grayDot4").src = "../images/grayDotOff.png";
	document.getElementById("grayDot5").src = "../images/grayDotOff.png";
	document.getElementById("grayDot6").src = "../images/grayDotOff.png";
	document.getElementById("grayDot7").src = "../images/grayDotOff.png";
	document.getElementById("grayDot8").src = "../images/grayDotOff.png";
	document.getElementById("grayDot9").src = "../images/grayDotOff.png";
	document.getElementById("grayDot10").src = "../images/grayDotOff.png";
	document.getElementById("grayDot11").src = "../images/grayDotOff.png";
	document.getElementById("grayDot12").src = "../images/grayDotOff.png";*/
}

//initial timeout function
function initialAnimate() {
	
	allDotsOn();
	setTimeout("allDotsOff()", 250); //time in milliseconds
	setTimeout("allDotsOn()", 500);
	setTimeout("allDotsOff()", 750);
	setTimeout("allDotsOn()", 1000);
	setTimeout("allDotsOff()", 1250);
	setTimeout("dotRollover('1','1')", 1500);
}

function dotRollover(ref,level) {
	if (initialStatus == 1) {
		dotRollout('1','1');
	}
	var buildDotRef = "grayDot" + ref;
	var buildInfoRef = "info" + ref + "Div";
	var buildLevelRef = "level" + level + "Noise";
	var buildBracketRef = "bracket" + level;
	document.getElementById(buildDotRef).src = "../images/grayDotLine.png";
	document.getElementById(buildInfoRef).style.visibility = "visible";
	document.getElementById(buildLevelRef).style.fontWeight = "bold";
	document.getElementById(buildBracketRef).style.visibility = "visible";	
}

function dotRollout(ref,level) {
	var makeDotRef = "grayDot" + ref;
	var makeInfoRef = "info" + ref + "Div";
	var makeLevelRef = "level" + level + "Noise";
	var makeBracketRef = "bracket" + level;
	document.getElementById(makeDotRef).src = "../images/grayDotOff.png";
	document.getElementById(makeInfoRef).style.visibility = "hidden";
	document.getElementById(makeLevelRef).style.fontWeight = "normal"
	document.getElementById(makeBracketRef).style.visibility = "hidden";	
}