/* 
	SearchField 
	written by Alen Grakalic, provided by Css Globe (cssglobe.com)
	please visit http://cssglobe.com/post/1202/style-your-websites-search-field-with-jscss/ for more info	
*/
this.search = function(){
	
	// CONFIG 
	
	// this is id of the search field you want to add this script to. 
	// You can use your own id just make sure that it matches the search field in your html file.
	var id = "searchPost";
	
	// Text you want to set as a default value of your search field.
	var defaultText = "insira termo..";	
	
	// set to either true or false
	// when set to true it will generate search suggestions list for search field based on content of variable below
	var suggestion = true;
	
	// static list of suggestion options, separated by comma
	// replace with your own 
	
	//var suggestionText = "surf, sexo";
	var suggestionText = ", Programa,  Avançado,  Fiscalidade, HACCP,  Segurança,  Alimentar, Técnico,  Higiene,  Trabalho,  Nível,  III,  Superior,  SHT, Normas,  Internacionais,  Contabilidade,  (IFRS),  (42,  Créditos), Higiene,  Sector,  das,  Carnes,  (Talhos), Como,  Fazer,  Plano,  Comunicação,  Interna, Formação,  Pedagógica,  Inicial,  Formadores, Segurança,  Saúde,  Construção,  Civil, Auditorias,  Sistemas,  HACCP, Técnicas,  Eficazes,  Cobranças, Implementação,  Sistema,  Gestão,  Ambiental,  (ISO,  14001), Finanças,  Auditoria,  (31, Imagem,  Protocolo,  Organização,  Eventos, Gestão,  Projectos,  Fiscalização,  Obra,  Qualidade,  Marketing,  Online, Media,  Trainning,  Tempo,  Tesouraria, Exploração,  Recursos,  Didáticos,  Audiovisual,  Multimédia, Workshop,  Compostagem,  Agricultura,  Biológica, Protocolo,  Empresarial,  Multicultural,  para,  Manipuladores, Novo,  Modelo,  Contabilístico,  2010,  SNC, WebMarketing,  Prático,  Ferramentas,  CRM,  Contínua, Auditoria,  Financeira,  Balanços, Utilização,  Meios,  Primeira,  Intervenção,  Combate,  Incêndios,  (UMPICI), Elaboração,  Análise,  Investimento,  Desempenho,  Motivação,  Aplicado,  Secretariado,  Administração, Gerir,  Profissionais,  com,  Competências,  Técnicas,  Resíduos, Curso,  Negociação,  Internacional,  Integrado,  (Qualidade,  Ambiente,  Segurança), Construir,  Dinamizar,  Avaliação,  Profissional, Competências,  Coaching,  Mentoring,  Gestores,  Redução,  Custos, Riscos,  Medidas,  Prevenção, Desempenho,  Funções,  por,  Trabalhadores,  Designados, Primeiros,  Socorros,  Suporte,  Básico,  Vida,  (SBV),  Caixa,  Estratégia,  Planeamento, Marketing,  Digital:,  Conquistar,  Reter,  Gerar,  Clientes,  usando,  Canais,  Digitais, Utilizar,  Conceito,  VALOR,  Conceber,  uma,  Eficaz, Sistemas,  9001:2000, INCOTERMS,  Procedimentos,  Transporte,  ISO,  22000,  Negócio, Desenvolvimento,  Executivos,  Liderança, Master,  Fiscal,  Aprender,  reutilizar,  Atelier,  prático,  Empreendedor,  Profissão, Responsabilidade,  Social,  Norma,  8000,  Avançada, Liderança,  Projectos:,  que,  Funcionam,  através,  Pessoas, Programação,  Neurolinguística,  Chaves,  Sucesso, Pensamento,  Criativo, Manuseamento,  Manual,  Cargas, Fazer,  Prospecção,  Estratégica,  Marcar,  Reuniões, Benchmarking,  Elaborar,  Negócios,  Carreiras,  Mobilidade,  Conseguir,  nos,  Mercados, Excelência,  Serviço,  Cliente,  Dinâmicos:,  Reais,  Igualdade,  entre,  Homens,  Mulheres, Negociação,  Vendas,  Como,  Proveitosas,  Stress, e-Business, Estratégia,  Marca,  Branding,  Strategy,  Ganhe,  dinheiro,  poupando,  ambiente,  Pesquisa,  Crescer,  Ambientais, Prevenção,  Protecção,  SHST,  ferramenta,  Educar,  Sensibilizar,  Gestor,  Líder, Contabilidade,  Grupos,  Económicos,  Mudança:,  Rapidez,  Inovação, Vibrações,  Radiações,  Plataformas,  e-Commerce,  Factores,  Risco,  Posto,  Informatizado,  (GFRPTI), Inteligência,  Competitiva, Venda,  Serviços,  Telefone,  Contas, Desenvolver,  ISO/TS,  16949:2002,  Automóvel, Toxicodependência,  Soluções,  Inteligentes:,  Desenvolver,  Vender,  Proposta,  Valor, Introdução,  Novos,  Produtos,  Estratégias,  Rápidas,  Implementação, Empreendedorismo,  Corporativo,  (Mobile,  Marketing), Direcção,  Comércio,  Grandes, Ergonomia,  Condução,  Exportações, Posturas,  Trabalham,  Consciência,  Comercial, Conceber,  Orientada,  Negociar,  Operações,  Cenário,  Global,  Campanhas,  Obter,  Permissão,  Identificar,  Seleccionar,  Oportunidades,  Seu,  Uma,  Perspectiva,  Prática,  ser,  Inspirador,  Influente,  Pilares,  Afirmação,  Pessoal, Quanto,  Vale,  seu,  Produto/Serviço,  Cliente?,  WIN-WIN,  Apresentações,  Liderar,  Equipa,  Excelente,  Novos/Futuros, Comunicar,  Causar,  Impacto,  Empreendedor?, Melhoria,  Processos,  Melhoria, Gestor,  Informáticos,  Elementos,  Administrativos, Excel,  Imagem,  Distribuição, Liderar,  Forma,  Remota,  Project, Conseguir,  Resultados,  sem,  Autoritarismo, Secretariado,  Activo, Controlo,  exposição,  Agentes,  Químicos";
	//PBS - PHP dentro de JAVASCRIPT ! ou vice-versa.. ATENÇÃO Q NO SERVIDOR DA 000WEBHOST N FUNCIONA..
	
	
	// END CONFIG (do not edit below this line, well unless you really, really want to change something :) )
	
	// Peace, 
	// Alen

	var field = document.getElementById(id);	
	var classInactive = "sf_inactive";
	var classActive = "sf_active";
	var classText = "sf_text";
	var classSuggestion = "sf_suggestion";
	this.safari = ((parseInt(navigator.productSub)>=20020000)&&(navigator.vendor.indexOf("Apple Computer")!=-1));
	if(field && !safari){
		field.value = defaultText;
		field.c = field.className;		
		field.className = field.c + " " + classInactive;
		field.onfocus = function(){
			this.className = this.c + " "  + classActive;
			this.value = (this.value == "" || this.value == defaultText) ?  "" : this.value;
		};
		field.onblur = function(){
			this.className = (this.value != "" && this.value != defaultText) ? this.c + " " +  classText : this.c + " " +  classInactive;
			this.value = (this.value != "" && this.value != defaultText) ?  this.value : defaultText;
			clearList();
		};
		if (suggestion){
			
			var selectedIndex = 0;
						
			field.setAttribute("autocomplete", "off");
			var div = document.createElement("div");
			var list = document.createElement("ul");
			list.style.display = "none";
			div.className = classSuggestion;
			list.style.width = field.offsetWidth + "px";
			div.appendChild(list);
			field.parentNode.appendChild(div);	

			field.onkeypress = function(e){
				
				var key = getKeyCode(e);
		
				if(key == 13){ // enter
					selectList();
					selectedIndex = 0;
					return false;
				};	
			};
				
			field.onkeyup = function(e){
			
				var key = getKeyCode(e);
		
				switch(key){
				case 13:
					return false;
					break;			
				case 27:  // esc
					field.value = "";
					selectedIndex = 0;
					clearList();
					break;				
				case 38: // up
					navList("up");
					break;
				case 40: // down
					navList("down");		
					break;
				default:
					startList();			
					break;
				};
			};
			
			this.startList = function(){
				var arr = getListItems(field.value);
				if(field.value.length > 0){
					createList(arr);
				} else {
					clearList();
				};	
			};
			
			this.getListItems = function(value){
				var arr = new Array();
				var src = suggestionText;
				var src = src.replace(/, /g, ",");
				var arrSrc = src.split(",");
				for(i=0;i<arrSrc.length;i++){
					if(arrSrc[i].substring(0,value.length).toLowerCase() == value.toLowerCase()){
						arr.push(arrSrc[i]);
					};
				};				
				return arr;
			};
			
			this.createList = function(arr){				
				resetList();			
				if(arr.length > 0) {
					for(i=0;i<arr.length;i++){				
						li = document.createElement("li");
						a = document.createElement("a");
						a.href = "javascript:void(0);";
						a.i = i+1;
						a.innerHTML = arr[i];
						li.i = i+1;
						li.onmouseover = function(){
							navListItem(this.i);
						};
						a.onmousedown = function(){
							selectedIndex = this.i;
							selectList(this.i);		
							return false;
						};					
						li.appendChild(a);
						list.setAttribute("tabindex", "-1");
						list.appendChild(li);	
					};	
					list.style.display = "block";				
				} else {
					clearList();
				};
			};	
			
			this.resetList = function(){
				var li = list.getElementsByTagName("li");
				var len = li.length;
				for(var i=0;i<len;i++){
					list.removeChild(li[0]);
				};
			};
			
			this.navList = function(dir){			
				selectedIndex += (dir == "down") ? 1 : -1;
				li = list.getElementsByTagName("li");
				if (selectedIndex < 1) selectedIndex =  li.length;
				if (selectedIndex > li.length) selectedIndex =  1;
				navListItem(selectedIndex);
			};
			
			this.navListItem = function(index){	
				selectedIndex = index;
				li = list.getElementsByTagName("li");
				for(var i=0;i<li.length;i++){
					li[i].className = (i==(selectedIndex-1)) ? "selected" : "";
				};
			};
			
			this.selectList = function(){
				li = list.getElementsByTagName("li");	
				a = li[selectedIndex-1].getElementsByTagName("a")[0];
				field.value = a.innerHTML;
				clearList();
			};			
			
		};
	};
	
	this.clearList = function(){
		if(list){
			list.style.display = "none";
			selectedIndex = 0;
		};
	};		
	this.getKeyCode = function(e){
		var code;
		if (!e) var e = window.event;
		if (e.keyCode) code = e.keyCode;
		return code;
	};
	
};

// script initiates on page load. 

this.addEvent = function(obj,type,fn){
	if(obj.attachEvent){
		obj['e'+type+fn] = fn;
		obj[type+fn] = function(){obj['e'+type+fn](window.event );}
		obj.attachEvent('on'+type, obj[type+fn]);
	} else {
		obj.addEventListener(type,fn,false);
	};
};
addEvent(window,"load",search);