/* AJAX Search - Start */
addEvent(window,'load',ajaxSearchInit);
var searchReq = null;

function getXmlHttpRequestObject() {
	if (window.XMLHttpRequest) {
		return new XMLHttpRequest();
	} else if(window.ActiveXObject) {
		return new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		alert("Die Suche kann mit Ihrem Browser nicht verwendet werden!");
	}
}

function ajaxSearchInit()
{
	var quickSearchForm = document.getElementById('quicksearch');
	if ( quickSearchForm )
		new FormInputExample(
				quickSearchForm.elements['quicksrcstr'],
				(CONSOLEO_LANGUAGE_ID && CONSOLEO_LANGUAGE_ID != 1 ) ? 'Search' : 'Suchbegriff' );
	document.getElementById("quicksrcstr").onkeyup = wait;
	searchReq = getXmlHttpRequestObject();
}

function wait()
{
	if (escape(document.getElementById('quicksrcstr').value.length) >= 2)
	{
		setTimeout("getSearchResults()",1000);
		document.onkeypress = changeField;
	}
	else
	{
		document.getElementById('ajax_results').style.display = 'none';	
	}
}

function changeField (evt) 
{
	if (document.getElementById("quicksrcstr").value != "") 
	{
		if (!evt) 
			evt = window.event;
		
		
		// pressed "ESC"
		if (evt.keyCode == "27") 
		{
			document.getElementById("ajax_results").style.display = "none";
			document.getElementById("quicksrcstr").value = "";
		}
	}
}

function getSearchResults()
{
	var ss = document.getElementById('ajax_results');
	ss.style.display = 'block';
	ss.innerHTML = "<img src=\"" + CONSOLEO_RELPATH + "images/ajax_loading.gif\" " +
		"alt=\"Suche l&auml;uft...\" title=\"Suche l&auml;ft...\" />" +
		"<ul><li class=\"status\"><p class=\"right\">.........</p></li></ul>";
	if (searchReq.readyState == 4 || searchReq.readyState == 0) {		
		var str = escape(document.getElementById('quicksrcstr').value);	
		searchReq.open("GET", CONSOLEO_RELPATH + '?modexec=mod_search&search=' + encodeURIComponent(str) + '&l='+CONSOLEO_LANGUAGE_ID, true);
		searchReq.onreadystatechange = handleSearchSuggest; 
		searchReq.send(null);
	}
}

function handleSearchSuggest() {
	if (searchReq.readyState == 4) {
		var ss = document.getElementById('ajax_results');
		var str = searchReq.responseText.split("\n");
		if (str)
		{
			ss.style.display = 'block';
			ss.innerHTML = str;
		}
		else
		{
			ss.innerHTML = '';
			ss.style.display = 'none';
		}
	}
}


/**
 * FormInputExample()
 * 
 * Fill formfield with example string if no uservalue is given.
 * 
 * @param formField - input field
 * @param demoString - Demo string to show in field if it's empty
 * @param demoCSSClass - CSSClass of formField if empty, default id 'empty'
 */
function FormInputExample( formField, demoString, demoCSSClass )
{
	this.formField = formField;
	this.demoString = demoString;
	this.userChanged = false;
	if (!demoCSSClass ) this.demoCSSClass = 'empty';
	else this.demoCSSClass = demoCSSClass;
	
	if ( formField.value == '' )
		this.setDemoString();
	else
		this.userChanged = true;
	this.formField.formInputExample = this;
	addEvent(this.formField, 'focus', function() { this.formInputExample.removeDemoString(); } );
	addEvent(this.formField, 'blur', function() { this.formInputExample.setDemoString(); } );
	addEvent(this.formField, 'change', function() { 
		this.formInputExample.userChanged = true; 
		if ( this.value == '' )
		{
			this.formInputExample.userChanged = false;
			this.setDemoString();
		}
	} );
	addEvent(this.formField, 'keyup', function(evt) { this.formInputExample.userChanged = true; } );
	var current = this.formField.parentNode;
	while ( current )
	{
		if ( current.tagName.toLowerCase() == 'form' )
		{
			if (current.formInputExample) break;
			current.formInputExample = this;
			addEvent(current,'submit', function() { this.formInputExample.onFormSubmit(); });
			break;
		}
		current = current.parentNode;
	}
}

FormInputExample.prototype.onFormSubmit = function()
{
	var current = this.formField.parentNode;
	while ( current )
	{
		if ( current.tagName.toLowerCase() == 'form' )
		{
			var inputs = current.getElementsByTagName('input');
			for ( var x=0; x<inputs.length; x++ )
			{
				if (inputs[x].formInputExample && !inputs[x].formInputExample.userChanged)
					inputs[x].formInputExample.removeDemoString();
			}
			break;
		}
		current = current.parentNode;
	}
}

FormInputExample.prototype.removeDemoString = function()
{
	var classes = this.formField.className.split(' ');
	var nc = new Array();
	for ( var x=0; x<classes.length; x++ ) {
		if ( classes[x] == this.demoCSSClass ) continue;
		nc.push(classes[x]);
	}
	this.formField.className = nc.join(' ');
	if ( this.formField.value != this.demoString ) return;
	this.formField.value='';
}

FormInputExample.prototype.setDemoString = function()
{
	if (this.userChanged) return;
	this.formField.className += ' '+this.demoCSSClass;
	this.formField.value=this.demoString;
}