
function get_area_start(title, width, title_onClick, area_width, idConteudo, visivel)
{
	var Ret = "<a href='"+title_onClick+";' class='topo1' style='width:"+width+"'>"+title+"</a>";
	if (visivel=="visible") {
		Ret = Ret +"<div id='"+idConteudo+"' style='margin:0px;padding:0px;width:"+width+"'>";
	} else {
		Ret = Ret +"<div id='"+idConteudo+"' style='margin:0px;padding:0px;display:none;width:"+width+"'>";
	}
	return(Ret);
}

function Draw_Area_Start(title, width, title_onClick, area_width, idConteudo, visivel)
{
	var Ret = get_area_start(title, width, title_onClick, area_width, idConteudo, visivel);
	document.write(Ret);
}

// -------------------------------------------------------------------------------------------
function get_area_end()
{
	return('</div>');
}

function Draw_Area_End()
{
	document.write(get_area_end());
}
// -------------------------------------------------------------------------------------------
function Draw_Butao2(nome, mylink, w)
{
	ret = "<table cellspacing=0 cellpadding=0 width='"+w+"'><tr><td width=1><img src='images/butao2_l.gif'></td>";
	ret = ret+"<td align='center' background='images/butao2_c.gif'><a href='"+mylink+"' class='butao2'>&nbsp;"+nome+"&nbsp;</a></td>";
	ret = ret+"<td width=1><img src='images/butao2_r.gif'></td>";
	ret = ret+"</td></tr></table>";
	document.write(ret);
//	return(ret);
}
// -------------------------------------------------------------------------------------------
function Draw_Butao2_selected(nome, mylink, w)
{
	ret = "<table cellspacing=0 cellpadding=0 width='"+w+"'><tr><td width=1><img src='images/butao2_l.gif'></td>";
	ret = ret+"<td align='center' background='images/butao2_c.gif'><a href='"+mylink+"' class='butao2on'>&nbsp;"+nome+"&nbsp;</a></td>";
	ret = ret+"<td width=1><img src='images/butao2_r.gif'></td>";
	ret = ret+"</td></tr></table>";
	document.write(ret);
//	return(ret);
}
// -------------------------------------------------------------------------------------------
function toogle(id)
{
//filter: DropShadow(Color=#174173, OffX=10, OffY=4, Positive=No);
	if (document.getElementById(id))
	{
		if (document.getElementById(id).style.display=="") document.getElementById(id).style.display="none"
		else document.getElementById(id).style.display="";
	}
}
function Show(id)
{
	if (document.getElementById(id))
	{
		document.getElementById(id).style.display="";
	}
}
function Hide(id)
{
	if (document.getElementById(id))
	{
		document.getElementById(id).style.display="none";
	}
}
function ShowId(id)
{
	var obj = document.getElementById(id);
	if (obj)
	{
		obj.style.display="";
	}
}
function HideId(id)
{
	var obj = document.getElementById(id);
	if (obj)
	{
		obj.style.display="none";
	}
}

function ToogleId(id)
{
	var obj = document.getElementById(id);
	if (obj)
	{
		if (obj.style.display=="") obj.style.display="none";
		else obj.style.display="";
	}
}
function VisibleId(id)
{
	var obj = document.getElementById(id);
	if (obj)
	{
		obj.style.visibility="visible";
	}
}

function InvisibleId(id)
{
	var obj = document.getElementById(id);
	if (obj)
	{
		obj.style.visibility="hidden";
	}
}

/****************************************************************************/
function FormatTable(tableid, selx, sely, updown, firstRow)
{
	var myTable = document.getElementById(tableid);
	if (myTable)
	{
		myTable.className="result-table";
		var html = "";
		var i;
		for (j=0;j<myTable.rows.length;j++)
		{
			var row = myTable.rows[j];
			if (row.className!="selected")
			{
				if ((j%2)==0) row.className = "even";
				else row.className = "odd";
			}
			for (i=0;i<row.cells.length;i++)
			{
				var cell = row.cells[i];
				if (j==firstRow) classPre = "title";
				else classPre = "td";
				if (i==0) 
					cell.className = classPre+"0";
				else 
					cell.className = classPre;
					
				if ((i==0)&&(i==selx))
				{
					if (updown==0) 
						cell.className = classPre+"0-sel-up";
					else
					{
						if (updown==1) cell.className = classPre+"0-sel-down";
						else cell.className = classPre+"0-sel";
					}
				}
				if (j==firstRow){
					if ((i!=0)&&(i==selx))
					{
						if (updown==0) 
							cell.className = classPre+"-sel-up";
						else
						{
							if (updown==1) cell.className = classPre+"-sel-down";
							else cell.className = classPre+"-sel";
						}
					}
				}
				else
				{
					if (i==0) 
					{
						if (i==selx) cell.className = classPre+"0-sel";
						else cell.className = classPre+"0";
					}
					else 
					{
						if (i==selx) cell.className = classPre+"-sel";
						else cell.className = classPre;
					}
				}
			
			}
		}
	}
}

