// JavaScript Document

///////////////////////  INSERIR CELULA
function inserirCelula(id,autor){
	var form = document.getElementById('formInserir');
	var formIns = document.getElementById('formIns');
	if(formIns){
		form.removeChild(formIns);
	} else {
		var	formIns = document.createElement("div");
		formIns.setAttribute("id","formIns");
		formIns.innerHTML = '<img src="http://www.pirenopolis.tur.br/portal/imagens/icones/carregando.gif" style="margin-top:10px; margin-left: 10px;" alt=""/> Carregando ...';
		form.appendChild(formIns);
		var url = 'http://www.pirenopolis.tur.br/portal/funcoesphp/celulas.php?acao=inserircelula&id='+id+'&autor='+autor;
		requestHTTP("GET",url,true,'corpo');
	}
	
	
}

////////////////////// 	EDITAR CELULA
function editarCelula(idcelula){
	var form = document.getElementById('form'+idcelula);
	var formEditar = document.getElementById('formEditar');
	if(formEditar){
		form.removeChild(formEditar);
	} else {
		var	formEditar = document.createElement("div");
		formEditar.setAttribute("id","formEditar");
		formEditar.innerHTML = '<img src="http://www.pirenopolis.tur.br/portal/imagens/icones/carregando.gif" style="margin-top:10px; margin-left: 10px;" alt=""/> Carregando ...';
		form.appendChild(formEditar);
		var url = 'http://www.pirenopolis.tur.br/portal/funcoesphp/celulas.php?acao=editarcelula&idcelula='+idcelula;
		requestHTTP("GET",url,true,'corpo');
	}
	
}

////////////////////  EXCLUIR CELULA	
function excluirCelula(idcelula,id,posicao){
	alert("ui");
	if(confirm('Tem certeza que deseja excluir esta célula?')){
		var idceluladiv = document.getElementById(idcelula);
		idceluladiv.parentNode.removeChild(idceluladiv);
		var url = 'funcoesphp/celulas.php?acao=excluircelula&idcelula='+idcelula+'&id='+id+'&posicao='+posicao;
		requestHTTP("GET",url,true,'corpo');
	}
}


/////////// TRATA DADOS

