function change(spanID, divID, show)
{
	var span = document.getElementById(spanID);
	var div = document.getElementById(divID);

	if(show)
	{
		closeSubarticles();

		span.style.height = 'auto';
		span.style.overflow = 'auto';
		div.innerHTML = '<img class="more" src="/images/arrow_up.gif" width="6px" height="4px"><a class="more" href="#" onClick="return change(\'' + spanID + '\', \'' + divID + '\', false);">close</a><img class="more" src="/images/arrow_up.gif" width="6px" height="4px">';
	}
	else closeSpreadBox();
	
	return false;
}

var request = null;

function sendRequest(url, parameters, func)
{
	try
	{
		// Firefox, Opera 8.0+, Safari
		request = new XMLHttpRequest();
	}
	catch(e)
	{
		// Internet Explorer
		try
		{
			request = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch(e)
		{
			try
			{
				request = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch(e)
			{
				alert("Your browser does not support AJAX!");
				return false;
			}
		}
	}

	request.onreadystatechange = func;
	request.open('POST', url, true);
	request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	request.setRequestHeader("Content-length", parameters.length);
	request.setRequestHeader("Connection", "close");
	request.send(parameters);
}

function loadSubarticle(spanID, divID, show, subarticle)
{
	var span = document.getElementById(spanID);
	var div = document.getElementById(divID);

	if(show)
	{
		sendRequest('/load-subarticle.php', 'load=' + encodeURI(subarticle), function()
		{
			if(request.readyState == 4)
			{
				if(request.status == 200)
				{
					var xmldoc = request.responseXML;
					var error = xmldoc.documentElement.getElementsByTagName('error');

					if(error.length != 0)
					{
						alert(error[0].childNodes[0].nodeValue);
					}
					else
					{
						closeSubarticles();
						closeSpreadBox();

						var content = xmldoc.documentElement.getElementsByTagName('content')[0].childNodes[0].data;

						span.style.margin = '10px 0px 10px 0px';
						span.innerHTML = content;
						div.innerHTML = '<img class="more" src="/images/arrow_up.gif" width="6px" height="4px"><a class="more" href="#" onClick="return loadSubarticle(\'' + spanID + '\', \'' + divID + '\', false, \'' + subarticle + '\');">close</a><img class="more" src="/images/arrow_up.gif" width="6px" height="4px">';
					}

					request = null;
				}
				else
				{
					alert('Your request could not be processed, Error: ' + request.status);
				}
			}
		});
	}
	else
	{
		span.style.margin = '0px';
		span.innerHTML = '';
		div.innerHTML = '<img class="more" src="/images/arrow_down.gif" width="6px" height="4px"><a class="more" href="#" onClick="return loadSubarticle(\'' + spanID + '\', \'' + divID + '\', true, \'' + subarticle + '\');">more</a><img class="more" src="/images/arrow_down.gif" width="6px" height="4px">';
	}
	
	return false;
}

function closeSpreadBox()
{
	var span = document.getElementById('s0');
	var div = document.getElementById('d0');
	
	if(span != null && div != null)
	{
		span.style.height = '215px';
		span.style.overflow = 'hidden';
		div.innerHTML = '<img class="more" src="/images/arrow_down.gif" width="6px" height="4px"><a class="more" href="#" onClick="return change(\'s0\', \'d0\', true);">more</a><img class="more" src="/images/arrow_down.gif" width="6px" height="4px">';
	}
}

function closeSubarticles()
{
	if(boxes != null)
	{
		for(var i = 1; i < boxes.length; i++)
		{
			span = document.getElementById('s' + boxes[i]['id']);
			div = document.getElementById('d' + boxes[i]['id']);

			span.style.margin = '0px';
			span.innerHTML = '';
			div.innerHTML = '<img class="more" src="/images/arrow_down.gif" width="6px" height="4px"><a class="more" href="#" onClick="return loadSubarticle(\'s' + boxes[i]['id'] + '\', \'d' + boxes[i]['id'] + '\', true, \'' + boxes[i]['subarticle'] + '\');">mehr</a><img class="more" src="/images/arrow_down.gif" width="6px" height="4px">';
		}
	}
}