// JavaScript Document
var client;
createClient();


function createClient() {
	try {
		client = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
	} catch (e) { 
		alert("Sorry, your browser is not AJAX-enabled!"); 
	}
}

function navegacao(nIndex){
	
	/*var myDocument = document;
	var selectElement = myDocument.getElementById("selectNavDef");
	
	var nIndex = selectElement.selectedIndex;*/

	//verifica so foi seleccionada uma opção de interesse
	if(nIndex != 0){
		
		switch(nIndex){
			
			//se for seleccionado o work
			case '1': 
				//getAnos();
				getTrabalhos();
			break;
			case '2': 
				removeCombos("2");
				getNoticias();
			break;
			case '3': 
				removeCombos("2");
				getLinks();
			break;
			case '4': 
				removeCombos("2");
				getDetalheContactos();
			break;
			case '5': 
				removeCombos("2");
				getDetalheAbout();
			break;
			default: removeCombos("2");
			break;
			
		}
		
/*		var nTexto = selectElement.options[nIndex].text;
		alert(nTexto);*/
		
	}


}


/************************************************************************************************/
/*******************************************Fundos***********************************************/
/************************************************************************************************/
function getFundos() {
	client.open("get","./siges/modulos/portfolio/getFundos.php",true);
	client.onreadystatechange = callBackFundos;
	client.send(null);
}

function callBackFundos() {
	
	if (client.readyState == 4) {
		if (client.status == 200) {
			//texto recebido 
			var response = client.responseText;
			
			//separa os fundos
			var aFundos = response.split("||");
	
			if(aFundos.length == 1 && aFundos[0] == ""){
				//chama a função que queria a combo
				//setFundo(aFundos);
			}else{
				//chama a função que queria a combo
				setFundo(aFundos);
			}

			//cria um novo objecto
			createClient();
		} else {
			alert("There was a problem retrieving the response:\n" + client.statusText);
			//cria um novo objecto
			createClient();
		}
	}
}

//var nFundoActual = 0;

//coloca o fundo
function setFundo(aFundos) {

	var bodyTag = document.body; 

	//cria o caminho para o primeiro fundo do array
	var url = "url('./siges/modulos/portfolio/imagens/fundos/" + aFundos[0] + "')";
	//coloca o fundo
	bodyTag.style.backgroundImage = url;
	
		
}


/************************************************************************************************/
/********************************Remove as combos da navegação***********************************/
/************************************************************************************************/
function removeCombos(nQuantas){
	
	var myDocument = document;
	//div navegação
	var navDivElement = myDocument.getElementById("navigation");

	if(nQuantas == 2){
		if(navAnoElement = myDocument.getElementById("navAno")){
			throwaway_node = navDivElement.removeChild(navAnoElement);
		}
	}

	if(nQuantas == 1 || nQuantas == 2){
		if(navTrabElement = myDocument.getElementById("menuLista")){
			throwaway_node = navDivElement.removeChild(navTrabElement);
		}
	}
	
	removeDivImagem();
	removeDivLinks();

}

/************************************************************************************************/
/*******************************************Anos*************************************************/
/************************************************************************************************/
function getAnos() {
	client.open("get","./siges/modulos/portfolio/getAnos.php",true);
	client.onreadystatechange = callBackAnos;
	client.send(null);
}

function callBackAnos() {
	
	if (client.readyState == 4) {
		if (client.status == 200) {
			//texto recebido 
			var response = client.responseText;
			
			//separa os anos
			var aAnos = response.split("||");
			//chama a função que queria a combo
			comboAnos(aAnos);

			//cria um novo objecto
			createClient();
		} else {
			alert("There was a problem retrieving the response:\n" + client.statusText);
			//cria um novo objecto
			createClient();
		}
	}
}

function comboAnos(aAnos) {

	//remove as duas combos
	removeCombos("2");

	var myDocument = document;
	//div navegação
	var navDivElement = myDocument.getElementById("navigation");

	//cria a div que vai conter a combo com os anos
	var navAnoElement = myDocument.createElement("div");
		navAnoElement.setAttribute("id", "navAno");

	//cria o select que vai ter os anos
	var selectElement = myDocument.createElement("select");
		selectElement.setAttribute("id", "sAnos");

	//coloca o elemento select que criei dentro da minha div
	navAnoElement.appendChild(selectElement);


	//acçoes ara o onchange do select
	selectElement.onchange = function(){
		
		var nAno = this.options[this.selectedIndex].value;
		
		if(nAno != 0){
			getTrabalhos(nAno);				
		}
	}

	//cria a opção inicial
	//Create a TextNode
	var textNode = document.createTextNode("Select year!");
	//Create an Element of type option	
	var optinElement = myDocument.createElement("option");
		optinElement.setAttribute("id", "ano");
		optinElement.setAttribute("value", "0");
		//coloca o text dentro a opção
		optinElement.appendChild(textNode);
		//coloca o elemento select que criei dentro da minha div
		selectElement.appendChild(optinElement);


	//ciclo que coloca as opções no select
	var i=0;

	for(i=0;i<aAnos.length;i++){

		//Create a TextNode
		var textNode = document.createTextNode(aAnos[i]);
		//Create an Element of type option	
		var optinElement = myDocument.createElement("option");
			optinElement.setAttribute("id", i);
			optinElement.setAttribute("value", aAnos[i]);
			//coloca o text dentro a opção
			optinElement.appendChild(textNode);
			//coloca o elemento select que criei dentro da minha div
			selectElement.appendChild(optinElement);
	}

	
	//coloca a div navAno dentro da niv Navigation
	navDivElement.appendChild(navAnoElement);
}

