/*
tableau des reponses necessaires à la correspondance entre la suggestion et les données
Vous pouvez bien entendu le generer en php ou bien de facon dynamique avec ajax ;)
*/
suggests = new Array('aaaa','aaab','aabb','abbb','abbc','0000','0001','0011','0111','0112');

/*
fonction de recalcul de l'offset top et left qui se refere à l'offsetParent pour palier au probleme de positionnement dans les tableaux
*/
function positionAbsolute(obj, mode)
{
	currentValue = 0;
	if (obj.offsetParent)
	{
		if (mode == 'top')
			currentValue = obj.offsetTop;
		else if (mode == 'left')
			currentValue = obj.offsetLeft;
		while (obj = obj.offsetParent)
			if (mode == 'top')
				currentValue += obj.offsetTop;
			else if (mode == 'left')
				currentValue += obj.offsetLeft;
	}
	
	return currentValue;
}
		
/*
la fonction principale qui remplis le div des differentes suggestions possibles en corélation avec le champ input
*/
function	showValue(inside)
{
	divDest						= document.getElementById('menuRightHidden');
	divDest.innerHTML			= '';
	valueOfElement				= '';
	exist						= 0;
	nbOfElement					= 0;
	divDest.style.top			= positionAbsolute(inside, 'top') + inside.offsetHeight;
	divDest.style.left			= positionAbsolute(inside, 'left');
	divDest.style.width			= inside.offsetWidth - 3;
			
	for (i = 0; i < suggests.length; i++)
	{
		if (suggests[i].indexOf(inside.value) == 0 && inside.value != '')
		{
			nbOfElement++;
			exist					= 1;
			valueOfElement			= suggests[i];
			currentDiv				= document.createElement("div");
			currentInner			= document.createTextNode(suggests[i]);
			currentDiv.indice		= suggests[i];
			currentDiv.className	= 'currentDiv';
			currentDiv.onclick		= function()
			{
				inside.value = this.indice;
				divDest.style.visibility = 'hidden';
			}
			currentDiv.appendChild(currentInner);
			divDest.appendChild(currentDiv);
		}
	}
	if (exist == 0 || (valueOfElement.length  == inside.value.length && nbOfElement == 1))
		divDest.style.visibility = 'hidden'
	else
		divDest.style.visibility = 'visible';
}
function	showValue2(inside, tabla)
{
    var chaine;
    chaine = tabla
    var suggests2 = new Array();
    suggests2 = chaine.split('µ');

    //chaine = tabla
    //chaine = chaine.replace(/µ/gi, "'");
    //chaine = chaine.replace(/¤/gi, ",");
    //alert(chaine);
    //suggests = new Array(eval(temp));
	divDest						= document.getElementById('menuRightHidden');
	divDest.innerHTML			= '';
	valueOfElement				= '';
	exist						= 0;
	nbOfElement					= 0;
	//divDest.style.top			= positionAbsolute(inside, 'top') + inside.offsetHeight;
	//divDest.style.left			= positionAbsolute(inside, 'left');
	divDest.style.width			= inside.offsetWidth - 3;
			
	for (i = 0; i < suggests2.length; i++)
	{
		if (suggests2[i].indexOf(inside.value) == 0 && inside.value != '')
		{
			nbOfElement++;
			exist					= 1;
			valueOfElement			= suggests2[i];
			currentDiv				= document.createElement("div");
			currentInner			= document.createTextNode(suggests2[i]);
			currentDiv.indice		= suggests2[i];
			currentDiv.className	= 'currentDiv';
			currentDiv.onclick		= function()
			{
				inside.value = this.indice;
				divDest.style.visibility = 'hidden';
			}
			currentDiv.appendChild(currentInner);
			divDest.appendChild(currentDiv);
		}
	}
	if (exist == 0 || (valueOfElement.length  == inside.value.length && nbOfElement == 1))
		divDest.style.visibility = 'hidden'
	else
		divDest.style.visibility = 'visible';
}		
/*
intialisation de la div qui contiendra les differentes suggestions
*/
function	initMenuRightDiv()
{
	//menuRightDiv			= document.createElement("div");
	//menuRightDiv.className	= 'hiddenDiv';
	//menuRightDiv.id			= 'menuRightHidden';
	window.document.body.appendChild(menuRightDiv);
}
		
//window.onload = initMenuRightDiv;