function SetTableRow(tableid, n, cssStyle)
{
	var myTable = document.getElementById(tableid);
	if (myTable)
	{
		for (j=0;j<myTable.rows.length;j++)
		{
			var row = myTable.rows[j];
			if (row.className == cssStyle)
			{
				if ((j%2)==1) row.className = "even";
				else row.className = "odd";	
			}
			if (j==n)
			{
				row.className = cssStyle;
			}
		}
	}
}

function FastOrder(myOrder, currentOrder)
{
	var auxOrder = parseInt(currentOrder/10);
	var updown = parseInt(currentOrder%10);
	if (myOrder == auxOrder)
	{
		updown = (updown+1)%2;
	}
	else
	{
		updown = 0;
	}
	Order(myOrder+""+updown);
}

function draw_butao(id, text, url, style){
	var html = '';
//	html += '<div onclick="'+url+'" class="'+style+'" id="'+id+'"><table cellpadding="0" cellspacing="0"><tr><td class="texto">'+text+'</td><td class="fim"></td></tr></table></div>';
	html += '<a href="#'+id+'" onclick="'+url+'" class="'+style+'" id="'+id+'"><table cellpadding="0" cellspacing="0"><tr><td class="texto">'+text+'</td><td class="fim"></td></tr></table></a>';
	document.write(html);
}
function get_butao(id, text, url, style){
	var html = '';
//	html += '<div onclick="'+url+'" class="'+style+'" id="'+id+'"><table cellpadding="0" cellspacing="0"><tr><td class="texto">'+text+'</td><td class="fim"></td></tr></table></div>';
	html += '<a href="#'+id+'" onclick="'+url+'" class="'+style+'" id="'+id+'"><table cellpadding="0" cellspacing="0"><tr><td class="texto">'+text+'</td><td class="fim"></td></tr></table></a>';
	return(html);
}

function DrawGrayBar(str)
{
	var html = '<table class="graybar" cellpadding="0" cellspacing="0" border="0" width="100%">';
	html += '<tr>';
	html += '	<td class="start" height="37"><span class="title">'+str+'</span></td>';
	html += '	<td class="end" width="17">&nbsp;</td>';
	html += '</tr>';
	html += '</table>';
	document.write(html);
}
function getDrawGrayBar(str)
{
	var html = '<table class="graybar" cellpadding="0" cellspacing="0" border="0" width="100%">';
	html += '<tr>';
	html += '	<td class="start" height="37"><span class="title">'+str+'</span></td>';
	html += '	<td class="end" width="17">&nbsp;</td>';
	html += '</tr>';
	html += '</table>';
	return(html);
}

function DrawRedBar(str)
{
	var html = '<table class="redbar" cellpadding="0" cellspacing="0" border="0" width="100%">';
	html += '<tr>';
	html += '	<td class="start" height="37"><span class="title">'+str+'</span></td>';
	html += '	<td class="end" width="17">&nbsp;</td>';
	html += '</tr>';
	html += '</table>';
	document.write(html);
}

function SetClassOfId(id, className)
{
	var obj = document.getElementById(id);
	if (obj){
		obj.className = className;
	}
}
function SetTextOfId(id, text)
{
	var obj = document.getElementById(id);
	if (obj) obj.innerHTML = text;
}
function setHeightId(id, h)
{
	var obj = document.getElementById(id);
	if (obj) obj.style.height = h+"px";
}
//---------------------------------------------------------------------------------------------------------------------------
function draw_blackbox_start()
{
	var html = '';
	html += '<table cellpadding="0" cellspacing="0" border="0" width="100%" class="blackbox">';
	html += '<tr>';
	html += '	<td class="top"></td>';
	html += '	<td><img src="images/blackbox-1.png" width="10" height="10"></td>';
	html += '</tr>';
	html += '<tr>';
	html += '	<td class="center" valign="top" align="justify">';
	document.write(html);
}

function draw_blackbox_end()
{
	var html = '';
	html += '	</td>';
	html += '	<td style="background:url(images/blackbox-2.png) repeat-y" width="13"><div style="width:13px;">&nbsp;</div></td>';
	html += '</tr>';
	html += '<tr style="font-size:1px;">';
	html += '	<td class="bottom">&nbsp;</td>';
	html += '	<td><img src="images/blackbox-3.png" width="10" height="11">&nbsp;</td>';
	html += '</tr>';
	html += '</table>';
	document.write(html);
}