/************************************************************************************************/
/***************************************Trabalho*************************************************/
/************************************************************************************************/
//function getTrabalhos(nAno) {
function getTrabalhos() {
	
	//var url = "./siges/modulos/portfolio/getTrabalhos.php?ano=" + escape(nAno);
	var url = "./siges/modulos/portfolio/getTrabalhos.php";
	
	client.open("GET", url, true);
	client.onreadystatechange = callBackTrabalhos;
	client.send(null);
}

function callBackTrabalhos() {
	if (client.readyState == 4) {
		if (client.status == 200) {
			//texto recebido 
			var response = client.responseText;
			
			//separa os anos
			var aTrabalhos = response.split("||");
			//chama a função que queria a combo
			comboTrabalhos(aTrabalhos);

			//cria um novo objecto
			createClient();
		} else {
			alert("There was a problem retrieving the response:\n" + client.statusText);
			//cria um novo objecto
			createClient();
		}
	}
}

function comboTrabalhos(aTrabalhos) {
	
	//remove a combo dos trabalhos
	removeCombos("1");
	
	/*var myDocument = document;
	var navDivElement = myDocument.getElementById("navigation");

	//cria a div que vai conter a combo com os anos
	var navTrabElement = myDocument.createElement("div");
		navTrabElement.setAttribute("id", "navTrabalhos");

	//cria o select que vai ter os anos
	var selectElement = myDocument.createElement("select");
		selectElement.setAttribute("id", "sTrabalhos");
		selectElement.style.width = "330px";		
	//coloca o elemento select que criei dentro da minha div
	navTrabElement.appendChild(selectElement);

	//acçoes ara o onchange do select
	selectElement.onchange = function(){
		
		var nTrabalho = this.options[this.selectedIndex].value;
		
		if(nTrabalho != 0){
			getImagens(nTrabalho);				
		}
	}

	//cria a opção inicial
	//Create a TextNode
	var textNode = document.createTextNode("Select work!");
	//Create an Element of type option	
	var optinElement = myDocument.createElement("option");
		optinElement.setAttribute("id", "trabalho");
		optinElement.setAttribute("value", "0");
		//coloca o text dentro a opção
		optinElement.appendChild(textNode);
		//coloca o elemento select que criei dentro da minha div
		selectElement.appendChild(optinElement);
*/
	//ciclo que coloca as opções no select
	var i=0;

	var tempLista = "<div open='0' id='menuLista'><div id='menuItems'>";
	
	for(i=0;i<aTrabalhos.length;i++){

		//separa o id do nome
		var aTmp = aTrabalhos[i].split("{#}");
			
		tempLista += "<a pos='" + i + "' href='#' trab='" + aTmp[0] + "'>" + aTmp[2] + " - " + aTmp[1] + "</a>";
		
	}
	
	tempLista += "</div></div>";
	
	$("#navigation").append(tempLista);
	//$("#menuLista").css("left",$("#navDef").css("width"));
	
	$("#menuItems").ready(function(){
		
		$("#dragMenu").mousedown(restoreProjectos);
		$(window).resize(restoreProjectos);
		$(window).scroll(restoreProjectos);
		
		$(this).mousemove(validaScroll);
		
		nLastTrabalho = -1;
		mvLastSelected = null;
		$("#menuItems a").width($("#menuLista").width()).click(clickProjecto);
	});
	
	//coloca a div navAno dentro da niv Navigation
	//navDivElement.appendChild(navTrabElement);
	
}

