var navRollOvers = new Array();

navRollOvers[0] = "overview";
navRollOvers[1] = "applications";
navRollOvers[2] = "features";
navRollOvers[3] = "compatibility";



var rollOvers = new Array();

rollOvers[0] = "abcd-compare";
rollOvers[1] = "spectrograph-controls";
rollOvers[2] = "gain-comp";
rollOvers[3] = "soft-clip";
rollOvers[4] = "ceiling-slider";
rollOvers[5] = "comp-graph-1";
rollOvers[6] = "comp-graph-2";
rollOvers[7] = "comp-graph-3";
rollOvers[8] = "comp-graph-4";
rollOvers[9] = "comp-graph-5";
rollOvers[10] = "gain-slider";
rollOvers[11] = "crossovers-1";
rollOvers[12] = "crossovers-2";
rollOvers[13] = "compression-controls";
rollOvers[14] = "group-controls";
rollOvers[15] = "input-meters";
rollOvers[16] = "output-meters";

var captions = new Array();

captions[0] = "abcd-compare";
captions[1] = "spectrograph-controls";
captions[2] = "gain-comp";
captions[3] = "soft-clip";
captions[4] = "ceiling-slider";
captions[5] = "comp-graph";
captions[6] = "gain-slider";
captions[7] = "crossovers";
captions[8] = "compression-controls";
captions[9] = "group-controls";
captions[10] = "input-meters";
captions[11] = "output-meters";



var reappearStyle = "table-cell";

if( navigator.userAgent.indexOf("IE") != -1 )
{
	reappearStyle = "block";
}

/* navigation button functions */
var selectedItemName = -1;

function rollOver(name)
{

	for( var count = 0; count < navRollOvers.length; count++ )
	{
		document.getElementById((navRollOvers[count] + "-over-on")).style.display = "none";
		document.getElementById((navRollOvers[count] + "-off")).style.display = reappearStyle;
	}
	
	document.getElementById((name + "-over-on")).style.display = reappearStyle;
	document.getElementById((name + "-off")).style.display = "none";
	document.getElementById((name + "-down")).style.display = "none";
	
	if((selectedItemName != name) && (selectedItemName != -1))
	{
		document.getElementById((selectedItemName + "-over-on")).style.display = "none";
		document.getElementById((selectedItemName + "-off")).style.display = reappearStyle;
	}

}

function rollOut(name)
{
	document.getElementById((name + "-over-on")).style.display = "none";
	document.getElementById((name + "-off")).style.display = reappearStyle;
	document.getElementById((name + "-down")).style.display = "none";
	
	if(selectedItemName != -1)
	{
		document.getElementById((selectedItemName + "-over-on")).style.display = reappearStyle;
		document.getElementById((selectedItemName + "-off")).style.display = "none";
		document.getElementById((selectedItemName + "-down")).style.display = "none";
	}
}

function rollDown(name)
{
	document.location = "#downPage";

	document.getElementById((name + "-over-on")).style.display = "none";
	document.getElementById((name + "-off")).style.display = "none";
	document.getElementById((name + "-down")).style.display = reappearStyle;
	
	if((selectedItemName != name) && (selectedItemName != -1))
	{
		document.getElementById((selectedItemName + "-over-on")).style.display = "none";
		document.getElementById((selectedItemName + "-off")).style.display = reappearStyle;
		document.getElementById((selectedItemName + "-down")).style.display = "none";		
	}
	
	selectedItemName = name;
	
	document.getElementById("sqweez-overview").style.display = "none";
	document.getElementById("sqweez-applications").style.display = "none";
	document.getElementById("sqweez-features").style.display = "none";
	document.getElementById("sqweez-compatibility").style.display = "none";

	document.getElementById(("sqweez-" + selectedItemName)).style.display = "block";
}
/* end navigation button functions */




/* features functions */
function featuresRollOver(name)
{
	clearAllFeaturesRollOvers();
	
	document.getElementById((name + "-over")).style.display = reappearStyle;
	document.getElementById((name + "-off")).style.display = "none";

	
	if(name.indexOf("comp-graph") != -1)
	{
		document.getElementById("comp-graph").style.display = "block";
	}
	else if(name.indexOf("crossovers") != -1)
	{
		document.getElementById("crossovers").style.display = "block";
	}
	else
	{
		document.getElementById(name).style.display = "block";
	}
	
	if(name.indexOf("comp-graph") != -1)
	{
		document.getElementById("comp-graph-1-off").style.display = "none";
		document.getElementById("comp-graph-2-off").style.display = "none";
		document.getElementById("comp-graph-3-off").style.display = "none";
		document.getElementById("comp-graph-4-off").style.display = "none";
		document.getElementById("comp-graph-5-off").style.display = "none";
		
		document.getElementById("comp-graph-1-over").style.display = reappearStyle;
		document.getElementById("comp-graph-2-over").style.display = reappearStyle;
		document.getElementById("comp-graph-3-over").style.display = reappearStyle;
		document.getElementById("comp-graph-4-over").style.display = reappearStyle;
		document.getElementById("comp-graph-5-over").style.display = reappearStyle;

		document.getElementById("crossovers-1-off").style.display = "none";
		document.getElementById("crossovers-2-off").style.display = "none";
		
		document.getElementById("crossovers-1-over").style.display = reappearStyle;
		document.getElementById("crossovers-2-over").style.display = reappearStyle;

	}

	if(name.indexOf("crossovers") != -1)
	{
		document.getElementById("crossovers-1-off").style.display = "none";
		document.getElementById("crossovers-2-off").style.display = "none";
		
		document.getElementById("crossovers-1-over").style.display = reappearStyle;
		document.getElementById("crossovers-2-over").style.display = reappearStyle;
	}	
}


function clearAllFeaturesRollOvers()
{
	for(var count = 0; count < rollOvers.length; count++)
	{
		document.getElementById((rollOvers[count] + "-off")).style.display = reappearStyle;
		document.getElementById((rollOvers[count] + "-over")).style.display = "none";
	}
	
	for(var count = 0; count < captions.length; count++)
	{
		document.getElementById(captions[count]).style.display = "none";
	}
	
}