//Variáveis de ambiente
var obj = ajax(); //objeto de requisição das categorias
var loader;
var linc;
var URL = "http://www.camalleon.com/application/modules/designcomdesenho/static/img/";

/* Eventos de objetos da página */
	function eventos() {
		if(!document.getElementById('imagensProjetos')) {
			return;
		}
		var a = document.getElementById('listaPreto').getElementsByTagName('a');
		for(i=0; i<a.length; i++) {
			if (a.className && a.className == "projLink") {
				a[i].onclick = function() {
					//loader = this.getElementsByTagName('img')[0];
					//loader.style.display = "block";
					for(j=0; j<a.length; j++) {
						a[j].style.color = '#FFF';
						a[j].onmouseover = function(){
							this.style.color = '#F90';
						}
						a[j].onmouseout = function(){
							this.style.color = '#FFF';	
						} 
						/*var imgAtual = document.getElementById('colunaCentral').getElementsByTagName('img')[0];
						if(imgAtual) {
							imgAtual.parentNode.removeChild(imgAtual);
						}*/
					}
					this.onmouseout = function(){
						this.style.color = '#F90';
					}
					this.style.color = '#F90';
					return false;
				}
			}
		}
	}

	// Clica na categoria e puxa os projetos
	function puxaProdutos(prod) {
		limpaLoad();
				
		loader = prod.parentNode.getElementsByTagName("img")[0];
		loader.style.display = "block";
		var id = prod.rel;

		obj = ajax();
		requisicao(obj, '../includes/produtosJson.php', 'POST', 'id_categoria='+id, manCategoria);
	}
	// Chain ^
	function manCategoria() {
		if(obj.readyState == 4 && obj.status == 200) {
			if (obj.responseText == "[empty]") {
				alert("Ocorreu um problema ao tentar alterar a categoria.\nPor favor, tente novamente mais tarde");
				return false;
			}
			var categorias = obj.responseText;
			categorias = eval("("+categorias+")");
			if (categorias.length) {
				
				document.getElementById("colunaDireita").innerHTML = "";
				// h2 e p com os dados do projeto
				var h2 = document.getElementById("colunaCentral").getElementsByTagName("h2")[0];
				var p = document.getElementById("colunaCentral").getElementsByTagName("p")[0];
				var paginacao = document.getElementById("paginacao");
				
				paginacao.innerHTML = "";
				
				h2.innerHTML = categorias[0]["cat_nome"];
				p.innerHTML = categorias[0]["cat_desc"];
				
				var imgCentro = document.getElementById("imagemCentral");
				if (imgCentro && imgCentro.parentNode) {
					imgCentro.parentNode.removeChild(imgCentro);
				}
				
			}
			loader.style.display = "none";
		}
	}

	// Clica no projeto e abre o próprio
	function puxaProjeto(linc) {
		limpaLoad();

		var id = linc.rel;
		loader = linc.parentNode.parentNode.parentNode.getElementsByTagName("img")[0];
		loader.style.display = "block";

		obj = ajax();
		requisicao(obj, '../includes/projetosJson.php', 'POST', 'id_projeto='+id, manProjeto);
	}
	// Chain ^
	function manProjeto() {
		if(obj.readyState == 4 && obj.status == 200) {
			// h2 e p com os dados do projeto
			var h2 = document.getElementById("colunaCentral").getElementsByTagName("h2")[0];
			var pLimpar = document.getElementById("colunaCentral").getElementsByTagName("p")[0];
			var imgContainer = document.getElementById("imagensProjetos");

			var colunaDireita = document.getElementById("colunaDireita");
			colunaDireita.innerHTML = "";
			//var p = document.getElementById("colunaDireita").getElementsByTagName("p")[0];
			var p = document.createElement("p");
			//var h2Desc = document.getElementById("colunaDireita").getElementsByTagName("h2")[0];
			var h2Desc = document.createElement("h2");
			h2Desc.innerHTML = "Descri&ccedil;&atilde;o";
			
			colunaDireita.appendChild(h2Desc);
			colunaDireita.appendChild(p);
			
			// UL da paginação
			var paginacao = document.getElementById("paginacao");
			h2Desc.innerHTML = "Descri&ccedil;&atilde;o";

			// Objeto JSON
			var projetos = eval("("+obj.responseText+")");
			
			// Tira o texto do meio
			pLimpar.innerHTML = "";
			
			// Dados do JSON
			var nome = projetos[0]["nome"];
			var descricao = projetos[0]["descricao"];
			h2.innerHTML = nome;
			p.innerHTML = descricao;
			paginacao.innerHTML = "";
			
			// Número de fotos para a paginação
			var numFotos = 1;
			
			if (projetos[0]["imagem"] != undefined) {
				var a = document.createElement("a");
				var img = document.createElement("img");
				img.setAttribute("src",URL+"md_"+projetos[0]["imagem"]);
				img.setAttribute("id","imagemCentral");
				a.setAttribute("href",URL+"gd_"+projetos[0]["imagem"]);
				a.setAttribute("id","linkCentral");
				a.setAttribute("rel","lightbox[vai]");
				a.appendChild(img);
				imgContainer.innerHTML = "";
				imgContainer.appendChild(a);
			}
			
			if (projetos.length > 1) {
				paginacao.innerHTML = "";
				for (i=0;i<projetos.length;i++) {
					var paginas = document.createElement("li");
					var paginasA = document.createElement("a");
					paginasA.setAttribute("href","#");
					paginasA.setAttribute("title",URL+"md_"+projetos[i]["imagem"]);
					paginasA.onclick = function() {
						document.getElementById("imagemCentral").src = this.title;
						document.getElementById("linkCentral").setAttribute("href",this.title.replace("/md_","/gd_"));
						Lightbox.init();						
						return false;
					}
					paginasA.innerHTML = (i+1)+(".");
					paginas.appendChild(paginasA);
					paginacao.appendChild(paginas);
				}
			}
			loader.style.display = "none";
			//puxaProdutos(projetos[0]["id"]);
			// Inicia a Slimbox ;)
			Lightbox.init();
		}
	}
	
	function limpaLoad() {
		var listaLoad = document.getElementById("listaPreto").getElementsByTagName("img");
		var atual;
		i = 0;
		while (atual = listaLoad[i++]) {
			atual.style.display = "none";
		}
	}
	
	function loadIt(thiz) {
		document.getElementById("imagemCentral").src = thiz.title;
		document.getElementById("linkCentral").setAttribute("href",thiz.title.replace("/md_","/gd_"));
		Lightbox.init();						
		return false;
	}

	/* Carregamento da Página */
	window.addEvent("load",function(){
		eventos();
		new Fx.Accordion('.projLink','.listaLink', {show: -1, alwaysHide: true});
	});