function validaScroll(e){
	if($("#menuLista").attr("open") == "1"){
		
		var bAnima = false;
		var nSpeed = 300;
		var nMargem = 20;
		var nIncrementa = 20;
		var nIncrementaReal = 0;
		var nOffSet = $("#menuLista").offset();

		var nTop = e.pageY-nOffSet.top;
		var nLeft = e.pageX-nOffSet.left;
		var nWidth = $("#menuLista").width();
		var nHeight = $("#menuLista").height();
		
		if(nLeft > 0 && nLeft < nWidth && nTop > 0 && nTop < nHeight){
			
			//$("#dragMenu").text("");	
			
			//se a div de itens for menor que a lista visivel
			if($("#menuLista").height() < $("#menuItems").height()){
			
				var nDif = $("#menuItems").height() - $("#menuLista").height();
				var nPosActual = $("#menuItems").css("margin-top") + "";
				nPosActual = nPosActual.substr(0,nPosActual.indexOf("px"));
				
				var nPendente = $("#menuItems").queue().length;
				
				//se estiver em baixo
				if(nTop >= (nHeight-nMargem)){
					
					nPosMove = nPosActual - nIncrementa;
					
					//se ja estiver na posição final
					if(nPosActual == (nDif*-1)){
						bAnima = false;
					}else{
						if(nPosMove < (nDif*-1)){
							nIncrementaReal	= nIncrementa + (nPosMove - (nDif*-1));
							nPosMove = (nDif*-1);
						}else{
							nIncrementaReal	= nIncrementa;
						}
						bAnima = true;
					}
					
					//$("#dragMenu").text(nIncrementaReal + " andar para cima " + nPosActual + " - " + nPendente + " newY: " + nPosMove);
				}
				
				//se estiver em cima
				if(nTop <= nMargem){
					
					nPosMove = parseFloat(nPosActual) + nIncrementa;
					
					//se ja estiver na posição final
					if(nPosActual == 0){
						bAnima = false;
					}else{
						if(nPosMove > 0){
							nIncrementaReal = nIncrementa - nPosMove;
							nPosMove = 0;
						}else{
							nIncrementaReal = nIncrementa;
						}
						bAnima = true;
					}
					
					
					
					//$("#dragMenu").text(nIncrementaReal + " andar para cima " + nPosActual + " - " + nPendente + " newY: " + nPosMove);
				}
			}
			
			//se nao estiver nenhuma animação a correr
			if(nPendente == 0 && bAnima){
				
				var nTempo = (nSpeed*nIncrementaReal)/nIncrementa;
				
				$("#menuItems").animate({ 
		        	marginTop: nPosMove + "px"
		      	}, nTempo, "linear", function(){
			      		validaScroll(e);			      	
			      	});
	      	}else if(bAnima == false){
				$("#menuItems").stop();
		   	}
			
			//$("#dragMenu").text("x: " + nLeft + " y: " + nTop);
		}else{
			$("#menuItems").stop();
		}

	}
}

$(document).ready(function(){
	$("#menuPItems a").click(clickProjectoP);
	$("#dragMenu").mousedown(restoreProjectosP);
	$(window).resize(restoreProjectosP);
	$(window).scroll(restoreProjectosP);
});


function clickProjectoP(e){
	
	if($("#menuPLista").attr("open") == "0"){
		$("#menuPItems").css("margin-top","0px");
		$("#menuPLista").attr("open","1");
		$("#menuPLista").css("height",$("#menuPItems").height());
	}else{
		if(mvLastSelectedP){
			mvLastSelectedP.removeClass("selected");
		}
		
		$(this).addClass("selected");
		mvLastSelectedP = $(this);
		
		$("#menuPItems").css("margin-top",($(this).attr("pos")*-20) + "px");
		
		nLastPosP = $("#menuPItems").css("margin-top");
		
		$("#menuPLista").attr("open","0");
		$("#menuPLista").css("height","20px");
		
		//se for um menu diferente
		if(nLastTrabalhoP != $(this).attr("trab")){
			nLastTrabalhoP = $(this).attr("trab");
			navegacao(nLastTrabalhoP);
		}
	}
	
	return false;
}


var nLastPos = "0px";
var nLastPosP = "0px";
var mvLastSelected = null;
var mvLastSelectedP = null;
var nLastTrabalho = -1;
var nLastTrabalhoP = -1;
function clickProjecto(e){
	
	if($("#menuLista").attr("open") == "0"){

		var nPageSrolled = e.pageY-e.clientY;
		
		var divOffset = $("#menuLista").offset();		
		
		var nHeight = ($(window).height()+nPageSrolled) - divOffset.top - 3;
		
		//se o tamanho dos item for menor que o tamanho disponível é esse o usado
		if(nHeight > $("#menuItems").height()){
			nHeight = $("#menuItems").height();
		}
		
		var nDif = $("#menuItems").height() - nHeight;
		if(nDif == 0){
			nPosNova = 0;
		}else{
			var nPosNova = parseFloat(nLastPos.substr(0,nLastPos.indexOf("px")));
			
			var nDif2 = $("#menuItems").height() + nPosNova;
			
			if(nHeight>nDif2){
				nPosNova = (nDif*-1);
			}
		}
		
		$("#menuItems").css("margin-top",nPosNova + "px");
		$("#menuLista").attr("open","1");
		$("#menuLista").css("height",nHeight);
	}else{

		if(mvLastSelected){
			mvLastSelected.removeClass("selected");
		}
		
		$(this).addClass("selected");
		mvLastSelected = $(this);
		
		$("#menuItems").css("margin-top",($(this).attr("pos")*-20) + "px");
		
		nLastPos = $("#menuItems").css("margin-top");
		
		$("#menuLista").attr("open","0");
		$("#menuLista").css("height","20px");
		
		//se for um menu diferente
		if(nLastTrabalho != $(this).attr("trab")){
			nLastTrabalho = $(this).attr("trab");
			getImagens(nLastTrabalho);
		}
		
		
		
	}
	
	return false;
}

