var states = Array("");

var agt = navigator.userAgent.toLowerCase();
var is_major = parseInt(navigator.appVersion);
var is_nav = ((agt.indexOf('mozilla') != -1) && (agt.indexOf('spoofer') == -1) && (agt.indexOf('compatible') == -1) && (agt.indexOf('opera') == -1) && (agt.indexOf('webtv') == -1));
var is_nav4up = (is_nav && (is_major >= 4));
var is_ie = (agt.indexOf("msie") != -1);
var is_ie3	= (is_ie && (is_major < 4));
var is_ie4	= (is_ie && (is_major == 4) && (agt.indexOf("msie 5") == -1) && (agt.indexOf("msie 6") == -1));
var is_ie4up = (is_ie && (is_major >= 4));
var is_ie5up	= (is_ie	&& !is_ie3 && !is_ie4);
var is_mac = (agt.indexOf("mac") != -1);
var is_gecko = (agt.indexOf("gecko") != -1);
var view;

function getItem (id)
{
	if (is_ie4)
		view = eval(id);
	if (is_ie5up || is_gecko)
		view = document.getElementById(id);
	return view;
}

function shade(id)
{
	if(is_ie4up || is_gecko)
	{
		var shaderDiv = getItem('shader'+id);
		var shaderSpan = getItem('shaderspan'+id);
		var shaderImg = getItem('shaderimg'+id);
		var shaderTitle = getItem('title'+id);
		
		if(shaderDiv.style.display == 'block')
		{
			states[id] = "closed";
			shaderDiv.style.display = 'none';
			shaderTitle.className = "shadertitle";			
		}
		else
		{			
			close_all();
						
			states[id] = "open";
			shaderDiv.style.display = 'block';
			shaderTitle.className = "shadertitlexpand";
		}
	}
}

function close_all()
{
	for (i = 0; i < states.length; i++)
	{
		if (states[i] == "open")
		{						
		var openDiv = getItem('shader'+i);
		var openSpan = getItem('shaderspan'+i);
		var openImg = getItem('shaderimg'+i);
		var openTitle = getItem('title'+i);

			states[i] = "closed";
			
			openDiv.style.display = 'none';
			openTitle.className = "shadertitle";			
		}
	}
}

var title_text = "";
var span_text = "";
var title_class = "";


function open_span(number, default_status)
{
	if (is_ie4up || is_gecko)
	{
		if(default_status == 'block')
			span_text = '<span>close&nbsp;</span><img src="images/shaderup.gif" height="9" width="9" border="0">';
		else
			span_text = '<span>open&nbsp;</span><img src="images/shaderdown.gif" height="9" width="9" border="0">';
		
		document.writeln("<a href='javascript:shade(" + number + ");'><span id='shaderspan" + number + "'>" + span_text + "</span></a>");
	}
}


function title_span(number, title)
{
	if (is_ie4up || is_gecko)
	{
		document.writeln("<div id='title" + number + "' class='shadertitle'><a href='javascript:shade(" + number + ");'>" + title + "</a></div><br>");
	}
}

function start_div(number, default_status)
{
	if (is_ie4up || is_gecko)
	{
		document.writeln("<div id='shader" + number + "' name='shader" + number + "' class='shader' style='display: " + default_status + ";'>");
	}
}

function end_div(number)
{
	if (is_ie4up || is_gecko)
		document.writeln("</div>");
}