var slideSpeed = 200; //ms

$(document).ready(function() {	
	
	// faz reset a todos os divs
	limpar();
	
	// carrega o formulario
	var formReg = $('div[@id="formReg"]');
	formReg.html('<img src="admin/images/indicator.gif" />');
	formReg.load('getForm.php' , '', function(){
		validForm();
	});
	
	// funcao para o formulario
	validForm();
			
	//mostra os seleccionados 1
	$('a[@id^="catList"]').click(function(){
		
		// faz reset a todos os divs
		limpar();
		
		// mostra os q devem ser visiveis
		$('div[@id="recList"]').show();
		
		// esconder o cozinheiro
		var cozinheiro = $('div[@id="cozinheiro"]');
		cozinheiro.hide();
		
		
		// declaracao de variaveis
		var dataID = document.getElementById(this.id + 'ID').value;
		var nomeID = document.getElementById(this.id + 'NomeID');
		var data = document.getElementById(this.id + 'Data');
		var nomeID = document.getElementById(this.id + 'NomeID');
		var catName = $('div[@id="catName"]'); //DIV A ESCREVER
		var path = document.getElementById('documentPath').value;
		var image = document.getElementById(this.id + 'ImgCat').value;
		var recImage = $('div[@id="recImage"]'); //DIV A ESCREVER
		var recList = $('div[@id="recList"]'); //DIV A ESCREVER
		
		// nome categoria
		if (catName.is(':visible')){
			catName.fadeOut(slideSpeed, function(){
				catName.html(data.value);
				catName.fadeIn(slideSpeed);
			});	
		}else{
			catName.html(data.value);
			catName.fadeIn(slideSpeed);
		}
		
		
		// img categoria
		if(image!='') //se existirem dados, cria campo para imagem
			image = '<img src="' + path + image + '" border="0" />';
		
		if (recImage.is(':visible')){
			recImage.fadeOut(slideSpeed, function(){
				recImage.html(image);
				recImage.fadeIn(slideSpeed);
			});		
		}else{
			recImage.html(image);
			recImage.fadeIn(slideSpeed);
		}
		
		
		// lista de sub-categorias :: AJAX
		recList.html('<img src="admin/images/indicator.gif" />');
		recList.load('getSubCatData.php?id=' + dataID + '&idNomeCat=' + nomeID.value, '', function(){
			getsubCat();
		});
		
	});
	
}); //fim do document.ready

	
	
	
function getsubCat(){
	$('a[@id^="subcatList"]').click(function(){
		
		// faz reset a todos os divs
		limpar();
		
		// mostra os q devem ser visiveis
		$('div[@id="catName"]').show();
		$('div[@id="capList"]').show();
		$('div[@id="formVisitante"]').show();
		$('div[@id="recSubCatImage"]').show();
		$('div[@id="formVisitante"]').show();
		
		
		// declaracao de variaveis
		var data = document.getElementById(this.id + 'Data');
		var ID = document.getElementById(this.id + 'ID');
		var catID = document.getElementById('catID').value;
		var nomeCatID = document.getElementById('nomeCatID').value;
		var dataID = document.getElementById(this.id + 'ID').value;
		var subcatName = $(document.getElementById("subcatName"));
		var subcat = $(document.getElementById("subcat"));
		var recSubCatImage = $('div[@id="recSubCatImage"]'); //DIV A ESCREVER
		//var recSubCatImage = $(document.getElementById("recSubCatImage")); //DIV A ESCREVER
		var imgSubCat = document.getElementById(this.id + 'Img').value;
		var path = document.getElementById('documentPath').value;		
		var thumb = document.getElementById('catList' + nomeCatID + 'ImgThumb').value;
		var catTopImg = $('div[@id="catTopImg"]'); //DIV A ESCREVER
		var capList = $('div[@id="capList"]');
		var formVisitante = $('div[@id="formVisitante"]');
		
		// nome da sub-categoria
		if (subcat.is(':visible')){
			subcat.fadeOut(slideSpeed, function(){
				subcatName.html(data.value);
				subcat.fadeIn(slideSpeed);
			});	
		}else{
			subcatName.html(data.value);
			subcat.fadeIn(slideSpeed);
		}
				
		// imagem da sub-categoria
		if (imgSubCat != '')
			imgSubCat = '<img src="' + path + imgSubCat + '" border="0" />';
		
		if (recSubCatImage.is(':visible')){
			recSubCatImage.fadeOut(slideSpeed, function(){
				recSubCatImage.html(imgSubCat);
				recSubCatImage.fadeIn(slideSpeed);
			});		
		}else{
			recSubCatImage.html(imgSubCat);
			recSubCatImage.fadeIn(slideSpeed);
		}
		
		
		// imagem de topo = categoria
		var varAux = path + thumb
		//alert (varAux)
		if(thumb!='') //se existirem dados, cria campo para imagem
			thumb = '<img src="' + path + thumb + '" border="0" />';
			
		
		if (catTopImg.is(':visible')){
			catTopImg.fadeOut(slideSpeed, function(){
				catTopImg.load('img.php?imagem=' + varAux, '' , '');
				catTopImg.fadeIn(slideSpeed);
			});		
		}else{
			catTopImg.load('img.php?imagem=' + varAux, '' , '');
			catTopImg.fadeIn(slideSpeed);
		}	
		
		
		// mostra sub-categorias
		capList.html('<img src="admin/images/indicator.gif" />');
		capList.load('getCapData.php?id='+dataID, '', function(){
			getBack();
		});
		
		
	});
}; // fim funcao getsubCat()