function restoreProjectos(){
	if($("#menuLista").attr("open") == "1"){
		$("#menuItems").css("margin-top",nLastPos);
		$("#menuLista").attr("open","0");
		$("#menuLista").css("height","20px");
	}
}

function restoreProjectosP(){
	if($("#menuPLista").attr("open") == "1"){
		$("#menuPItems").css("margin-top",nLastPosP);
		$("#menuPLista").attr("open","0");
		$("#menuPLista").css("height","20px");
	}
}


/************************************************************************************************/
/**************************************Links imagens*********************************************/
/************************************************************************************************/
function getImagens(nTrabalho) {
	
	var url = "./siges/modulos/portfolio/getImagens.php?trabalho=" + escape(nTrabalho);
	
	client.open("GET", url, true);
	client.onreadystatechange = callBackImagens;
	client.send(null);
}

function callBackImagens() {
	if (client.readyState == 4) {
		if (client.status == 200) {
			//texto recebido 
			var response = client.responseText;
			//separa os anos
			var aImagens = response.split("||");

			//verifica se alguma imagem foi passada
			if(aImagens.length == 1 && aImagens[0] == ""){
				//remove os detalhes que estão
				removeDivImagem();
				removeDivLinks();	
				//cria um novo objecto
				createClient();
			}else{
				nFirst = criaDivImagens(aImagens);
				//cria um novo objecto
				createClient();
				getDetalheImagem(nFirst);				
			}


			
		} else {
			alert("There was a problem retrieving the response:\n" + client.statusText);
			//cria um novo objecto
			createClient();
		}
	}
}


function removeDivLinks(){
	var myDocument = document;
	//div conteudos
	var contDivElement = myDocument.getElementById("conteudos");

	if(contLinksElement = myDocument.getElementById("contLinks")){
		throwaway_node = contDivElement.removeChild(contLinksElement);
	}
}

function criaDivImagens(aImagens){

	var nFirst = -1;

	//remove a antiga
	removeDivLinks();
	removeDivImagem();
	
	var myDocument = document;
	var contDivElement = myDocument.getElementById("conteudos");

	//cria a div que vai conter os links para as imagens
	var contLinksElement = myDocument.createElement("div");
		contLinksElement.setAttribute("id", "contLinks");
	
	
	
	for(i=1;i<=aImagens.length;i++){

		if(i==1){
			nFirst = aImagens[0];
		}


		if(i<10){
			var sTemp = "0" + i;
		}else{
			var sTemp = i;
		}

		//Create a TextNode
		var textNode = myDocument.createTextNode(sTemp);
		//Create an Element of type option	
		var linkElement = myDocument.createElement('a');
			linkElement.setAttribute("id", "link_" + i);
			linkElement.setAttribute("value", aImagens[i-1]);
			linkElement.setAttribute("href", "#");			
			//coloca o text dentro a opção
			linkElement.appendChild(textNode);

		//acçoes ara o onchange do select
		linkElement.onclick = function(){
			//alert(this.id);
			//alert(this.getAttribute("value"));
			getDetalheImagem(this.getAttribute("value"));
		}


		//coloca o elemento link que criei dentro da minha div links
		contLinksElement.appendChild(linkElement);
		
		if(i!=aImagens.length){
			//Create a TextNode
			var textNode = myDocument.createTextNode("|");
			//coloca o | que criei dentro da minha div links
			contLinksElement.appendChild(textNode);
		}

	}
	
	
	//coloca a div contLinks dentro da div conteudos
	contDivElement.appendChild(contLinksElement);
	
	return nFirst;
}

/************************************************************************************************/
/********************************Detalhes da imagem**********************************************/
/************************************************************************************************/
function getDetalheImagem(nImagem){
	var url = "./siges/modulos/portfolio/getDetalheImagem.php?imagem=" + escape(nImagem);
	client.open("GET", url, true);
	client.onreadystatechange = callDetalheImagem;
	client.send(null);
}

function callDetalheImagem() {

	if (client.readyState == 4) {
		if (client.status == 200) {
			//texto recebido 
			var response = client.responseText;
			//separa os anos
			var aDetalhe = response.split("||");
			//chama a função que cria o a div detlhes
			criaDivDetalhe(aDetalhe);
			//cria um novo objecto
			createClient();
		} else {
			alert("There was a problem retrieving the response:\n" + client.statusText);
			//cria um novo objecto
			createClient();
		}
	}
}

