var workflowUserInterfaceEmployeeInfoTimer = null;
var workflowUserInterfaceAreaInfoTimer = null;
var workflowUserInterfaceCurrentAreaID = 0;

String.prototype.repeat = function(l)
{
	return new Array(l+1).join(this);
};

/* define the orgchart layout */
function createOrgchartLayout()
{
	var content = '<div id="orgchartMenu"></div>';
	content += '<div class="orgchartAreas" id="orgchartAreas"></div>';
	content += '<div class="orgchartEmployees" id="orgchartEmployees"></div>';
	content += '<div class="orgchartFooter" id="orgchartFooter"></div>';
	content += '<div id="employeeInfo" class="employeeInfo" style="display: none;"></div>';
	content += '<div id="areaInfo" class="employeeInfo" style="display: none;"></div>';

	var div = $('content_id_4');
	div.innerHTML = content;

	draw_orgchart_folder();
}

/* generates the orgchart menu */
function createOrgchartMenu(organizationID, imagemURL)
{
	var enderecoImagem = '';
	if ((imagemURL != null) && (imagemURL != ''))
		enderecoImagem = imagemURL;
	else
		enderecoImagem = '../index.php?menuaction=workflow.ui_orgchart.graph&organizationID=' + organizationID;

	var content = '<ul class="horizontalMenu">';
	content += '<li><a href="#" onclick="window.open(\'' + enderecoImagem + '\', \'extwindow\'); return false;"><img src="templateFile.php?file=images/Process.gif">&nbsp;&nbsp;Gráfico</a></li>';
	content += '<li><a href="#" onclick="getCostCenters(); return false;"><img src="templateFile.php?file=images/coins.png">&nbsp;Centros de Custo</a></li>';
	content += '<li><a href="#" onclick="getHierarchicalArea(); return false;"><img src="templateFile.php?file=images/orgchart_tree.png">Lista Hierárquica</a></li>';
	content += '<li><a href="#" onclick="getAreaList(); return false;"><img src="templateFile.php?file=images/orgchart_list.png">&nbsp;&nbsp;Lista Alfabética</a></li>';
	content += '<li><a href="#" onclick="getCategoriesList(); return false;"><img src="templateFile.php?file=images/folder_green.png">&nbsp;&nbsp;Listar Vínculos</a></li>';
	content += '<li><a href="#" onclick="printArea(); return false;"><img src="templateFile.php?file=images/imprimir.png" width="16">&nbsp;&nbsp;Imprimir</a></li>';
	content += '<li><a><input type="text" name="search_term" id="search_term" onkeypress="if (((event.which) ? event.which : event.keyCode) == 13) $(\'search_span\').onclick(); return true;" /><span id="search_span" style="cursor: pointer;" onclick="tmp = $$(\'div#orgchartAreas a.destaque\'); if (tmp[0]) tmp[0].removeClassName(\'destaque\'); orgchartSearchEmployee($F(\'search_term\')); return false;">&nbsp;busca</span></a></li>';
	content += '</ul>';
	content += '<br/>';
	content += '<br/>';

	$('orgchartMenu').innerHTML = content;
}

/* load the initial data */
function draw_orgchart_folder()
{
	$('orgchartMenu').innerHTML = '';
	$('orgchartAreas').innerHTML = '';
	$('orgchartEmployees').innerHTML = '<br/><br/><br/><br/><center><i>&nbsp;&nbsp;carregando...<br/><img src="templateFile.php?file=images/loading.gif"></i></center>';
	$('orgchartFooter').innerHTML = '';
	$('orgchartMenu').innerHTML = '';

	cExecute("$this.bo_userinterface.orgchart", orgchart, "");
}

/* process the initial data */
function orgchart(data)
{
	if (_checkError(data))
		return;

	/* in case of any warning */
	if (data['warning'])
	{
		$('content_id_4').innerHTML = '<br/><br/><center><strong>' + data['warning'] + '</strong></center><br/><br/>';
		return;
	}

	if (data['areas'].length == 0)
	{
		$('content_id_4').innerHTML = "<br/><br/><center><strong>Nenhuma área cadastrada.</strong></center><br/><br/>";
		return;
	}

	/* continue displaying the data */
	displayHierarchicalAreas(data['areas']);
	createOrgchartMenu(data['organizacao_id'], data['url_imagem']);
	$('orgchartEmployees').innerHTML = '<br/><br/><br/><br/><center><i>faça uma busca ou clique em uma área para ver a lista de funcionários</i></center>';
}

