function ChangeBackground(id, color)
{
	document.getElementById(id).style.backgroundColor = color;
}

function DL_GetElementLeft(eElement)
{
	if (!eElement && this)                      // if argument is invalid</font>
	{                                           // (not specified, is <tt>null</tt> or is <tt>0</tt>)</font>
		eElement = this;                        // and function is a method</font>
	}                                           // identify the element as the method owner</font>

	var nLeftPos = eElement.offsetLeft;         // initialize var to store calculations</font>
	var eParElement = eElement.offsetParent;    // identify first offset parent element</font>  
	while (eParElement != null)
	{                                           // move up through element hierarchy</font>
		nLeftPos += eParElement.offsetLeft;     // appending left offset of each parent</font>
		eParElement = eParElement.offsetParent; // until no more offset parents exist</font>
	}
	return nLeftPos;                            // return the number calculated</font>
}

function DL_GetElementTop(eElement)
{
	if (!eElement && this)
	{
		eElement = this;
	}

	var nTopPos = eElement.offsetTop;
	var eParElement = eElement.offsetParent;
	while (eParElement != null)
	{
		nTopPos += eParElement.offsetTop;
		eParElement = eParElement.offsetParent;
	}
	return nTopPos;
}

function repositionShadow()
{
	// linkerbalk
		// top
		document.getElementById('leftdivshadowtop').style.top  = DL_GetElementTop(document.getElementById('tblwebsite'));
		document.getElementById('leftdivshadowtop').style.left = DL_GetElementLeft(document.getElementById('tblwebsite'))-22;

		// midden
		document.getElementById('leftdivshadowmiddle').style.top  = DL_GetElementTop(document.getElementById('tblwebsite'))+200;
		document.getElementById('leftdivshadowmiddle').style.left = DL_GetElementLeft(document.getElementById('tblwebsite'))-22;
		document.getElementById('leftdivshadowmiddle').style.height = document.getElementById('tblwebsite').offsetHeight-380;

		// bottom
		document.getElementById('leftdivshadowbottom').style.top  = DL_GetElementTop(document.getElementById('tblwebsite'))+100+document.getElementById('tblwebsite').offsetHeight-280;
		document.getElementById('leftdivshadowbottom').style.left = DL_GetElementLeft(document.getElementById('tblwebsite'))-22;

	// rechterbalk
		// top
		document.getElementById('rightdivshadowtop').style.top  = DL_GetElementTop(document.getElementById('tblwebsite'));
		document.getElementById('rightdivshadowtop').style.left = DL_GetElementLeft(document.getElementById('tblwebsite'))+723;

		// midden
		document.getElementById('rightdivshadowmiddle').style.top  = DL_GetElementTop(document.getElementById('tblwebsite'))+200;
		document.getElementById('rightdivshadowmiddle').style.left = DL_GetElementLeft(document.getElementById('tblwebsite'))+723;
		document.getElementById('rightdivshadowmiddle').style.height = document.getElementById('tblwebsite').offsetHeight-380;

		// bottom
		document.getElementById('rightdivshadowbottom').style.top  = DL_GetElementTop(document.getElementById('tblwebsite'))+100+document.getElementById('tblwebsite').offsetHeight-280;
		document.getElementById('rightdivshadowbottom').style.left = DL_GetElementLeft(document.getElementById('tblwebsite'))+723;

	// bottom cubes
	document.getElementById('bottomdivcubes').style.top  = DL_GetElementTop(document.getElementById('tblwebsite'))+document.getElementById('tblwebsite').offsetHeight-77;//-125;
	document.getElementById('bottomdivcubes').style.left = DL_GetElementLeft(document.getElementById('tblwebsite'));
}

function homeRedirect(url){
	window.location = 'index.aspx?menuitem=20&pageid=1';
}