var oldArtistPrefix="difdf34";
var oldSongPrefix="difdf34";
var suggestBox;

function updateArtist(prefix, caller){
	if(prefix.length<2 || oldArtistPrefix==prefix) return;
	HDLR.get("artist.php?char="+prefix+"&caller="+caller);
	oldArtistPrefix=prefix;
}
function updateSong(prefix, caller){
	if(prefix.length<2 || oldSongPrefix==prefix) return;
	HDLR.get("song.php?char="+prefix+"&caller="+caller);
	oldSongPrefix=prefix;
}
function suggest(caller,data){
	var dataArr = data.split(';');
	if(data=='' || dataArr[1]==''){
		if(suggestBox!=null)document.body.removeChild(suggestBox);
		suggestBox=null;
		return false;
	};
	var callerObj = document.getElementById(caller);
	var pos = findPos(callerObj);
	var select='';
	if(suggestBox==null){
		suggestBox=document.createElement("DIV");
		suggestBox.style.backgroundColor='#eeeeee';
		suggestBox.style.border='solid #000 1px';
		suggestBox.style.position="absolute";
	}
	suggestBox.style.top=(pos[1]+25)+"px";
	suggestBox.style.left=pos[0]+"px";
	suggestBox.style.width='200px';

	var suggestings = "";
	for(var i=0; i<dataArr.length; i++){
		suggestings+='<a href="#" onclick="applySuggest(\''+caller+'\',\''+dataArr[i]+'\');return false;">'+dataArr[i]+'</a><br/>';
	}
	suggestBox.innerHTML=suggestings;
	suggestBox.style.display='';

	document.body.appendChild(suggestBox);

}
function applySuggest(caller,suggest){
	document.getElementById(caller).value=suggest;
	document.body.removeChild(suggestBox);
}
function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	} 
	return [curleft,curtop];
}