// JavaScript Document
var artJsonIndex;//o index em determinada json do artigo actual
var artId;

function article(thatId)
{
	artId=thatId;
	$("#mask").hide(1000);
		
	if($("#aritcle"+artId).length>0)
	{
		getLangArt();
		$("#aritcle"+artId).show(1000);	
		
		artDisplayImg($($("#aritcle"+artId).find(".contBarH .ArtThumb")[0]));
	}
	else
	{
		var art = document.createElement('article');
		art.setAttribute('id', "aritcle"+artId);				
		art.setAttribute('class', "art");
		
		$(art).css("opacity", "0");
		
		var bgCont = document.createElement('div');
		bgCont.setAttribute('class', "bgCont");
		$(bgCont).css("opacity", "0.85");
		
		art.appendChild(bgCont);

		var clos = document.createElement('img');
		clos.setAttribute('src', "imgBase/cross.png");
		clos.setAttribute('alt', "fechar Article");
		clos.setAttribute('class', "clos links");
		clos.setAttribute('onClick', 'closeArt()');
		art.appendChild(clos);
		
		var headArt = document.createElement('header');
		headArt.setAttribute('class', "artModule");
		
		var titArt = document.createElement('h1');
		titArt.setAttribute('class', "titulos");
		
		headArt.appendChild(titArt);
		art.appendChild(headArt);

		//texto ESQ-----------------------------------
		var contArt = document.createElement('div');
		contArt.setAttribute('class', "artModule");
		
		
		var textArtD = document.createElement('div');
		textArtD.setAttribute('class', "moduleL contModul");
		
		var textArt = document.createElement('p');
		textArt.setAttribute('class', "textos textArt");
		
		textArtD.appendChild(textArt);
		
		var footArt = document.createElement('footer');
		footArt.setAttribute('class', "footArt");

		var tempArt = document.createElement('p');
		tempArt.setAttribute('class', "textos tempArt");
		
		var urlArt = document.createElement('a');
		urlArt.setAttribute('class', "contNav");
		urlArt.setAttribute('target', "_blank");
		urlArt.innerHTML="url";
		$(urlArt).css("display", "none");
		
		footArt.appendChild(urlArt);
		footArt.appendChild(tempArt);
		//textArtD.appendChild(footArt);
		
		contArt.appendChild(textArtD);
		contArt.appendChild(footArt);

		//imagem DIR-----------------------------------
		var imaginArtD = document.createElement('div');
		imaginArtD.setAttribute('class', "moduleR contModul");

		var artDisplay = document.createElement('div');
		artDisplay.setAttribute('class', "artDisplayI");
		
		var artGal= document.createElement('div');
		artGal.setAttribute('class', "artGalImg infDir");
		
		var imaginArt = document.createElement('img');
		imaginArt.setAttribute('class', "imgArt");
		
		artDisplay.appendChild(imaginArt);
		imaginArtD.appendChild(artDisplay);
		artGal.appendChild(makeHorBar());
		imaginArtD.appendChild(artGal);
		contArt.appendChild(imaginArtD);

		art.appendChild(contArt);

		getContArt( art);

		$("body").append(art);
		$(art).animate({"opacity": "1"}, 500);
	}
}
function getContArt( art )
{
	jsonReq="art";
	
	switch($("#"+artId).parents("section").attr("id"))
	{
		case "noticias":
			artJsonIndex=findIndex(jsonNews, artId);		

			if(jsonNews[artJsonIndex]["img"]!="")
			{
				$(art).find(".artDisplayI img").attr('src', jsonNews[artJsonIndex]["img"]);
			}
			else
			{
				$(art).find(".contModul").css("width", "100%");
				$(art).find(".moduleR").css("display", "none");
			}
			
			$(art).find("footer p").html(jsonNews[artJsonIndex]["tempo"]);
				
			jsonData = {data : artId, links : "1"};
			switch(lang)
			{
				case "pt":
					$(art).find(".imgArt").attr('alt', jsonNews[artJsonIndex]["tituloPt"]);
					$(art).find("h1").html(jsonNews[artJsonIndex]["tituloPt"]);
					jsonData.textoPt="1";
				break;
				case "sp":
					$(art).find(".imgArt").attr('alt', jsonNews[artJsonIndex]["tituloSp"]);
					$(art).find("h1").html(jsonNews[artJsonIndex]["tituloSp"]);
					jsonData.textoSp="1";
				break;
				case "en":
					$(art).find(".imgArt").attr('alt', jsonNews[artJsonIndex]["tituloEn"]);
					$(art).find("h1").html(jsonNews[artJsonIndex]["tituloEn"]);
					jsonData.textoEn="1";
				break;
			}
			getJson("php/htmlObj/getNews.php", jsonData);
		break;
		case "parceiros":

			artJsonIndex=findIndex(jsonPar, artId);
			
			$(art).find("h1").html(jsonPar[artJsonIndex]["tituloPt"]);

			if(jsonPar[artJsonIndex]["img"]!="")
			{
				$(art).find(".artDisplayI img").attr('src', jsonPar[artJsonIndex]["img"]);
				$(art).find(".imgArt").attr('alt', jsonPar[artJsonIndex]["tituloPt"]);
			}
			else
			{	
				$(art).find(".contModul").css("width", "100%");
				$(art).find(".moduleR").css("display", "none");
			}

			switch(lang)
			{
				case "pt":
					$(art).find(".textArt").html(jsonPar[artJsonIndex]["textoPt"]);	
				break;
				case "sp":
					$(art).find(".textArt").html(jsonPar[artJsonIndex]["textoSp"]);		
				break;
				case "en":
					$(art).find(".textArt").html(jsonPar[artJsonIndex]["textoEn"]);	
				break;
			}

			jsonData = {data : artId, links : "1"};
			getJson("php/htmlObj/getCliPar.php", jsonData);
		break;
		case "clientes":
			artJsonIndex=findIndex(jsonCli, artId);
			
			$(art).find("h1").html(jsonCli[artJsonIndex]["tituloPt"]);

			if(jsonCli[artJsonIndex]["img"]!="")
			{
				$(art).find(".artDisplayI img").attr('src', jsonCli[artJsonIndex]["img"]);
			}
			else
			{
				$(art).find(".contModul").css("width", "100%");
				$(art).find(".moduleR").css("display", "none");
			}
			
			jsonData = {data : artId, links : "1"};
			
			switch(lang)
			{
				case "pt":
					jsonData.textoPt="1";
				break;
				case "sp":
					jsonData.textoSp="1";	
				break;
				case "en":
					jsonData.textoEn="1";
				break;
			}			
			getJson("php/htmlObj/getCliPar.php", jsonData);
		break;
		case "new":
			artJsonIndex=findIndex(jsonBusNM, artId);
			
			$(art).find("h1").html(jsonBusNM[artJsonIndex]["tituloPt"]);

			if(jsonBusNM[artJsonIndex]["img"]!="")
			{
				$(art).find(".artDisplayI img").attr('src', jsonBusNM[artJsonIndex]["img"]);
			}
			else
			{
				$(art).find(".contModul").css("width", "100%");
				$(art).find(".moduleR").css("display", "none");
			}
			
			jsonData = {data : artId};
			switch(lang)
			{
				case "pt":
					jsonData.textoPt="1";
				break;
				case "sp":
					jsonData.textoSp="1";	
				break;
				case "en":
					jsonData.textoEn="1";
				break;
			}			
			getJson("php/htmlObj/getCaseBus.php", jsonData);
		break;
		case "network":
			artJsonIndex=findIndex(jsonBusMN, artId);
			
			$(art).find("h1").html(jsonBusMN[artJsonIndex]["tituloPt"]);

			if(jsonBusMN[artJsonIndex]["img"]!="")
			{
				$(art).find(".artDisplayI img").attr('src', jsonBusMN[artJsonIndex]["img"]);
			}
			else
			{
				$(art).find(".contModul").css("width", "100%");
				$(art).find(".moduleR").css("display", "none");
			}
			
			jsonData = {data : artId};
			switch(lang)
			{
				case "pt":
					jsonData.textoPt="1";
				break;
				case "sp":
					jsonData.textoSp="1";	
				break;
				case "en":
					jsonData.textoEn="1";
				break;
			}			
			getJson("php/htmlObj/getCaseBus.php", jsonData);
		break;
		case "activation":
			artJsonIndex=findIndex(jsonBusBA, artId);
			
			$(art).find("h1").html(jsonBusBA[artJsonIndex]["tituloPt"]);

			if(jsonBusBA[artJsonIndex]["img"]!="")
			{
				$(art).find(".artDisplayI img").attr('src', jsonBusBA[artJsonIndex]["img"]);
			}
			else
			{
				$(art).find(".contModul").css("width", "100%");
				$(art).find(".moduleR").css("display", "none");
			}
			
			jsonData = {data : artId};
			switch(lang)
			{
				case "pt":
					jsonData.textoPt="1";
				break;
				case "sp":
					jsonData.textoSp="1";	
				break;
				case "en":
					jsonData.textoEn="1";
				break;
			}			
			getJson("php/htmlObj/getCaseBus.php", jsonData);
		break;
		case "mobile":
			artJsonIndex=findIndex(jsonBusMM, artId);
			
			$(art).find("h1").html(jsonBusMM[artJsonIndex]["tituloPt"]);

			if(jsonBusMM[artJsonIndex]["img"]!="")
			{
				$(art).find(".artDisplayI img").attr('src', jsonBusMM[artJsonIndex]["img"]);
			}
			else
			{
				$(art).find(".contModul").css("width", "100%");
				$(art).find(".moduleR").css("display", "none");
			}
			
			jsonData = {data : artId};
			switch(lang)
			{
				case "pt":
					jsonData.textoPt="1";
				break;
				case "sp":
					jsonData.textoSp="1";	
				break;
				case "en":
					jsonData.textoEn="1";
				break;
			}			
			getJson("php/htmlObj/getCaseBus.php", jsonData);
		break;
		case "CSholo":
			artJsonIndex=findIndex(jsonCase0, artId);
			fillArtStudies(jsonCase0[artJsonIndex], art);
		break;
		case "CSmobile":
			artJsonIndex=findIndex(jsonCase1, artId);
			fillArtStudies(jsonCase1[artJsonIndex], art);
		break;
		case "CSprint":
			artJsonIndex=findIndex(jsonCase2, artId);
			fillArtStudies(jsonCase2[artJsonIndex], art);
		break;
		case "CSproj":
			artJsonIndex=findIndex(jsonCase3, artId);
			fillArtStudies(jsonCase3[artJsonIndex], art);
		break;
		case "CSaug":
			artJsonIndex=findIndex(jsonCase4, artId);
			fillArtStudies(jsonCase4[artJsonIndex], art);
		break;
		case "CSevents":
			artJsonIndex=findIndex(jsonCase5, artId);
			fillArtStudies(jsonCase5[artJsonIndex], art);
		break;
		case "CSsecreen":
			artJsonIndex=findIndex(jsonCase6, artId);
			fillArtStudies(jsonCase6[artJsonIndex], art);
		break;
		case "CSsurface":
			artJsonIndex=findIndex(jsonCase7, artId);
			fillArtStudies(jsonCase7[artJsonIndex], art);
		break;
		
	}
}
function fillArtStudies(jsonTree, art)
{
	$(art).find("h1").html(jsonTree["tituloPt"]);
	
	$(art).find(".textArt").remove();
	
	var contCli= document.createElement('h2');
	contCli.setAttribute('class', "contCli");
	
	var titcli = document.createElement('span');
	titcli.setAttribute('class', "subTit titCli");
	titcli.innerHTML="Cliente";
	
	var cli = document.createElement('span');
	cli.setAttribute('class', "textos cliente");
	
	contCli.appendChild(titcli);
	contCli.appendChild(cli);
	$(art).find(".moduleL").append(contCli);
	$(contCli).css("display", "none");


	var contContra= document.createElement('h2');
	contContra.setAttribute('class', "contContra");
	var titcontratante = document.createElement('span');
	titcontratante.setAttribute('class', "subTit titContra");
	titcontratante.innerHTML="Contratante";
	
	var contratante = document.createElement('span');
	contratante.setAttribute('class', "textos contratante");
	
	contContra.appendChild(titcontratante);
	contContra.appendChild(contratante);
	$(art).find(".moduleL").append(contContra);
	$(contContra).css("display", "none");


	var contProj= document.createElement('h2');
	contProj.setAttribute('class', "contProj");
	
	var titProj = document.createElement('span');
	titProj.setAttribute('class', "subTit titProj");
	var projecto = document.createElement('span');
	projecto.setAttribute('class', "textos projecto");
	
	contProj.appendChild(titProj);
	contProj.appendChild(projecto);
	$(art).find(".moduleL").append(contProj);
	$(contProj).css("display", "none");
	
	var titBrif = document.createElement('h2');
	titBrif.setAttribute('class', "subTit titBrif");
	titBrif.innerHTML="Briefing";
	
	var brif = document.createElement('p');
	brif.setAttribute('class', "textos brif");
	
	var titSol = document.createElement('h2');
	titSol.setAttribute('class', "subTit titSol");
	
	var sol = document.createElement('p');
	sol.setAttribute('class', "textos sol");
	
	$(art).find(".moduleL").append(titBrif);
	$(art).find(".moduleL").append(brif);
	$(art).find(".moduleL").append(titSol);
	$(art).find(".moduleL").append(sol);

	if(jsonTree["img"]!="")
	{
		$(art).find(".artDisplayI img").attr('src', jsonTree["img"]);
	}
	else
	{
		$(art).find(".contModul").css("width", "100%");
		$(art).find(".moduleR").css("display", "none");
	}
	
	jsonData = {data : artId, links : "1", cliente : "1", projecto : "1", contratante : "1"};
	switch(lang)
	{
		case "pt":
			titProj.innerHTML="Projecto - ";
			titcli.innerHTML="Cliente - ";
			titcontratante.innerHTML="Contratante - ";
			titSol.innerHTML="Solução";
			jsonData.solPt="1";
			jsonData.brifPt="1";
		break;
		case "sp":
		titProj.innerHTML="Proyecto - ";
			titcli.innerHTML="Cliente - ";
			titcontratante.innerHTML="Contratista - ";
			
			titSol.innerHTML="Solución";
			jsonData.solSp="1";
			jsonData.brifSp="1";	
		break;
		case "en":
			titProj.innerHTML="Project - ";
			titcli.innerHTML="Client - ";
			titcontratante.innerHTML="Contractor - ";
			titSol.innerHTML="Solution";
			jsonData.solEn="1";
			jsonData.brifEn="1";
		break;
	}			
	getJson("php/htmlObj/getCase.php", jsonData);	
}

function findIndex(jsonTree, ids)
{
	for(i=0;i<jsonTree.length;i++)
	{
		if(jsonTree[i]["data"]==ids)
		{
			return i;	
		}
	}
	return;
}
			
function closeArt()
{
	swfFunctions($("#aritcle"+artId), "stop");
	$("#aritcle"+artId).find(".artDisplayI").empty();
	
	$("#aritcle"+artId).hide(1000);	
	$("#mask").show(1000);
	artId=0;
}