function removeDivImagem(){
	var myDocument = document;
	//div conteudos
	var contDivElement = myDocument.getElementById("conteudos");

	if(contLinksElement = myDocument.getElementById("contImagem")){
		throwaway_node = contDivElement.removeChild(contLinksElement);
	}
	
	if(contLinksElement = myDocument.getElementById("contDetalhe")){
		throwaway_node = contDivElement.removeChild(contLinksElement);
	}
}

function criaDivDetalhe(aDetalhe){
	//remove a imagem e o detalhe
	removeDivImagem();
	
	var myDocument = document;
	var contDivElement = myDocument.getElementById("conteudos");

	//cria a div que vai conter a imagem
	var contImgElement = myDocument.createElement("div");
		contImgElement.setAttribute("id", "contImagem");
	
	
	//Create an Element of type img	
	var imgElement = myDocument.createElement('img');
		imgElement.setAttribute("src", "./siges/modulos/portfolio/imagens/trabalhos/" + aDetalhe[0] + "" + aDetalhe[1]);

	//coloca o elemento img que criei dentro da minha div imagem
	contImgElement.appendChild(imgElement);
	
	//coloca a div contLinks dentro da div conteudos
	contDivElement.appendChild(contImgElement);
	
	
	//cria a div que vai conter o detalhe da imagem
	var contDetElement = myDocument.createElement("div");
		contDetElement.setAttribute("id", "contDetalhe");
	
		///////////////////////////H1////////////////
		//cria o h1 que vai levar o titulo
		var h1Element = myDocument.createElement("h1");
			h1Element.setAttribute("id", "titulo_descricao");
	
		//Create a TextNode
		var textNode = myDocument.createTextNode(aDetalhe[2]);
		//coloca o | que criei dentro da minha div links
		h1Element.appendChild(textNode);
		//coloco o H1 dentro da div
		contDetElement.appendChild(h1Element);
		///////////////////////////H1////////////////

	//cria uma div com o texto do detalhe	
	var textoDetalhe = myDocument.createElement("div");
		textoDetalhe.innerHTML = aDetalhe[3].replace(/\n/g, "<br />");
	//coloca  a div com o texto na div de conteudos
	contDetElement.appendChild(textoDetalhe);
	
	
	//coloca a div contLinks dentro da div conteudos
	contDivElement.appendChild(contDetElement)

}


/************************************************************************************************/
/**************************************Links Noticias*********************************************/
/************************************************************************************************/
function getNoticias() {
	
	var url = "./siges/modulos/portfolio/getNoticias.php";
	
	client.open("GET", url, true);
	client.onreadystatechange = callBackNoticias;
	client.send(null);
}

function callBackNoticias() {
	if (client.readyState == 4) {
		if (client.status == 200) {
			
			//texto recebido 
			var response = client.responseText;
			//separa os anos
			var aNoticias = response.split("||");

			//verifica se alguma imagem foi passada
			if(aNoticias.length == 1 && aNoticias[0] == ""){
				//remove os detalhes que estão
				removeDivImagem();
				removeDivLinks();
				//cria um novo objecto
				createClient();
			}else{
				nFirst = criaDivNoticias(aNoticias);
				//cria um novo objecto
				createClient();
				getDetalheNoticia(nFirst);				
			}

			
		} else {
			alert("There was a problem retrieving the response:\n" + client.statusText);
			//cria um novo objecto
			createClient();
		}
	}
}

function criaDivNoticias(aNoticias){

	var nFirst = -1;

	//remove a antiga
	removeDivLinks();
	removeDivImagem();
	
	var myDocument = document;
	var contDivElement = myDocument.getElementById("conteudos");

	//cria a div que vai conter os links para as imagens
	var contLinksElement = myDocument.createElement("div");
		contLinksElement.setAttribute("id", "contLinks");
	
	
	for(i=1;i<=aNoticias.length;i++){


		if(i==1){
			nFirst = aNoticias[0];
		}


		if(i<10){
			var sTemp = "0" + i;
		}else{
			var sTemp = i;
		}
		
		//Create a TextNode
		var textNode = myDocument.createTextNode(sTemp);
		//Create an Element of type option	
		var linkElement = myDocument.createElement('a');
			linkElement.setAttribute("id", "link_" + i);
			linkElement.setAttribute("value", aNoticias[i-1]);
			linkElement.setAttribute("href", "#");			
			//coloca o text dentro a opção
			linkElement.appendChild(textNode);

		//acçoes ara o onchange do select
		linkElement.onclick = function(){
			//alert(this.id);
			//alert(this.getAttribute("value"));
			getDetalheNoticia(this.getAttribute("value"));
		}


		//coloca o elemento link que criei dentro da minha div links
		contLinksElement.appendChild(linkElement);
		
		if(i!=aNoticias.length){
			//Create a TextNode
			var textNode = myDocument.createTextNode("|");
			//coloca o | que criei dentro da minha div links
			contLinksElement.appendChild(textNode);
		}

	}
	
	
	//coloca a div contLinks dentro da div conteudos
	contDivElement.appendChild(contLinksElement);
	
	return nFirst;
}