function displayCostCenters(data)
{
	if (_checkError(data))
		return;

	var div = $('orgchartEmployees');
	if (data.length == 0)
	{
		div.innerHTML = '<br/><br/><center><strong>Nenhum registro encontrado</strong></center>';
		return;
	}

	var content = '<center><h3>CENTROS DE CUSTO</strong></h3>';
	content += '<table class="employeeList">';
	content += '<tr><th>Nome</th><th>Número</th><th>Grupo</th></tr>';
	var current;
	var costCentersCount = data.length;
	for (var i = 0; i < costCentersCount; i++)
	{
		current = data[i];
		content += '<tr class="linha'+ i%2 + '">';
		content += '<td>' + current['descricao'] + '</td>';
		content += '<td>' + current['nm_centro_custo'] + '</td>';
		content += '<td>' + current['grupo'] + '</td>';
		content += '</tr>';
	}
	content += '</table>';
	div.innerHTML = content;
}

function displayHierarchicalAreas(data)
{
	if (_checkError(data))
		return;

	function recursivePrint(subdata)
	{
		for (var i = 0; i < subdata.length; i++)
		{
			div.innerHTML += '<br />' + '&nbsp;&nbsp;&nbsp;&nbsp;'.repeat(subdata[i]['depth']) + '<a href="javascript:void(0)" id="area_' + subdata[i]['area_id'] + '" onmouseover="getAreaInfoTimer(event, ' + subdata[i]['area_id'] + '); return false;" onmouseout="hideAreaInfo(); return false;" onclick="tmp = $$(\'div#orgchartAreas a.destaque\'); if (tmp[0]) tmp[0].removeClassName(\'destaque\'); this.addClassName(\'destaque\'); loadAreaEmployees(' + subdata[i]['area_id'] + ')">' + subdata[i]['sigla'] + '</a>';
			if (subdata[i]['children'].length > 0)
				recursivePrint(subdata[i]['children']);
		}
	}

	var div = $('orgchartAreas');
	div.innerHTML = "<center><strong>ÁREAS</strong></center>";
	recursivePrint(data);
}

function getCostCenters()
{
	cExecute("$this.bo_userinterface.getCostCenters", displayCostCenters, "");
}

function getHierarchicalArea()
{
	cExecute("$this.bo_userinterface.getHierarchicalArea", displayHierarchicalAreas, "");
}

function getAreaList()
{
	cExecute("$this.bo_userinterface.getAreaList", displayHierarchicalAreas, "");
}

function getCategoriesList()
{
	function resultGetCategoriesList(data)
	{
		if (_checkError(data))
			return;

		var content = '<center><strong>VÍNCULOS</strong></center>';
		for (var i = 0; i < data.length; i++)
			content += '<br/>' + '&nbsp;&nbsp;<a href="javascript:void(0)" id="categoria_' + data[i]['funcionario_categoria_id'] + '" onclick="tmp = $$(\'div#orgchartAreas a.destaque\'); if (tmp[0]) tmp[0].removeClassName(\'destaque\'); this.addClassName(\'destaque\'); loadCategoryEmployees(' + data[i]['funcionario_categoria_id'] + ')">' + data[i]['descricao'] + ' (' + data[i]['contagem'] + ')</a>';
		content += '<br/><br/>';
		$('orgchartAreas').innerHTML = content;
	}

	cExecute("$this.bo_userinterface.getCategoriesList", resultGetCategoriesList, "");
}

