var iInitTreePanelWidth = 250;

function disableTopAreaFullHeight(id) {
    var obj = document.getElementById(id);
    if  (obj == null) return;
	var panel = findPos(obj);
	disableTopAreaWithoutId(1000,obj.offsetWidth,window.screen.height-200,panel[0],panel[1]);
}

function disableBottomAreaFullHeight(id) {
    var obj = document.getElementById(id);
    if  (obj == null) return;
	var panel = findPos(obj);
	disableBottomAreaWithoutId(1000,obj.offsetWidth,window.screen.height-200,panel[0],panel[1]);
}

function disableTopArea(id) {
    var obj = document.getElementById(id);
	var panel = findPos(obj);
	disableTopAreaWithoutId(1000,obj.offsetWidth,obj.offsetHeight,panel[0],panel[1]);
}

function disableBottomArea(id) {
    var obj = document.getElementById(id);
	var panel = findPos(obj);
	disableBottomAreaWithoutId(1000,obj.offsetWidth,obj.offsetHeight,panel[0],panel[1]);
}

function disableTopAreaWithoutId(zIndex, width, height, left, top) {
    var structuredUserAssignmentDTCover = document.getElementById('structuredUserAssignmentDTTopCover');
	structuredUserAssignmentDTCover.style.left = left;
	structuredUserAssignmentDTCover.style.top = top;

	structuredUserAssignmentDTCover.style.zIndex = zIndex;
	structuredUserAssignmentDTCover.style.height = height;
	structuredUserAssignmentDTCover.style.width = width;
	structuredUserAssignmentDTCover.style.visibility = "visible";
}

function disableBottomAreaWithoutId(zIndex, width, height, left, top) {
    var structuredUserAssignmentDTCover = document.getElementById('structuredUserAssignmentDTBottomCover');
	structuredUserAssignmentDTCover.style.left = left;
	structuredUserAssignmentDTCover.style.top = top;

	structuredUserAssignmentDTCover.style.zIndex = zIndex;
	structuredUserAssignmentDTCover.style.height = height;
	structuredUserAssignmentDTCover.style.width = width;
	structuredUserAssignmentDTCover.style.visibility = "visible";
}

function enableArea() {
    var structuredUserAssignmentDTCover = document.getElementById('structuredUserAssignmentDTTopCover');
	structuredUserAssignmentDTCover.style.zIndex = 0;
	structuredUserAssignmentDTCover.style.height = 0;
	structuredUserAssignmentDTCover.visibility = "hidden";

    structuredUserAssignmentDTCover = document.getElementById('structuredUserAssignmentDTBottomCover');
	structuredUserAssignmentDTCover.style.zIndex = 0;
	structuredUserAssignmentDTCover.style.height = 0;
	structuredUserAssignmentDTCover.visibility = "hidden";
}

function coverElement(objId) {
    var obj = document.getElementById(objId);
	if(obj == null) {
		return;
	}
	unCoverElement(objId);
	var panel	= findPos(obj);
	var zIndex	= 1000;
	var width	= obj.offsetWidth;
	var height	= obj.offsetHeight;
	var left	= panel[0];
	var top		= panel[1];
	var coverId	= objId + "_CoveredElement";
    var cover	= document.createElement('div');
	cover.setAttribute('id', coverId);
	cover.style.position	= "absolute";
	cover.style.visibility	= "visible";
	cover.style.background	= "#F3F3F3";
	cover.style.filter		= "alpha(opacity = 1)";
	cover.style.opacity		= "1";
	cover.style.left		= left;
	cover.style.top			= top;
	cover.style.zIndex		= zIndex;
	cover.style.height		= height;
	cover.style.width		= width;
	document.body.appendChild(cover);
}

function unCoverElement(objId) {
    var obj = document.getElementById(objId);
	if(obj == null) {
		return;
	}
	var coverId	= objId + "_CoveredElement";
	obj = document.getElementById(coverId);
	if(obj == null) {
		return;
	}
	var parent = obj.parentNode;
	parent.removeChild(obj);
}

function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		do {
		  curleft += obj.offsetLeft;
		  curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	return [curleft,curtop];
}

function initTree() {
	var structuredUserAssignmentDTCover = document.getElementById("structuredUserAssignmentDTTopCover");
	if (structuredUserAssignmentDTCover !=  null)
		structuredUserAssignmentDTCover.style.width = this.iInitTreePanelWidth + "px";

	var selectEmissionSourcesPanel = document.getElementById("selectEmissionSourcesPanel");

	if (selectEmissionSourcesPanel != null) {
		var selectAssetPanel = document.getElementById("selectAssetPanel");
		if (selectAssetPanel == null) { 
			disableTopAreaFullHeight("selectEmissionSourcesPanel");
			disableSelectEmissionSourcesPanel();
		}
	}
}
function getBGColor(component, assetId, selectedId) {
	var parent = component.parentNode;
	bg_color = '#FFFFFF';
	for (i=0; i < parent.childNodes.length; i++) {
		var childNode = parent.childNodes[i];
		childNode.style.backgroundColor=bg_color;
		if (bg_color == '#FFFFFF') {
			bg_color = '#EFFAEE';
		}
		else {
			bg_color='#FFFFFF';
		}
	}
	component.style.backgroundColor ='#C7DAD8';
}