function trataDadosCorpo(){
var meuXML = ajax.responseXML;
if(meuXML){
	var raiz = meuXML.documentElement;
	var nodos;
	if(raiz.hasChildNodes()){ 
		nodos = raiz.childNodes;
	}
	/////////////////////  EDITAR CELULA
	if(raiz.getAttribute('title')=="editarcelula"){
		var idcelula=""; var titulo=""; var icotitulo=""; var subtitulo=""; var texto=""; var imagem=""; var alignimg=""; var widthimg=""; var celula=""; var posicao=""; var link=""; var palavraschaves=""; var linkext=""; var autor=""; var galeria=""; var legenda=""; var id="";
		if(nodos[0].firstChild) var idcelula = nodos[0].firstChild.nodeValue;
		if(nodos[1].firstChild) var titulo = nodos[1].firstChild.nodeValue;
		if(nodos[2].firstChild) var icotitulo = nodos[2].firstChild.nodeValue;
		if(nodos[3].firstChild) var subtitulo = nodos[3].firstChild.nodeValue;
		if(nodos[4].firstChild) var texto = nodos[4].firstChild.nodeValue;
		if(nodos[5].firstChild) var imagem = nodos[5].firstChild.nodeValue;
		if(nodos[6].firstChild) var alignimg = nodos[6].firstChild.nodeValue;
		if(nodos[7].firstChild) var widthimg = nodos[7].firstChild.nodeValue;
		if(nodos[8].firstChild) var celula = nodos[8].firstChild.nodeValue;
		if(nodos[9].firstChild) var posicao = nodos[9].firstChild.nodeValue;
		if(nodos[10].firstChild) var link = nodos[10].firstChild.nodeValue;
		if(nodos[11].firstChild) var palavraschaves = nodos[11].firstChild.nodeValue;
		if(nodos[12].firstChild) var linkext = nodos[12].firstChild.nodeValue;
		if(nodos[13].firstChild) var autor = nodos[13].firstChild.nodeValue;
		if(nodos[14].firstChild) var galeria = nodos[14].firstChild.nodeValue;
			var numgal = nodos[14].childNodes.length;
			var idgal = nodos[14].getAttribute('idgal');
			var tit = nodos[14].getAttribute('titulo');
		if(nodos[15].firstChild) var legenda = nodos[15].firstChild.nodeValue;
		if(nodos[16].firstChild) var id = nodos[16].firstChild.nodeValue;
		if(nodos[17].firstChild) var dirimg = nodos[17].firstChild.nodeValue;
		if(nodos[18].firstChild) var mescla = nodos[18].firstChild.nodeValue;
		
		var formEditar = document.getElementById('formEditar');
		var info = '<h3>Editar célula</h3>';
		info += '<form name="editcel" id="editcel" action="http://www.pirenopolis.tur.br/portal/funcoesphp/celulas.php" method="post" enctype="multipart/form-data">';
		info += '<fieldset><legend>Título</legend>';
    		info += '<input name="idcelula" type="hidden" value="'+idcelula+'"/>';
    		info += '<input name="id" type="hidden" value="'+id+'"/>';
    		info += '<input name="acao" type="hidden" value="editar"/>';
         	info += '<input name="titulo" type="text" value="'+titulo+'" style="width:462px"/>';
		info += '<br/><b>Ícone do título</b><br/>';
		info += 'Imagem: <input id="editcelgetico" name="urlicotitulo" value="'+icotitulo+'" style="width:380px;"/><br/>';
    	info += 'Inserir novo ícone <span id="editcelgeticoico"><input name="icotitulo" type="file"/></span> <a href="javascript: abre_janela(\'funcoesphp/buscaimg.php?idform=editcel&amp;dest=ico&amp;dir=imagens/icones\',\'\',\'800\',\'600\',\'yes\')">procurar no servidor</a><br/>';
   		//info += '<span id="editcelgetico" style="display: none;">Imagem do servidor:<br/><input name="urlicotitulo" type="text" size="55" value=""></span>';
		info += '</fieldset>';
		info += '<fieldset><legend>Subtítulo</legend>';
         	info += '<input name="subtitulo" type="text" value="'+subtitulo+'" style="width:462px"/>';
		info += '</fieldset>';
		info += '<fieldset><legend>Texto</legend>';
         	info += '<textarea name="texto" style="width:462px; height: 320px">'+texto+'</textarea>';
		info += '</fieldset>';
		/////// IMAGEM
		info += '<fieldset><legend>Imagem</legend>';
			info += 'Imagem : <input id="editcelgetimg" name="urlimagem" type="text" value="'+imagem+'" style="width: 380px;"/><br/>';
			info += 'Inserir nova imagem: <span id="editcelgetimgimg"><input name="novaimagem" type="file"/></span>';
			info += '&nbsp;<a href="javascript: abre_janela(\'funcoesphp/buscaimg.php?idform=editcel\',\'\',\'800\',\'600\',\'yes\')">procurar nova imagem no servidor</a><br/>';
			//info += '<span id="editcelgetimg" style="display: none;">Imagem do servidor:<br/><input name="urlimagem" type="text" size="55" value=""><br/></span>';
			info += '<span id="editcelgetimgdir">Destino (diretório): <input name="dir" type="text" value="'+dirimg+'" style="width:357px;"/><a href="javascript: abre_janela(\'funcoesphp/buscadir.php?idform=editcel\',\'\',\'800\',\'600\',\'yes\')"> procurar diretório no servidor</a> </span><br/>';
			info += 'Alinhamento da Imagem:<br/>';
			info += '<input name="alignimg" type="radio" value="0"'; if(alignimg==0) info +=' checked="checked"'; info +='/> Esquerda';
			info += '<input name="alignimg" type="radio" value="1"'; if(alignimg==1) info +=' checked="checked"'; info +='/> Centro';
			info += '<input name="alignimg" type="radio" value="2"'; if(alignimg==2) info +=' checked="checked"'; info +='/> Direita<br/>';
			info += 'Legenda da imagem:<br/><input name="legenda" type="text" size="55" value="'+legenda+'"/><br/>';
			//info += '<span id="inscelgetimgtam" style="display: block;">Largura da imagem para arquivo (max 720X540): <input name="widthimgup" type="text" size="3" value="720"/> px<br/></span>';
			info += 'Tamanho da apresentação da imagem: <input name="widthimg" type="text" size="3" value="'+widthimg+'"/> px<br/>';
			info += 'Galeria de imagens: <select size="1" name="galeria">';
				if(idgal)  info += '<option value="'+idgal+'">'+tit+'</option>';
				else info += '<option value=""> - - escolha uma galeria - - </option>';
				for(var g=0; g<numgal; g++){
					info += '<option value="'+nodos[14].childNodes[g].getAttribute('idgal')+'">('+nodos[14].childNodes[g].getAttribute('idgal')+') '+nodos[14].childNodes[g].firstChild.nodeValue+'</option>';	
				}
    	    info += '</select>';
		info += '</fieldset>';
		/////// VINCULO
		info += '<fieldset><legend>Vínculo</legend>';
		info += '<input name="link" type="text" value="'+link+'" style="width:460px;"/><br/>';
		info += 'Abrir vínculo em outra janela?';
			info += '<input name="linkext" type="radio" value="0"'; if(linkext==0) info += ' checked="checked"'; info +='/> Não';
			info += '<input name="linkext" type="radio" value="1"'; if(linkext==1) info += ' checked="checked"'; info +='/> Sim';
		info += '</fieldset>';
		////////// QUADRO
		info += '<fieldset><legend>Quadro</legend>';
		info += 'Colocar dentro de quadro';
			info += '<input name="celula" type="radio" value="0"'; if(celula==0) info += '  checked="checked"'; info += '/> Não';
			info += '<input name="celula" type="radio" value="1"'; if(celula==1) info += '  checked="checked"'; info += '/> Sim <br/>';
		info += 'Mesclar com célula acima?';
			info += '<input name="mescla" type="radio" value="0"'; if(mescla==0) info += '  checked="checked"'; info += '/> Não';
			info += '<input name="mescla" type="radio" value="1"'; if(mescla==1) info += '  checked="checked"'; info += '/> Sim';
		info += '</fieldset>';		
		
		////// SUBMIT
		info += '<fieldset>';
         	info += '<input type="submit" value="Enviar"/>';
		info += '</fieldset>';
    	info += '</form>';
		formEditar.innerHTML = info;
	}
	
	/////////////////////  INSERIR CELULA
	
	//########################################################
	if(raiz.getAttribute('title')=="inserircelula"){
		var form = document.getElementById('formInserir');
		var formIns = document.getElementById('formIns');
		
		var id=""; var autor=""; var galerias=""; 
		if(nodos[0].firstChild) var id = nodos[0].firstChild.nodeValue;
		if(nodos[1].firstChild) var autor = nodos[1].firstChild.nodeValue;
		var numgal = nodos[2].childNodes.length;
		
		
		var info = '<h2>Inserir Nova Célula</h2>';
   		info += '<form name="inscel" id="inscel" action="http://www.pirenopolis.tur.br/portal/funcoesphp/celulas.php" method="post" enctype="multipart/form-data">';
		
		info += '<fieldset><legend>Título</legend>';
		info += '<input name="id" type="hidden" value="'+id+'"/>';
		info += '<input name="acao" type="hidden" value="inserircelula"/>';
		info += '<input name="autor" type="hidden" value="'+autor+'"/>';
		info += '<input name="titulo" type="text" value="" style="width:460px;"/>';
		info += '<br/><b>Ícone do título</b><br/>';
    	info += '<span id="inscelgeticoico"><input name="icotitulo" type="file"/></span> <a href="javascript: abre_janela(\'http://www.pirenopolis.tur.br/portal/funcoesphp/buscaimg.php?idform=inscel&amp;dest=ico&amp;dir=imagens/icones\',\'\',\'800\',\'600\',\'yes\')">procurar no servidor</a><br/>';
    info += '<span id="inscelgetico" style="display: none;">Imagem do servidor:<br/><input name="urlicotitulo" type="text" size="55" value=""></span>';
		info += '</fieldset>';
		
		info += '<fieldset><legend>Subtítulo</legend>';
		info += '<input name="subtitulo" type="text" value="" style="width:460px;" />'
		info += '</fieldset>';
		
		info += '<fieldset><legend>Texto</legend>';
		info += '<textarea name="texto" style="width:460px;height:150px"></textarea>'
		info += '</fieldset>';
		
		info += '<fieldset><legend>Imagem</legend>';
		info += '<span id="inscelgetimgimg"><input name="imagem" type="file"/></span>';
		info += '&nbsp;<a href="javascript: abre_janela(\'http://www.pirenopolis.tur.br/portal/funcoesphp/buscaimg.php?idform=inscel\',\'\',\'800\',\'600\',\'yes\')">procurar no servidor</a><br/>';
		info += '<span id="inscelgetimg" style="display: none;">Imagem do servidor:<br/><input name="urlimagem" type="text" size="55" value=""><br/></span>';
		info += '<span id="inscelgetimgdir">Destino (diretório): <input name="dir" type="text" value="imagens"/><a href="javascript: abre_janela(\'http://www.pirenopolis.tur.br/portal/funcoesphp/buscadir.php?idform=inscel\',\'\',\'800\',\'600\',\'yes\')"> procurar no servidor</a> </span><br/>';
		info += 'Alinhamento da Imagem:<br/>';
		info += '<input name="alignimg" type="radio" value="0" checked="checked"/> Esquerda <input name="alignimg" type="radio" value="1"/> Centro <input name="alignimg" type="radio" value="2"/> Direita<br/>';
		info += 'Legenda da imagem:<br/><input name="legenda" type="text" size="55" value=""/><br/>';
		info += '<span id="inscelgetimgtam" style="display: block;">Largura da imagem para arquivo (max 720X540): <input name="widthimgup" type="text" size="3" value="720"/> px<br/></span>';
		info += 'Tamanho da apresentação da imagem: <input name="widthimg" type="text" size="3" value="150"/> px<br/>';
		info += 'Galeria de imagens: <select size="1" name="galeria"><option value=""> - - escolha uma galeria - - </option>';
		for(var g=0; g<numgal; g++){
			info += '<option value="'+nodos[2].childNodes[g].getAttribute('idgaleria')+'">'+nodos[2].childNodes[g].getAttribute('idgaleria')+'-'+nodos[2].childNodes[g].firstChild.nodeValue+'</option>';	
		}
        info += '</select>';
		info += '</fieldset>';
		
		info += '<fieldset><legend>Vínculo</legend>';
		info += '<input name="link" type="text" value="" style="width:460px;"/><br/>';
		info += 'Abrir vínculo em outra janela? <input name="linkext" type="radio" value="0" checked="checked"/> Não <input name="linkext" type="radio" value="1"/> Sim';
		info += '</fieldset>';
		
		info += '<fieldset><legend>Quadro</legend>';
		info += 'Colocar dentro de quadro <input name="celula" type="radio" value="0"/> Não <input name="celula" type="radio" value="1" checked="checked"/> Sim <br/>';
		info += 'Mesclar com célula acima? <input name="mescla" type="radio" value="0" checked="checked" /> Não <input name="mescla" type="radio" value="1"/> Sim';
		info += '</fieldset>';		
		
		info += '<fieldset>';
        info += '<input type="submit" value="Enviar"/>';
		info += '</fieldset>';	
		
    	info += '</form>';
		formIns.innerHTML = info;
	}
}
}