function printEmployeesHandler(data)
{
	/* check for errors */
	if (_checkError(data))
		return;

	var div = $('orgchartEmployees');

	/* no employee to list */
	if (data['employees'].length == 0)
	{
		div.innerHTML = '<br/><br/><center><strong>Nenhum registro encontrado</strong></center>';
		return;
	}

	/* initialize varivables */
	var content = '';
	var employees = data['employees'];
	var useCategories = false;
	var useArea = false;

	/* check the informations that will be displayed */
	if (data['categories'])
		if (data['categories'].length > 1)
			useCategories = true;
	if (employees[0]['area'])
		useArea = true;

	/* build the display table (headers)*/
	content += '<table id="employeeList" class="employeeList" style="clear: both">';
	content += '<tr>';
	content += '<th>Funcionário</th>';
	if (useArea)
		content += '<th>Área</th>';
	content += '<th>Telefone</th>';
	content += '</tr>';

	/* if available, insert a menu to filter the categories */
	if (useCategories)
	{
		content += '<tr><td colspan="' + (useArea ? '3' : '2') + '">';
		content += '<ul class="horizontalMenu">';
		for (var i = 0; i < data['categories'].length; i++)
			content += '<li><a href="#" style="height: 2em; line-height: 2em;" onclick="highlightCategory(' + data['categories'][i]['funcionario_categoria_id'] + '); return false;">' + data['categories'][i]['descricao'] + ' (' + data['categories'][i]['contagem'] + ')</a></li>';
		content += '</ul>';
		content += '</td></tr>';
	}

	/* list the employees */
	var complement = '';
	for (var i = 0; i < employees.length; i++)
	{
		if (employees[i]['chief'])
			complement = ' <strong>(' + ((employees[i]['chief'] == 1) ? 'Titular' : 'Substituto') + ')</strong>';
		else
			complement = '';
		if (employees[i]['removed'])
			complement += ' <font color="red">(excluído)</font>';
		content += '<tr class="linha'+ i%2 + (useCategories ? ' categoria_' + employees[i]['funcionario_categoria_id'] : '') + '">';
		content += '<td><a href="javascript:void(0);" onmouseover="getEmployeeInfoTimer(event, ' + employees[i]['funcionario_id'] + '); return false;" onmouseout="hideEmployeeInfo(); return false;">' + employees[i]['cn'] + complement + '</a></td>';
		if (useArea)
			content += '<td>' + employees[i]['area'] + '</td>';
		content += '<td align="center">' + employees[i]['telephoneNumber'] + '</td>';
		content += '</tr>';
	}
	content += '</table>';

	/* display the employees list and go to the top of the page */
	div.innerHTML = content;
	window.scrollTo(0,0);
}

function highlightCategory(categoryID)
{
	var rows = $('employeeList').childNodes[0].childNodes;
	var categoryClass = 'categoria_' + categoryID;

	var highlightClass = '';
	var row;
	for (var i = 1; i < rows.length; i++)
	{
		row = $(rows[i]);
		/* in case alternated color rows are needed, just change the second 'highlight0' to something else (e.g. 'highlight1' which is alread defined) */
		highlightClass = row.hasClassName('linha0') ? 'highlight0' : 'highlight0';
		if (row.hasClassName(categoryClass))
			row.addClassName(highlightClass);
		else
			row.removeClassName(highlightClass);
	}
}

function loadAreaEmployees(areaID)
{
	workflowUserInterfaceCurrentAreaID = areaID;
	cExecute('$this.bo_userinterface.getAreaEmployees', printEmployeesHandler, 'areaID=' + areaID);
}

function loadCategoryEmployees(categoryID)
{
	workflowUserInterfaceCurrentAreaID = 0;
	cExecute('$this.bo_userinterface.getCategoryEmployees', printEmployeesHandler, 'categoryID=' + categoryID);
}

function orgchartSearchEmployee(searchTerm)
{
	workflowUserInterfaceCurrentAreaID = 0;
	cExecute('$this.bo_userinterface.searchEmployee', printEmployeesHandler, 'searchTerm=' + searchTerm);
}

function printArea()
{
	if (workflowUserInterfaceCurrentAreaID == 0)
		if (!confirm('Tem certeza de que deseja imprimir todo o Organograma?'))
			return false;
	var endereco = '../index.php?menuaction=workflow.ui_userinterface.printArea&areaID=' + workflowUserInterfaceCurrentAreaID;
	window.open(endereco, 'extwindow');
}

