window.onload = function()
{
	posBottomBar();
	posBottomCorners();
	//posConnectorBox("infoAreaTopBoxConnectors");
	posConnectorBox("infoAreaKnowBoxConnectors");
	posConnectorBox("infoAreaMFBoxConnectors");
	posBarDecs();
	posBCIMG();
	posFooter();
}
function posBCIMG()
{
	var new_pos = find_pos_y(document.getElementById("bodyBottomBar")) - 278;
	document.getElementById("bcIMG").style.top =  new_pos + 'px';
	document.getElementById("bcIMG").style.display = 'inline';
}
function posFooter()
{
	var new_pos = find_pos_y(document.getElementById("bodyBottomBar")) + 30;
	document.getElementById("footerWrapper").style.top =  new_pos + 'px';
	document.getElementById("footerWrapper").style.display = 'inline';
}
function posBarDecs()
{
	document.getElementById("bodyTopDec").style.top = (find_pos_y(document.getElementById("bodyTopBar")) - 38) + 'px';
	document.getElementById("bodyBottomDec").style.top = (find_pos_y(document.getElementById("bodyBottomBar")) - 36) + 'px';
}
function posConnectorBox(id)
{
	var new_pos = find_pos_y(document.getElementById(id)) - 407 - 9;
	document.getElementById(id).style.top =  new_pos + 'px';
}
function posBottomCorners()
{
	document.getElementById("bodyBottomCorners").style.top =  '-45' + 'px';
	document.getElementById("bodyBottomCorners").style.position = 'relative';
	document.getElementById("bodyBottomCorners").style.display = 'block';
}
function posBottomBar()
{
	document.getElementById("bodyBottomBar").style.top = (find_pos_y(document.getElementById("bodyBottomLocator")) - 436) + 'px';
}

function write_server_status()
{
	var output = ''
	var counter = 8;
		
	for(var server_name in l2_servers)
	{
		var img_alt = (l2_servers[server_name] == '1') ? 'online' : 'offline';
		var status_color = (l2_servers[server_name] == '1') ? '#30AA00' : '#B20404';
		var disp_name = (l2_servers[server_name] == '1') ? server_name : '<span style="color: #969696;">' + server_name + '</span>';
		output += '<div class="serverRow' + ((counter%2) ? 'Odd' : 'Even') + '">' +
				  '<div class="serverName">' + server_name + '</div>' +
				  '<div class="serverStatus"><img src="http://www.armsoft.org/images/server_' + ((l2_servers[server_name] == '1') ? 'online' : 'offline') + '.png" align="absmiddle" alt="' + img_alt + '" title="' + img_alt + '"></div>' + 
				  '<div class="serverRowSep">&nbsp;</div>' +
				  '</div>';
		counter++;
	}
	document.write(output);
}