/************************************************************************************************/
/********************************Detalhes da Notícia**********************************************/
/************************************************************************************************/
function getDetalheNoticia(nPagina){
	
	var url = "./siges/modulos/portfolio/getDetalheNoticias.php?pagina=" + escape(nPagina);
	client.open("GET", url, true);
	client.onreadystatechange = callDetalheNoticia;
	client.send(null);
}

function callDetalheNoticia() {

	if (client.readyState == 4) {
		if (client.status == 200) {
			//texto recebido 
			var response = client.responseText;
			//separa os anos
			var aDetalhe = response.split("{#}");
			//chama a função que cria o a div detlhes
			criaDivDetalheNoticia(aDetalhe);
			//cria um novo objecto
			createClient();
		} else {
			alert("There was a problem retrieving the response:\n" + client.statusText);
			//cria um novo objecto
			createClient();
		}
	}
}


function criaDivDetalheNoticia(aDetalhe){
	//remove a imagem e o detalhe
	removeDivImagem();
	
	var myDocument = document;
	var contDivElement = myDocument.getElementById("conteudos");

	//cria a div que vai conter a imagem
	var contImgElement = myDocument.createElement("div");
		contImgElement.setAttribute("id", "contImagem");
	

		
		for(i=0;i<aDetalhe.length;i++){
			
			//separa os dados da notícia
			var aTemp = aDetalhe[i].split("||");
			
			//cria a div que vai conter uma noticia
			var notDiv = myDocument.createElement("div");
				notDiv.setAttribute("class", "divNoticia");
			
			
			//se tiver link
			if(aTemp[3] != ""){
				
				//coloco o titulo como texto do link
				var textNode = myDocument.createTextNode(aTemp[0]);
				//crio o elemento link
				var linkElement = myDocument.createElement('a');
					linkElement.setAttribute("href", aTemp[3]);
					linkElement.setAttribute("target", "_blank");
				//coloca o text dentro do link
				linkElement.appendChild(textNode);
		
				//coloca o elemento link que criei dentro da div desta noticia
				notDiv.appendChild(linkElement);
				
			}else{//se nao tiver link
				
				//coloco o titulo como texto do bold
				var textNode = myDocument.createTextNode(aTemp[0]);
				//crio o elemento b
				var bElement = myDocument.createElement('b');
				//coloca o text dentro do b
				bElement.appendChild(textNode);
		
				//coloca o elemento link que criei dentro da div desta noticia
				notDiv.appendChild(bElement);
			}
			
			//se tiver texto
			if(aTemp[1] != ""){
				//cria um p com o texto do detalhe	
				var textoDetalhe = myDocument.createElement("p");
					textoDetalhe.innerHTML = aTemp[1].replace(/\n/g, "<br />");
				//coloca  a div com o texto na div desta noticia
				notDiv.appendChild(textoDetalhe);
			}
			
			//se tiver imagem
			if(aTemp[2] != ""){
			
				//Cria um Elemento  img	
				var imgElement = myDocument.createElement('img');
					imgElement.setAttribute("src", "./siges/modulos/portfolio/imagens/noticias/" + aTemp[4] + "" + aTemp[2]);
			
				//coloca o elemento img que criei dentro da div desta noticia
				notDiv.appendChild(imgElement);
			}
			
			
			
			//coloca a div desta noticia na div de conteudos
			contImgElement.appendChild(notDiv);
		}
		
		
	
	//coloca a div contLinks dentro da div conteudos
	contDivElement.appendChild(contImgElement);

}

/************************************************************************************************/
/**************************************Links dos Links*********************************************/
/************************************************************************************************/
function getLinks() {
	
	var url = "./siges/modulos/portfolio/getLinks.php";
	
	client.open("GET", url, true);
	client.onreadystatechange = callBackLinks;
	client.send(null);
}

function callBackLinks() {
	if (client.readyState == 4) {
		if (client.status == 200) {
			
			//texto recebido 
			var response = client.responseText;
			//separa os anos
			var aNoticias = response.split("||");

			//verifica se alguma imagem foi passada
			if(aNoticias.length == 1 && aNoticias[0] == ""){
				//remove os detalhes que estão
				removeDivImagem();
				removeDivLinks();
				//cria um novo objecto
				createClient();
			}else{
				nFirst = criaDivLinks(aNoticias);
				//cria um novo objecto
				createClient();
				getDetalheLink(nFirst);				
			}

			
		} else {
			alert("There was a problem retrieving the response:\n" + client.statusText);
			//cria um novo objecto
			createClient();
		}
	}
}

