//Gets the browser specific XmlHttpRequest Object
function getXmlHttpRequestObject()
{
	if (window.XMLHttpRequest) {
		return new XMLHttpRequest();
	} else if(window.ActiveXObject) {
		return new ActiveXObject("Microsoft.XMLHTTP");
	} else {
		return null;
	}
}

//Our XmlHttpRequest object to get the auto suggest
var searchReq = getXmlHttpRequestObject();

//Called from keyup on the search textbox.
//Starts the AJAX request.
function searchSuggest()
{
	if (searchReq.readyState == 4 || searchReq.readyState == 0) {
		var str = escape(document.getElementById('texte').value);
		if( str.length )
		{
		//searchReq.open("GET", 'http://www.raccords-services.fr/suggest.php?search=' + str, true);
		searchReq.open("GET", '/suggest.php?search=' + str, true);
		searchReq.onreadystatechange = handleSearchSuggest;
		searchReq.send(null);
		}
		else
		{
		  document.getElementById('search_suggest').style.display = "none";
		  document.getElementById('search_suggest').innerHTML = '';
		}
	}
}

//Called from keyup on the search textbox.
//Starts the AJAX request.
function searchSuggest2()
{
	if (searchReq.readyState == 4 || searchReq.readyState == 0) {
		var str = escape(document.getElementById('article').value);
		if( str.length )
		{
		//searchReq.open("GET", 'http://www.raccords-services.fr/suggest.php?search=' + str, true);
		searchReq.open("GET", '/suggest2.php?search=' + str, true);
		searchReq.onreadystatechange = handleSearchSuggest2;
		searchReq.send(null);
		}
		else
		{
		  document.getElementById('search_suggest2').style.display = "none";
		  document.getElementById('search_suggest2').innerHTML = '';
		}
	}
}

//Called when the AJAX response is returned.
function handleSearchSuggest()
{
	if (searchReq.readyState == 4 )
        {
   if(!searchReq.responseText.length)
   {
   document.getElementById('search_suggest').style.display = "none";
   document.getElementById('search_suggest').innerHTML = '';
   }
   else
   {
		//var ss = document.getElementById('search_suggest')
		//ss.innerHTML = '';
		document.getElementById('search_suggest').style.display = "inline";
                document.getElementById('search_suggest').innerHTML = '&nbsp;<i>Voici quelques suggestions à cliquer ...</i><br><br>\n';
		var str = searchReq.responseText.split("\n");
		for(i=0; i < str.length - 1; i++) {
			//Build our element string.  This is cleaner using the DOM, but
			//IE doesn't support dynamically added attributes.
                        var suggest = '<div onmouseover="javascript:suggestOver(this);" ';
			suggest += 'onmouseout="javascript:suggestOut(this);" ';
			suggest += 'onclick="javascript:setSearch(this.innerHTML);" ';
			//suggest += 'class="suggest_link">' + str[i] + '</div>';
			suggest += 'style="padding: 1px 1px 1px 1px;cursor:hand;background-color: #F8EFA0;">' + str[i] + '</div>';
			//ss.innerHTML += suggest;
			document.getElementById('search_suggest').innerHTML += suggest;
		}
   }
	}
}

//Called when the AJAX response is returned.
function handleSearchSuggest2()
{
	if (searchReq.readyState == 4 )
        {
   if(!searchReq.responseText.length)
   {
   document.getElementById('search_suggest2').style.display = "none";
   document.getElementById('search_suggest2').innerHTML = '';
   }
   else
   {
		//var ss = document.getElementById('search_suggest')
		//ss.innerHTML = '';
		document.getElementById('search_suggest2').style.display = "inline";
                document.getElementById('search_suggest2').innerHTML = '&nbsp;<i>Voici quelques suggestions à cliquer ...</i><br><br>\n';
		var str = searchReq.responseText.split("\n");
		for(i=0; i < str.length - 1; i++) {
			//Build our element string.  This is cleaner using the DOM, but
			//IE doesn't support dynamically added attributes.
                        var suggest = '<div onmouseover="javascript:suggestOver(this);" ';
			suggest += 'onmouseout="javascript:suggestOut(this);" ';
			suggest += 'onclick="javascript:setSearch2(this.innerHTML);" ';
			//suggest += 'class="suggest_link">' + str[i] + '</div>';
			suggest += 'style="padding: 1px 1px 1px 1px;cursor:hand;background-color: #F8EFA0;">' + str[i] + '</div>';
			//ss.innerHTML += suggest;
			document.getElementById('search_suggest2').innerHTML += suggest;
		}
   }
	}
}

//Mouse over function
function suggestOver(div_value)
{
   //div_value.className = 'suggest_link_over';
   div_value.style.background = '#FFFFCC';
}

//Mouse out function
function suggestOut(div_value)
{
   //div_value.className = 'suggest_link';
   div_value.style.background = '#F8EFA0';
}

//Click function
function setSearch(value)
{
	document.getElementById('texte').value = value;
	document.getElementById('search_suggest').innerHTML = '';
	document.getElementById('search_suggest').style.display = "none";
	document.formrecherche.submit();
}

//Click function
function setSearch2(value)
{
	document.getElementById('article').value = value;
	document.getElementById('search_suggest2').innerHTML = '';
	document.getElementById('search_suggest2').style.display = "none";
	//document.formulaire.submit();
	document.formulaire.quantite.focus();
}

function open_popup( url )
{
var width = 400;
var height = 300;
var left = (screen.width)/2-width/2;
var top = (screen.height)/2-height/2;
var pasassez = window.open( url, "pasassez", "left="+left+", top="+top+", width="+width+", height="+height+", directories=no, location=no, resizable=no, scrollbars=no, statuts=no, toolbar=no" );
pasassez.focus();
}