function toogleChkb(id, obj)
{
	var obj2 = document.getElementById(id);
	if ((obj)&&(obj2))
	{
		if (obj.value==1)
		{
			obj.value=0;
			obj2.className = "chkb";
		}
		else
		{
			obj.value=1;
			obj2.className = "chkb-on";
		}
	}
}
function uncheckChkb(id, obj)
{
	var obj2 = document.getElementById(id);
	if ((obj)&&(obj2))
	{
		obj.value=0;
		obj2.className = "chkb";
	}
}
function checkChkb(id, obj)
{
	var obj2 = document.getElementById(id);
	if ((obj)&&(obj2))
	{
		obj.value=1;
		obj2.className = "chkb-on";
	}
}

function ShowHideLayerWithChkb(obj, layerid) {

	if ((obj)) {
		if (obj.value==1) {
		  document.getElementById(layerid).style.display="";
		} else {
		  document.getElementById(layerid).style.display="none";
		}
	}

}

function FillTag(str, tag)
{
	var straux = str; 
	straux = straux.replace("<TAG>", tag);
	return(straux);
}

/*******************************************************************************************************************/
function getElementHeight(Elem) {
	if (ns4) {
		var elem = getObjNN4(document, Elem);
		return elem.clip.height;
	} else {
		if(document.getElementById) {
			var elem = document.getElementById(Elem);
		} else if (document.all){
			var elem = document.all[Elem];
		}
		if (op5) { 
			xPos = elem.style.pixelHeight;
		} else {
			xPos = elem.offsetHeight;
		}
		return xPos;
	} 
}

function getElementWidth(Elem) {
	if (ns4) {
		var elem = getObjNN4(document, Elem);
		return elem.clip.width;
	} else {
		if(document.getElementById) {
			var elem = document.getElementById(Elem);
		} else if (document.all){
			var elem = document.all[Elem];
		}
		if (op5) {
			xPos = elem.style.pixelWidth;
		} else {
			xPos = elem.offsetWidth;
		}
		return xPos;
	}
}


/*******************************************************************************************************************/
function getHeightOfID(id)
{
	var obj = document.getElementById(id);
	if (obj)
	{
		if (obj.offsetHeight) return(obj.offsetHeight);
		else return(0);
	}
}
/*******************************************************************************************************************/
function sec2time(sec)
{
	var day, month, year;
	var hour, minutes, seconds;
	
	hour = parseInt(sec/(60*60));
	minutes = parseInt((sec-hour*60*60)/60);
	seconds = (sec-hour*60*60-minutes*60);
	return(hour+"h "+minutes+"m "+seconds+"s");
}


function draw_butao_tip(id, text, url, style, tip){
	var html = '';
//	html += '<div onclick="'+url+'" class="'+style+'" id="'+id+'"><table cellpadding="0" cellspacing="0"><tr><td class="texto">'+text+'</td><td class="fim"></td></tr></table></div>';
	html += '<a href="#'+id+'"" onclick="'+url+'" class="'+style+'" id="'+id+'" onmouseover="javascript:timerShowToolTip();" onmousemove="ShowTooltip(\''+tip+'\');" onMouseOut="HideTooltip();"><table cellpadding="0" cellspacing="0"><tr><td class="texto">'+text+'</td><td class="fim"></td></tr></table></a>';
	document.write(html);
}

function get_butaoURL(id, text, url, style){
	var html = '';
//	html += '<div onclick="'+url+'" class="'+style+'" id="'+id+'"><table cellpadding="0" cellspacing="0"><tr><td class="texto">'+text+'</td><td class="fim"></td></tr></table></div>';
//	html += '<a href="#" onclick="'+url+'" class="'+style+'" id="'+id+'"><table cellpadding="0" cellspacing="0"><tr><td class="texto"><a href="'+url+'">'+text+'</a></td><td class="fim"></td></tr></table></a>';
	html += '<a href="#" onclick="'+url+'" class="'+style+'" id="'+id+'"><table cellpadding="0" cellspacing="0"><tr><td class="texto">'+text+'</td><td class="fim"></td></tr></table></a>';
	return(html);
}

function draw_butaoURL(id, text, url, style){
	var html = get_butaoURL(id, text, url, style);
	document.write(html);
}

function drawConsole_butaoURL(id, text, url, style){
	var html = '<a href="'+url+'" class="'+style+'" id="'+id+'"><table cellpadding="0" cellspacing="0"><tr><td class="texto"><a href="'+url+'" style="color:#000000">'+text+'</a></td><td class="fim"></td></tr></table></a>';
	document.write(html);
	return(html);
}

function OnPressEnter(e, jsfunc)
{
	var unicode=e.charCode? e.charCode : e.keyCode
	if (unicode==13)
	{
		eval(jsfunc);
	}
}