function criaDivLinks(aNoticias){

	var nFirst = -1;

	//remove a antiga
	removeDivLinks();
	removeDivImagem();
	
	var myDocument = document;
	var contDivElement = myDocument.getElementById("conteudos");

	//cria a div que vai conter os links para as imagens
	var contLinksElement = myDocument.createElement("div");
		contLinksElement.setAttribute("id", "contLinks");
	
	
	for(i=1;i<=aNoticias.length;i++){


		if(i==1){
			nFirst = aNoticias[0];
		}


		if(i<10){
			var sTemp = "0" + i;
		}else{
			var sTemp = i;
		}
		
		//Create a TextNode
		var textNode = myDocument.createTextNode(sTemp);
		//Create an Element of type option	
		var linkElement = myDocument.createElement('a');
			linkElement.setAttribute("id", "link_" + i);
			linkElement.setAttribute("value", aNoticias[i-1]);
			linkElement.setAttribute("href", "#");			
			//coloca o text dentro a opção
			linkElement.appendChild(textNode);

		//acçoes ara o onchange do select
		linkElement.onclick = function(){
			//alert(this.id);
			//alert(this.getAttribute("value"));
			getDetalheLink(this.getAttribute("value"));
		}


		//coloca o elemento link que criei dentro da minha div links
		contLinksElement.appendChild(linkElement);
		
		if(i!=aNoticias.length){
			//Create a TextNode
			var textNode = myDocument.createTextNode("|");
			//coloca o | que criei dentro da minha div links
			contLinksElement.appendChild(textNode);
		}

	}
	
	
	//coloca a div contLinks dentro da div conteudos
	contDivElement.appendChild(contLinksElement);
	
	return nFirst;
}

/************************************************************************************************/
/********************************Detalhes do Link**********************************************/
/************************************************************************************************/
function getDetalheLink(nPagina){
	
	var url = "./siges/modulos/portfolio/getDetalheLink.php?pagina=" + escape(nPagina);
	client.open("GET", url, true);
	client.onreadystatechange = callDetalheLink;
	client.send(null);
}

function callDetalheLink() {

	if (client.readyState == 4) {
		if (client.status == 200) {
			//texto recebido 
			var response = client.responseText;
			//separa os anos
			var aDetalhe = response.split("{#}");
			//chama a função que cria o a div detlhes
			criaDivDetalheLink(aDetalhe);
			//cria um novo objecto
			createClient();
		} else {
			alert("There was a problem retrieving the response:\n" + client.statusText);
			//cria um novo objecto
			createClient();
		}
	}
}


function criaDivDetalheLink(aDetalhe){
	//remove a imagem e o detalhe
	removeDivImagem();
	
	var myDocument = document;
	var contDivElement = myDocument.getElementById("conteudos");

	//cria a div que vai conter a imagem
	var contImgElement = myDocument.createElement("div");
		contImgElement.setAttribute("id", "contImagem");
	

		
		for(i=0;i<aDetalhe.length;i++){
			
			//separa os dados da notícia
			var aTemp = aDetalhe[i].split("||");
			
			//cria a div que vai conter uma noticia
			var notDiv = myDocument.createElement("div");
				notDiv.setAttribute("class", "divNoticia");
			
			
			//se tiver link
			if(aTemp[3] != ""){
				
				//coloco o titulo como texto do link
				var textNode = myDocument.createTextNode(aTemp[0]);
				//crio o elemento link
				var linkElement = myDocument.createElement('a');
					linkElement.setAttribute("href", aTemp[3]);
					linkElement.setAttribute("target", "_blank");
				//coloca o text dentro do link
				linkElement.appendChild(textNode);
		
				//coloca o elemento link que criei dentro da div desta noticia
				notDiv.appendChild(linkElement);
				
			}else{//se nao tiver link
				
				//coloco o titulo como texto do bold
				var textNode = myDocument.createTextNode(aTemp[0]);
				//crio o elemento b
				var bElement = myDocument.createElement('b');
				//coloca o text dentro do b
				bElement.appendChild(textNode);
		
				//coloca o elemento link que criei dentro da div desta noticia
				notDiv.appendChild(bElement);
			}
			
			//se tiver texto
			if(aTemp[1] != ""){
				//cria um p com o texto do detalhe	
				var textoDetalhe = myDocument.createElement("p");
					textoDetalhe.innerHTML = aTemp[1].replace(/\n/g, "<br />");
				//coloca  a div com o texto na div desta noticia
				notDiv.appendChild(textoDetalhe);
			}
			
			//se tiver imagem
			if(aTemp[2] != ""){
			
				//Cria um Elemento  img	
				var imgElement = myDocument.createElement('img');
					imgElement.setAttribute("src", "./siges/modulos/portfolio/imagens/links/" + aTemp[4] + "" + aTemp[2]);
			
				//coloca o elemento img que criei dentro da div desta noticia
				notDiv.appendChild(imgElement);
			}
			
			
			
			//coloca a div desta noticia na div de conteudos
			contImgElement.appendChild(notDiv);
		}
		
		
	
	//coloca a div contLinks dentro da div conteudos
	contDivElement.appendChild(contImgElement);

}

