function getComponentContainerId(componentId) {
	
	// return part of component id up to and inculding last ":"
	var ix = componentId.lastIndexOf(":");
	
	return componentId.substr(0,ix+1);
	
}

function setViewport() {
	var viewportwidth;
	var viewportheight;

	// the more standards compliant browsers (mozilla/netscape/opera/IE7) use
	// window.innerWidth and window.innerHeight

	if (typeof window.innerWidth != 'undefined') {
		viewportwidth = window.innerWidth, viewportheight = window.innerHeight
	}
	// IE6 in standards compliant mode (i.e. with a valid doctype as the first
	// line in the document)
	else if (typeof document.documentElement != 'undefined'
			&& typeof document.documentElement.clientWidth != 'undefined'
			&& document.documentElement.clientWidth != 0) {
		viewportwidth = document.documentElement.clientWidth,
				viewportheight = document.documentElement.clientHeight
	}
	// older versions of IE
	else {
				viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
				viewportheight = document.getElementsByTagName('body')[0].clientHeight
	}
	
	window.viewportheight = viewportheight;
	window.viewportwidth = viewportwidth;
}

function setIframeColor(e, c) {
//	var ifm = window.frames[e.name];
	
	var ifm = e;

	if(!ifm.contentDocument) {
		//  IE		
		ifm = window.frames[e.name];
	}

	var doc;

	if(ifm.contentDocument) {
		//  Firefox		
		doc = ifm.contentDocument;
	} else {
		// IE
		doc = ifm.document;
	}
		
	doc.body.innerHTML = "<div style=\"background-color:" + c
			+ ";height:100%;width:100%;\"</div>";
	
}

function formatGlassPanel(panelId, op) {

	var gp = document.getElementById(panelId);

	setViewport();

	gp.style.zIndex = 100000;

	gp.style.width = window.viewportwidth + "px";
	gp.style.height = window.viewportheight + "px";

	gp.style.position = "absolute";

	gp.style.left = 0;
	gp.style.top = 0;
	
	// Mozilla / Safari
	gp.style.opacity = op / 100;
	// IE
	gp.style.filter = "alpha(opacity="+op+")";	
	
	gp.style.display = "block";
}

function showMytooltip(daNumba){
	var tooltip = document.getElementById(daNumba);
	if (tooltip.style.display == 'none'){
		tooltip.style.display="block";
		if (typeof document.uniqueID != 'undefined') createIframeTooltip(daNumba);
	} else {
		tooltip.style.display="none";
		if (typeof document.uniqueID != 'undefined') removeIframeTooltip(daNumba);
	}
}

function createIframeTooltip(daNumba)
{
	var overDiv = document.getElementById(daNumba);
    var iframe = document.createElement('iframe');
	iframe.tabIndex = '-1';
    iframe.src = 'javascript:false;';
	overDiv.parentNode.appendChild(iframe);	
    iframe.style.zIndex = 1;
    iframe.style.width = overDiv.offsetWidth;
    iframe.style.height = overDiv.offsetHeight;
    iframe.style.top = overDiv.style.top;
    iframe.style.left = overDiv.style.left + 26;
    iframe.style.display = "block";
    iframe.style.visibility = "visible";
	iframe.style.border = "none";

}

function removeIframeTooltip(daNumba)
{
	var overDiv = document.getElementById(daNumba);
    var layers = overDiv.parentNode.getElementsByTagName('iframe');
    while (layers.length > 0) layers[0].parentNode.removeChild(layers[0]);
}


