/*==================================================================
deselvolvido por walquíria - AM4
==================================================================*/

//variáveis de configuração
var obj = new Array();
var ico_expand_off = "../images/ico_minimizar.gif";
var ico_expand_on = "../images/simb_mais.gif";
var ico_fechar = "../images/ico_fechar.gif";

function exibeBox(url, codigo, permiteMin, permiteFechar, permiteDrag, tipo){
	var raiz = document.getElementById("dragableElements"+tipo+"Box");
	
	var box = createEl('div', 'boxContent');
	box.id="div"+codigo;
	if(permiteDrag==1)
		box.setAttribute("dragableBox", "true");
	box.setAttribute("codigo", codigo);
	
	raiz.appendChild(box);
	
	var ajaxIndex = obj.length;
	obj[ajaxIndex] = new sack();
	obj[ajaxIndex].requestFile = url;
	obj[ajaxIndex].onCompletion = function(){configuraConteudo(codigo, obj[ajaxIndex], permiteMin, permiteFechar, tipo); };
	obj[ajaxIndex].runAJAX();
}

function configuraConteudo(codigo, obj, permiteMin, permiteFechar, tipo){
	var conteudo = obj.response.split("##");
	//criando o box
	var box=document.getElementById('div'+codigo);
	box.className = box.className+' '+conteudo[1];
	
	//configurando cabeçalho
	var header = createEl('div','boxHeader'+tipo);	
	header.id='header'+codigo;
	var textDiv = document.createElement('DIV');
	textDiv.className = 'boxTitulo';
	textDiv.innerHTML=conteudo[0];
	header.appendChild(textDiv);
	
	if(permiteMin==1){
		var divImage = document.createElement('DIV');
		divImage.className = 'boxExpand'+tipo
		
		var image = document.createElement('IMG');
		image.id='expand'+codigo;
		image.src = ico_expand_off;
		image.style.cursor = 'pointer';
		divImage.appendChild(image);
		
		header.appendChild(divImage);
	}
	
	if(permiteFechar==1){
		var divImage = document.createElement('DIV');
		divImage.className = 'boxFechar'+tipo
		
		var image = document.createElement('IMG');
		image.id='fechar'+codigo;
		image.src = ico_fechar;
		image.style.cursor = 'pointer';
		divImage.appendChild(image);
		
		header.appendChild(divImage);
	}
	
	box.appendChild(header);
	
	var textDiv = document.createElement('DIV');
	textDiv.id = 'conteudo'+codigo;
	textDiv.className = "dragableBoxContent";
	textDiv.innerHTML= conteudo[4];
	textDiv.style.height = conteudo[3];
	box.appendChild(textDiv);
	
	if(permiteMin==1)
		adicionaEvento(document.getElementById('expand'+codigo), "click", expandBox);
	if(permiteFechar==1)
		adicionaEvento(document.getElementById('fechar'+codigo), "click", fechaBox);

	if(tipo=='Parent'){
		adicionaEvento(document.getElementById('header'+codigo), "mousedown", initDrag);
		escondeCarregando();
	}
	else
		adicionaEvento(document.getElementById('header'+codigo), "mousedown", lat_initDrag);

	box.style.width = conteudo[2];
}

function cancelaEvento(e){
	if (!e) e = window.event;
    if (e.preventDefault) {
        e.preventDefault();
    } else {
        e.returnValue = false;
    }
}
function fechaBox(e){
	criaEventAndThis(e);
	codigo = source.parentNode.parentNode.parentNode.getAttribute("codigo");

	var d=document.getElementById("div"+codigo).parentNode;
	if(d.childNodes.length>0)
			d.removeChild(document.getElementById("div"+codigo))
	stop_dragDropElement();
}
function expandBox(e){
	criaEventAndThis(e);
	codigo = source.parentNode.parentNode.parentNode.getAttribute("codigo");

	var r = document.getElementById('conteudo'+codigo);
	var ex = document.getElementById('expand'+codigo);
	if(r.style.display=='none'){
		r.style.display='block';
		ex.src=ico_expand_off;
	}
	else{
		r.style.display='none';
		ex.src=ico_expand_on;
	}
}
function adicionaEvento(campo, evento, funcao){
	if (campo.addEventListener)
		campo.addEventListener(evento, funcao, true);
	if (campo.attachEvent)
		campo.attachEvent("on"+evento, funcao);
}

function criaEventAndThis(e){
	if(typeof(e)=='undefined')var e=window.event;
	source=e.target?e.target:e.srcElement;
	if(source.nodeType == 3)source = source.parentNode;
}

function createEl(t, c){
	var x=document.createElement(t);
	x.className=c;
	x.style.display="";
	return(x);
}
function mostraCarregando(){
	if(document.getElementById("clear"))
		document.getElementById("clear").innerHTML="<span class='texto_esporte'>Carregando conte&uacute;do...</span>";
}
function escondeCarregando(){
	if(document.getElementById("clear"))
		document.getElementById("clear").innerHTML="";
}