/************************************************************************************************/
/********************************Detalhes dos Contactos**********************************************/
/************************************************************************************************/
function getDetalheContactos(){
	
	var url = "./siges/modulos/portfolio/getDetalheContactos.php";
	client.open("GET", url, true);
	client.onreadystatechange = callDetalheContactos;
	client.send(null);
}

function  callDetalheContactos() {

	if (client.readyState == 4) {
		if (client.status == 200) {
			//texto recebido 
			var response = client.responseText;
			//separa os anos
			var aDetalhe = response.split("{#}");
			//chama a função que cria o a div detlhes
			criaDivDetalheContacto(aDetalhe);
			//cria um novo objecto
			createClient();
		} else {
			alert("There was a problem retrieving the response:\n" + client.statusText);
			//cria um novo objecto
			createClient();
		}
	}
}


function criaDivDetalheContacto(aDetalhe){
	//remove a imagem e o detalhe
	removeDivImagem();
	removeDivLinks();
	
	var myDocument = document;
	var contDivElement = myDocument.getElementById("conteudos");

	//cria a div que vai conter a imagem
	var contImgElement = myDocument.createElement("div");
		contImgElement.setAttribute("id", "contImagem");
	
		
		for(i=0;i<aDetalhe.length;i++){
			
			//separa os dados da notícia
			var aTemp = aDetalhe[i].split("||");
			
			//cria a div que vai conter uma noticia
			var notDiv = myDocument.createElement("div");
				notDiv.setAttribute("class", "divNoticia");
			
			
			//coloco o titulo como texto do bold
			var textNode = myDocument.createTextNode(aTemp[0]);
			//crio o elemento b
			var bElement = myDocument.createElement('b');
			//coloca o text dentro do b
			bElement.appendChild(textNode);
	
			//coloca o elemento link que criei dentro da div desta noticia
			notDiv.appendChild(bElement);
			
			//se tiver texto
			if(aTemp[1] != ""){
				//cria um p com o texto do detalhe	
				var textoDetalhe = myDocument.createElement("p");
					textoDetalhe.innerHTML = aTemp[1].replace(/\n/g, "<br />");
				//coloca  a div com o texto na div desta noticia
				notDiv.appendChild(textoDetalhe);
			}
			
			//coloca a div desta noticia na div de conteudos
			contImgElement.appendChild(notDiv);
		}
		
		
	
	//coloca a div contLinks dentro da div conteudos
	contDivElement.appendChild(contImgElement);

}

/************************************************************************************************/
/********************************Detalhes do About**********************************************/
/************************************************************************************************/
function getDetalheAbout(){
	
	var url = "./siges/modulos/portfolio/getDetalheAbout.php";
	client.open("GET", url, true);
	client.onreadystatechange = callDetalheAbout;
	client.send(null);
}

function  callDetalheAbout() {

	if (client.readyState == 4) {
		if (client.status == 200) {
			//texto recebido 
			var response = client.responseText;
			//separa os anos
			var aDetalhe = response.split("{#}");
			//chama a função que cria o a div detlhes
			criaDivDetalheAbout(aDetalhe);
			//cria um novo objecto
			createClient();
		} else {
			alert("There was a problem retrieving the response:\n" + client.statusText);
			//cria um novo objecto
			createClient();
		}
	}
}


function criaDivDetalheAbout(aDetalhe){
	//remove a imagem e o detalhe
	removeDivImagem();
	removeDivLinks();
	
	var myDocument = document;
	var contDivElement = myDocument.getElementById("conteudos");

	//cria a div que vai conter a imagem
	var contImgElement = myDocument.createElement("div");
		contImgElement.setAttribute("id", "contImagem");
	
		
		for(i=0;i<aDetalhe.length;i++){
			
			//separa os dados da notícia
			var aTemp = aDetalhe[i].split("||");
			
			//cria a div que vai conter uma noticia
			var notDiv = myDocument.createElement("div");
				notDiv.setAttribute("class", "divNoticia");
			
			
			//coloco o titulo como texto do bold
			var textNode = myDocument.createTextNode(aTemp[0]);
			//crio o elemento b
			var bElement = myDocument.createElement('b');
			//coloca o text dentro do b
			bElement.appendChild(textNode);
	
			//coloca o elemento link que criei dentro da div desta noticia
			notDiv.appendChild(bElement);
			
			//se tiver texto
			if(aTemp[1] != ""){
				//cria um p com o texto do detalhe	
				var textoDetalhe = myDocument.createElement("p");
					textoDetalhe.innerHTML = aTemp[1].replace(/\n/g, "<br />");
				//coloca  a div com o texto na div desta noticia
				notDiv.appendChild(textoDetalhe);
			}
			
			//coloca a div desta noticia na div de conteudos
			contImgElement.appendChild(notDiv);
		}
		
		
	
	//coloca a div contLinks dentro da div conteudos
	contDivElement.appendChild(contImgElement);

}