/* 

	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.searchfield = 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 = "search";
	
	// Text you want to set as a default value of your search field.
	var defaultText = "O que você procura ?";	
	
	// 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 = "SAPATILHAS INJETADAS, clc, festas, festa,evento, aniversário,casamento,15 anos,buffet,salão de festa,decoração,filmagem,foto,telão,cascata de chocolate,infanitl,lembrancinha, convite, comercio de ferro e aço, oxicote, corte a Plasma,Reboques para cavalos,Reboques para lanchas,Reboques em geral, Perfilcar, perfilsul, oxicorte, cote a plasma, soldas, dobras em chapas de aço, Montagem de compressores, motores, unidades hidráulicas,Servicos de Manuntenção e Montagem Industrial Serviços de soldas especiais - stellity e colmonoy; Serviços de soldas radiografadas - mig, mag, tig e eletrodo revestido, bombas centrífugas monobloco e acopladas,bombas horizontais, verticais, submersíveis, bombas para sistema de combate a incêndio, bombas especiais com rotores Vortex, bombas químicas, JCB, bombas d'agua, Bombas JCB, TW - FOTOGRAFIA - FOTO - VIDEO - LEMBRANCINHA - CONVITE - FESTA - CASAMWENTOS - 15 ANOS - EVENTOS EM GERAL - FOTO, Espuma, Decoração infantil, Arte em balões, Psicóloga, Psicóloga Infantil, Distúrbio de Aprendizagem, Orientação Vocacional, Orientação Reeducação Alimentar, LEMBRANCINHAS E CONVITES PERSONALIZADO, COBERTURA FOTOGRAFICA DE EVENTOS EM GERAL, FOTOS EM ALTA RESOLUÇÃO, ARTESANATO RESTAURAÇÃO TEXTURA MDF, escolas, cursos, informática, CAMA ELÁSTICA,BRINQUEDOS INFLÁVEIS,TOBOGÂ JACARÉ,PISCINA DE BOLINHAS,RECREAÇÃO INFANTIL, limpeza,faxina,safas,portaria,fachada,carpete,tapetes,vidros,grama,diarista,domestica,babas,passadeiras, Guindastes, muncs, munks, muncks, guindautos, guindauto, guinchos de cabo, caminhão guinchos, guindaste de cabo, guindastes sobre caminhão, md 43, md 300, md 600, hyva, hincol, dom guindastes, hiab, palfinger, rodomaq, rodomunc, tmo, liheberr, national crane, manitowoc, masal, madal, imap, g-vetec, phd, facci, grove, md 30, guindastes de 30 ton, guindastes de 43 ton, caminhão munck, caminhão guindastes, argos, crane, truck Crane. grua, gruas, auto propelido, xcmg, chines, terex, zulion, guindastes de 70 ton, 30 toneladas, aço domex 600, domex 700, optim 600. lanças sextavadas, 4 hidráulicas, contabil, escrita, depto pessoal, declaração IRRF, abertura de empresas, ESCOLA INFANTIL, CRECHE, ESCOLHINHA, Ser Feliz, Educação, Educação Infantil, Berçario, Jardin, pegagogia, educação, crianças, babas, bebes, criança feliz, Veiculos, compra e venda, refeições balanceadas, viandas, refeições coletivas, comida caseira, nutricionista, restaurante, refeições industriais, refeições para empresas, almoço, buffet,cardátio, rango, comida, Bem comer Refeições Coletivas, Bem Comer,almoço executivo, almoço para empresas,  "; 
	
	// 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",searchfield);