function getBack(){
	$('a[@id^="goBackButton"]').click(function(){
		
		// faz reset a todos os divs
		limpar();
		
		// mostra os q devem ser visiveis
		$('div[@id="catName"]').show();
		$('div[@id="recList"]').show();
		$('div[@id="recImage"]').show();
						
	});
	
	
	$('a[@id^="capList"]').click(function(){
		var capID = document.getElementById(this.id + 'ID').value;
		var nomeCatID = document.getElementById('nomeCatID').value;
		var catName = $('div[@id="catName"]');
		var subcatName = $('div[@id="subcatName"]');
		var capName = document.getElementById(this.id + 'Data').value;
		
		
		
		//alert (catName.html() + '\n' + subcatName.html() + '\n' + capName + '\n' + nomeCatID )
		//alert (nomeCatID)
		
		window.open('tabela.php?id='+ capID + '&idNomeCat=' + nomeCatID + '&catName=' + catName.html() + '&subCatName=' + subcatName.html() + '&capName=' + capName,'Tabela','toolbar=0,resizable=1,width=1000,height=660');
	});
};


function validForm(){
	$('a[@id="btnSubmit"]').click(function(){
		
		// variaveis
		var formReg = $('div[@id="formReg"]');
		var formNome = document.getElementById('formNome').value;
		var formPass = document.getElementById('formPass').value;
		var msg = '';
		
		//alert ('Username= ' + formNome + '\nPassword= ' + formPass);
		if (formNome == ''){
			msg = 'tem de preencher o username\n';
		}
		if (formPass == ''){
			msg += 'tem de preencher a password';
		}
		
		
		
		// chamar outra pagina para este div
		if (msg == ''){
			formReg.html('<img src="admin/images/indicator.gif" />');
			formReg.load('getForm.php?username=' + formNome + '&password=' + formPass , '', function(){
				validForm();
			});
		} else {
			alert (msg);
		}
	});
	
	
	$('a[@id="btnLogout"]').click(function(){
		var formReg = $('div[@id="formReg"]');
		
		formReg.html('<img src="admin/images/indicator.gif" />');
		formReg.load('getForm.php?timeout=1', '', function(){
			validForm();
		});
	});
	
}


function limpar(){
	//esconde todas as linhas devidas
	$('div[@id="catName"]').hide();
	$('div[@id="subcat"]').hide();
	$('div[@id="recImage"]').hide();
	$('div[@id="recSubCatImage"]').hide();
	$('div[@id="catTopImg"]').hide();
	$('div[@id="recList"]').hide();
	$('div[@id="capList"]').hide();
	$('div[@id="formVisitante"]').hide();
}