var codes = 0;
function getElementLeft(Elem) {
	var elem = document.getElementById(Elem);
	xPos = elem.offsetLeft;
	tempEl = elem.offsetParent;

  		while (tempEl != null) {
  			xPos += tempEl.offsetLeft;
	  		tempEl = tempEl.offsetParent;
  		}

	return xPos;
}

function getElementTop(Elem) {
	var elem = document.getElementById(Elem);
	yPos = elem.offsetTop;

	tempEl = elem.offsetParent;

		while (tempEl != null) {
  			yPos += tempEl.offsetTop;
	  		tempEl = tempEl.offsetParent;
  		}
	return yPos;
}

function getElementHeight(Elem) {
	var elem = document.getElementById(Elem);
	return elem.offsetHeight;
}

function getElementWidth(Elem) {

	var elem = document.getElementById(Elem);
	return elem.offsetWidth;
}

function isInside(Elem, event)
{
	var X = event.clientX;
	var Y = event.clientY;

	var Ewidth = getElementWidth(Elem);
	var Eheight = getElementHeight(Elem);
	var Eleft = getElementLeft(Elem);
	var Etop = getElementTop(Elem);

	if((X>Eleft)&&(X<(Eleft+Ewidth))&&(Y>Etop)&&(Y<(Etop+Eheight)))
	{ return true;	}
	else
	{ return false; }
}

function prepareUserSpace()
{
	var W = getElementWidth('mainmenu') - 160;
	var X = getElementLeft('mainmenu') + 160;
	var T = getElementTop('mainmenu')+getElementHeight('mainmenu') + 35;

	document.getElementById('UserSpace').style.left = X;
	document.getElementById('UserSpace').style.width = W;
	document.getElementById('UserSpace').style.top = T;
}

function StartCodeObj()
{
	document.write("</Echapter><table class=\"codeheader\" cellpadding=0 cellspacing=0>\n\t<tr>\n\t<td class=\"codeheader\"><img src=\"./Images/code-header-left.gif\" /></td>\n\t<td class=\"codeheader\"></td>\n\t<td class=\"codeheader\" style=\"text-align: right;\"><img src=\"./Images/code-header-right-4.gif\" /><img src=\"./Images/code-header-right-3.gif\" style=\"cursor: pointer;\" onClick=\"Javascript:ToggleCodeObj("+codes+");\"/><img src=\"./Images/code-header-right-2.gif\" style=\"cursor: pointer;\" /><img src=\"./Images/code-header-right-1.gif\" /></td>\n\t</tr>\n\t</table>");	
	document.write("<table class=\"code\" cellpadding=0 cellspacing=0 id=\"CodeTable"+codes+"\"><tr><td class=\"code\" style=\"background-image: url('./Images/code-border-left.gif'); width:5px;\"></td><td class=\"code\" style=\"background-color: #000000; padding: 5px; padding-left: 10px;\">");
	codes++;
}

function EndCodeObj()
{
	document.write("</td><td class=\"code\" style=\"background-image: url('./Images/code-border-right.gif'); width: 5px;\"></td></tr></table>");
	document.write("<table class=\"codefooter\" cellpadding=0 cellspacing=0>\n\t<tr>\n\t<td class=\"codefooter\"><img src=\"./Images/code-footer-left.gif\" /></td>\n\t<td class=\"codefooter\"></td>\n\t<td class=\"codefooter\" style=\"text-align: right;\"><img src=\"./Images/code-footer-right.gif\" /></td>\n\t</tr>\n\t</table><Echapter>");
}

function ToggleCodeObj(Cid)
{
	if(document.getElementById('CodeTable'+Cid).style.display == 'none')
		document.getElementById('CodeTable'+Cid).style.display = '';
	else
		document.getElementById('CodeTable'+Cid).style.display = 'none';
}