/* 

	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 = "searchControl_searchText";//"searchfield";
	
	// Text you want to set as a default value of your search field.
	var defaultText = "";	
	
	// 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 = ".Net,.Net,.Net developer,.Net development,.Net programming,.Net remoting,accounting,Ajax,Ajax frameworks,Amdocs,Amdocs Clarify development,Amdocs/Clarify,AP,applet,application development,application development services,application integration,application maintenance,application management,application management services,application outsourcing,application outsourcing services,application testing,AR,Asp.Net,Asp.Net web services,assessment tools,asset optimization,AutoDialer,back office,benefits,blog,business analysts,business development,business objects,business process improvement,business vision,C#,candidates,careers,CB Exchange,CBbatch,certified professionals,CIS,Clarify,ClearBasic,client,collection agencies,collection optimization,communication technologies,complex billing,consultants,consulting,contact,contact us,contract-to-hire,control libraries,core languages,cost savings,credit management,credit risk,CRM,CS Week,current events,current news,custom applications,custom pricing,custom software,customer information systems,customer relationship management,customization centre,customization tools,customizations,data migration,data technologies,databases,Dataex,DD comp,DDeditor,Deal Capture,delivery manager,deployment,design,development servers,direct hire,direct hire services,dispatch,distribution,distribution & retail,Dreamweaver,EJB,employment,energy,energy & utilities,enhancements,fax,framework,frameworks,front office,Gary,Gary Wagstaffe,GL,global supply chain,headquarters,help desk,HJA,home,HR,HTML,Human Job Analysis,human resource manager,improve performance,independant electricity system operators,industry specific,info,intermediate,invoicing,in house,J2EE,J2EE developer,Java,Java developer,Java development,Java programming,JBuilder,JDBC,jobs,job application,JS,JSP,junior,knowledge,large scale enhancements,load forecasting,load forecasting & management,looking for job,management team,market data,marketing,middle office,middle tier,modeling,need resources,open positions,operations manager,organization training,ORM frameworks,our mission,package upgrades,Paul Hart,Peace,Personal Profile Analysis,phone,physical transaction management,positions,position keeping,position to fill,PPA,pre-scheduling,president,production support,professional careers,project management,project managers,quality assurance,quality assurance analyst,quality assurance lead,recruit,recruiters,reports,request for services,resume,resumes,retail,risk analysis,risk management,risk reporting,sales,salesforce.com,SAP,scheduling,Scott,Scott Van Dam,senior,services,servlets,settlement,sitemap,site map,software,software developer,software development,solutions,Spring framework,staff augmentation,staff augmentation services,strategic planning,Strategy Lab,stress testing,Struts,supply chain financial management,system integration,system integration consulting,Talent Insights,TCA,Team Culture Analysis,technical careers,technology,technology infrastructure,testing servers,Tests for Selection and Training,The Strategy Lab,third party application evaluation,Thomas International,Thomas International Profiles,Tibco,Tibco developer,tools,trader tools,TST,UI,UI Editor,user adoptability,utilities,VB.Net,Waggware,Waggware developers,WCF,web,web applications,web frameworks,web services,windows communication foundation,windows forms,XAML,XML,XML-DB"; 
	
	// 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);
						if(i >= 9) {
						    break
						};	
					};	
					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);