/* 

	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
	
*/

var txtval="";
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;
	var DropDownid;
	var SearchHfid;
	var btnsearch;
	    if(document.getElementById('ctl00_ctl20_Search2_txtHomeSearchString')!=null)
	    {
	        id ="ctl00_ctl20_Search2_txtHomeSearchString";
	        DropDownid ="ctl00_ctl20_Search2_ddlCategory";
	        SearchHfid='ctl00_ctl20_Search2_HFLnk';
	        btnsearch='ctl00_ctl20_Search2_btnHomeSearch';
	    }
	    else if(document.getElementById('ctl00_ctl18_Search2_txtHomeSearchString')!=null)
	    {
		    id ="ctl00_ctl18_Search2_txtHomeSearchString";
		    DropDownid ="ctl00_ctl18_Search2_ddlCategory";
		    SearchHfid='ctl00_ctl18_Search2_HFLnk';
		    btnsearch='ctl00_ctl18_Search2_btnHomeSearch';
		}
		else if(document.getElementById('ctl00_ctl19_Search2_txtHomeSearchString')!=null)
	    {
		    id ="ctl00_ctl19_Search2_txtHomeSearchString";
		    DropDownid ="ctl00_ctl19_Search2_ddlCategory";
		    SearchHfid='ctl00_ctl19_Search2_HFLnk';
		    btnsearch='ctl00_ctl19_Search2_btnHomeSearch';
		}
	    else
	    {
		    id ="ctl00_ctl17_Search2_txtHomeSearchString";
		    DropDownid ="ctl00_ctl17_Search2_ddlCategory";
		    SearchHfid='ctl00_ctl17_Search2_HFLnk';
		    btnsearch='ctl00_ctl17_Search2_btnHomeSearch';
		}
		if(document.getElementById(id)==null)
		 {
			//id="ctl00_ctl17_Search2_txtHomeSearchString";
			txtval="SpanFullHeader1_";
			} 
		
		if(document.getElementById(id)==null)
		 {
			//id="ctl00_ctl17_Search2_txtHomeSearchString";
			txtval="ctl00_SpanFullHeader1_";
			} 
			if(document.getElementById(id)==null)
				{ 
				//id= "ctl00_ctl17_Search2_txtHomeSearchString";
						txtval="ctl00_Head1_";
				}
	// Text you want to set as a default value of your search field.
	//var defaultText = "Search the site...";	
	
	//alert(Request.QueryString("Value").Count );Search2_HFcategory \
	
	var defaultText = "Movies, Actors, Directors, Trailers";
	//Display the Search text on the text box
	
	var SearchObj=document.getElementById(id);
	if(SearchObj.value!='')
	defaultText = SearchObj.value;
	else
	defaultText = "Movies, Actors, Directors, Trailers";		
	
	
	
	// 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 = "";//"above the fold, absolute link, accessibility, address bar, affordance, alt text, alt tag, anchor, animated GIF, anti-alias, applet, assumed knowledge, authoring, automagically, autoresponder, back end/front end, backup, bandwidth, banner ad, banner blindness, belt-and-suspenders, bitmap, blog, blogger, blogging, bookmark, breadcrumb, broadband, browser, cache, cached files, call to action, Cascading Style Sheets , chatroom, chrome, click-through rate, client-side/server-side, closure, compatibility mode, data compression, content management system , contextual menu, convergence, cookie, cost-per-clickthrough, cost-per-thousand, crawler, cross-browser compatibility, cybersquatter, deep-linking, default, degrade gracefully, deprecated, design pattern, directory, disjointed rollover, dither, div, div-i-tis, divitis, document type declaration, doctype, document type definition, Domain Name System, DNS server, domain name, DomaiNZ, doorway/gateway page, dots-per-inch, download, Dublin Core metadata, dynamic HTML, e-commerce, email, element, encryption, favicon.ico, File Transfer Protocol, FTP client, firewall, Fireworks, Flash, Flash Generator, flow chart, fold, above-the-fold, footer navigation, form, folksonomy, frame, frameset, front end/back end, gateway page, global navigation, granularity, Graphic Interchange Format, Graphical User Interface, hack, handle, haptics, hexadecimal colours, hits, host, hosting, hotspot, HyperText Markup Language, HyperText Transfer Protocol, HTML markup, HTML-text, hyperlink, iframes, i-mode, image map, impression, include, information architecture, information foraging, initialism, integration, interactive television, interface, internet, interstitial, intranet, Initial Public Offering, Internet Protocol, IP address, IP number, Internet Service Provider, JavaScript, Joint Photographers Expert Group, label, landing page, legacy content, link: absolute, relative, root, link farm, link rot, definition, ordered, unordered, listserv, logfiles, logfile analysis, look-and-feel, lossless compression, lossy compression, macron, mailing lists, markup, meta element, metadata, meta tag, mine-sweeping, MP3, MySQL, natural language, navigation, open source, optimise, optimisation, opt-in/opt-out, PageRank (PR), parasite economy, design pattern, perceived affordance, permission-based marketing, phishing, PHP: Hypertext Preprocessor, Portable Document Format, web portal, Pretty Good Privacy, pixel, plug-in, pop-up window, pop-under, Portable Network Graphic, prosumer, QuickTime, quirks mode, reciprocal links, referrer, referrer log, Really Simple Syndication, relative link, Realtime Transport Protocol, robot, robots file, robots.txt, rollover, disjointed rollover, root, root directory, root link, scan, scanning, schematic, SCM, SCP, search engine, search engine marketing, search engine optimisation, Section 508, Secure Sockets Certificate, semantic markup, server, sever-side/client-side, server-side include, session, session tracking, Shockwave, shopping-cart, shortcut icon, Simple Object Access Protocol, site feed, sitemap, smart tags, Synchronised Multimedia Integration Language, sniffer, spam, spim, spider, splash page, splash screen, spyware, standardista, standards-compliant/strict mode, status bar, sticky, streaming, streaming media, structured query language, stylesheet, system font, tags, tags/tagging, target, template, top-level navigation, topic path, traffic, transform gracefully, transparent GIF, trackback, typosquatter, Unicode, Unicode Transformation Format, Unified Modeling Language, Uniform Resource Identifier, Uniform Resource Locator, uploading, usability, user session, code standards, form input, vector, vector-based file, version control, viral marketing, virus, visual editor, web, Web 2.0, web accessibility, web-authoring, web browser, web font, typeface, web-log, web server logs, websafe colours, palette, web standards, WebTV, what-you-see-is-what-you-get, wireframe, Wireless Application Protocol, Wireless Markup Language, Worldwide Web, eXtensible Markup Language, XML schema"; 
	
	// 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;
			//This is Added for black & white Issue
			this.value =this.value.replace("&","and");	
			 getListItems(field.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;
			//This is Added for black & white Issue
			this.value =this.value.replace("&","and");	
			clearList();
			getListItems(field.value);
		};
		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";			
			list.style.left ="8px";
			div.appendChild(list);					
			div.style.zIndex=2000;		
			div.style.textAlign='left';	
			field.parentNode.appendChild(div);	

			field.onkeypress = function(e){
				
				var key = getKeyCode(e);
				
				if(key == 13){ // enter
					if(selectedIndex != 0)
					{
					selectList();
					selectedIndex = 0;
					}
					var objbtn= document.getElementById(btnsearch);	
					objbtn.click();
					return false;
				}								
				if(key == 9){ // tab				
					selectList();
					selectedIndex = 0;
					return false;
				};	
			};
				
			field.onkeydown = function(e){
				var key = getKeyCode(e);		
				switch(key){
					case 9:
					selectList();
					selectedIndex = 0;
					return false;
				};
			};
			
			field.onkeyup = function(e){
		
				var key = getKeyCode(e);
		
				switch(key){
			
				case 13:				
					var objbtn= document.getElementById(txtval+'Search2_btnHomeSearch');				
					objbtn.click();
					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;
				};
			};
			
			var src="";
			this.startList = function(){
				var arr = getListItems(field.value);
				
				if(field.value.length == 0){	
					clearList();
				};	
			};
			
			this.getListItems = function(value)
			{
				var arr = new Array();
				//Get Drop down value
				var drpObj=document.getElementById(DropDownid);
				var drpVal=drpObj.options[drpObj.selectedIndex].value;
				//GEt SiteUrl
				var absUrl=document.getElementById(SearchHfid).value;

				var url=absUrl+'IntermediateSearch.aspx?k='+value+'&p='+drpVal;
                
                
				if(url.length > 0)
				{
					req=Initialize();
					//req.onreadystatechange = Process;
					req.open("get", url, true);
   					req.setRequestHeader("If-Modified-Since", "Sat, 1 Jan 2000 00:00:00 GMT"); 
					req.send(null);
				 }
				
				req.onreadystatechange = function()
				{		
						
					//If the page is loaded successfully
					if(req.readyState == 4)
					{	
					
						if (req.status == 200) 
						{
								
							if(req.responseText!="")
								 {
									
									suggestionText =req.responseText;																
								  //suggestionText=suggestionText.substring(0,src.indexOf('<')) ;
									src = suggestionText;	
									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]);											
										}
									}
									
									createList(arr);
								
							    }
						}
						else 
						{
							//document.getElementById("autocomplete").innerHTML="There was a problem retrieving data:<br>"+req.statusText;
						}
					
					}
				}

			};
			
			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];
						//This is Added for black & white Issue
						a.innerHTML = arr[i].replace(" & "," and ");
						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");
				if(li[selectedIndex-1]!='undefined')
				{	
				    a = li[selectedIndex-1].getElementsByTagName("a")[0];
				    field.value = a.innerHTML;
				    //This is Added for black & white Issue 
				    field.value =field.value.replace("&amp;","and");	
				}
				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);

//Added By Madhura when DropDown of categrory Changes
function ResetKey()
{
var id;
		id ="Search2_txtHomeSearchString"	;
		if(document.getElementById(id)==null)
		 {
			id="ctl00_SpanFullHeader1_Search2_txtHomeSearchString"	;
			txtval="ctl00_SpanFullHeader1_";
			} 
			if(document.getElementById(id)==null)
				{ 
				id= "ctl00_Head1_Search2_txtHomeSearchString";
						txtval="ctl00_Head1_";
				}
				var field = document.getElementById(id);	
	field.value = "";
					selectedIndex = 0;
					clearList();
}