function getEmployeeInfoTimer(e, employeeID)
{
	var div = $('employeeInfo');
	div.style.left = (Event.pointerX(e) + 20) + 'px';
	div.style.top = (Event.pointerY(e) + 14) + 'px';

	if (workflowUserInterfaceEmployeeInfoTimer != null)
	{
		workflowUserInterfaceEmployeeInfoTimer = clearTimeout(workflowUserInterfaceEmployeeInfoTimer);
		workflowUserInterfaceEmployeeInfoTimer = null;
	}

	workflowUserInterfaceEmployeeInfoTimer = setTimeout('getEmployeeInfo(' + employeeID + ')', 500);
}

function getEmployeeInfo(employeeID)
{
	function resultGetEmployeeInfo(data)
	{
		if (workflowUserInterfaceEmployeeInfoTimer == null)
			return;

		workflowUserInterfaceEmployeeInfoTimer = clearTimeout(workflowUserInterfaceEmployeeInfoTimer);
		workflowUserInterfaceEmployeeInfoTimer = null;

		var content = '';
		content += '<table><tr><td valign="top">';
		content += '<img src="showUserPicture.php?userID=' + employeeID + '"/>';
		content += '</td><td valign="top" style="padding-left: 12px;">';
		for (var i = 0; i < data['info'].length; i++)
			content += '<strong>' + data['info'][i]['name'] + '</strong>: ' + data['info'][i]['value'] + '<br/>';

		content += '</td></tr></table>';
		var pageYLimit = document.body.scrollTop + document.body.clientHeight;
		var div = $('employeeInfo');
		div.innerHTML = content;

		if ((parseInt(div.style.top.replace(/px/g, '')) + div.getHeight()) > pageYLimit)
			div.style.top = (parseInt(div.style.top.replace(/px/g, '')) - (div.getHeight())) + 'px';
		div.show();
	}
	cExecute('$this.bo_userinterface.getEmployeeInfo', resultGetEmployeeInfo, 'funcionario_id=' + employeeID);
}

function hideEmployeeInfo()
{
	if (workflowUserInterfaceEmployeeInfoTimer != null)
	{
		workflowUserInterfaceEmployeeInfoTimer = clearTimeout(workflowUserInterfaceEmployeeInfoTimer);
		workflowUserInterfaceEmployeeInfoTimer = null;
	}
	$('employeeInfo').hide();
}

function getAreaInfoTimer(e, areaID)
{
	var div = $('areaInfo');
	div.style.left = (Event.pointerX(e) + 20) + 'px';
	div.style.top = (Event.pointerY(e) + 14) + 'px';

	if (workflowUserInterfaceAreaInfoTimer != null)
	{
		workflowUserInterfaceAreaInfoTimer = clearTimeout(workflowUserInterfaceAreaInfoTimer);
		workflowUserInterfaceAreaInfoTimer = null;
	}

	workflowUserInterfaceAreaInfoTimer = setTimeout('getAreaInfo(' + areaID + ')', 500);
}

function getAreaInfo(areaID)
{
	function resultGetAreaInfo(data)
	{
		if (workflowUserInterfaceAreaInfoTimer == null)
			return;

		workflowUserInterfaceAreaInfoTimer = clearTimeout(workflowUserInterfaceAreaInfoTimer);
		workflowUserInterfaceAreaInfoTimer = null;

		var content = '';
		content += '<table><tr>';
		content += '<td valign="top" style="padding-left: 12px;">';
		for (var i = 0; i < data['info'].length; i++)
			content += '<strong>' + data['info'][i]['name'] + '</strong>: ' + data['info'][i]['value'] + '<br/>';

		content += '</td></tr></table>';
		var pageYLimit = document.body.scrollTop + document.body.clientHeight;
		var div = $('areaInfo');
		div.innerHTML = content;

		if ((parseInt(div.style.top.replace(/px/g, '')) + div.getHeight()) > pageYLimit)
			div.style.top = (parseInt(div.style.top.replace(/px/g, '')) - (div.getHeight())) + 'px';
		div.show();
	}
	cExecute('$this.bo_userinterface.getAreaInfo', resultGetAreaInfo, 'area_id=' + areaID);
}

function hideAreaInfo()
{
	if (workflowUserInterfaceAreaInfoTimer != null)
	{
		workflowUserInterfaceAreaInfoTimer = clearTimeout(workflowUserInterfaceAreaInfoTimer);
		workflowUserInterfaceAreaInfoTimer = null;
	}
	$('areaInfo').hide();
}