//copyright © Keith Trotter.  All rights reserved

function showPopUp(txtBox,data,boxWidth,instanceID)
{
	document.getElementById('main_div'+instanceID).style.top="-5em";
	if(document.getElementById('ie_iframe'+instanceID)!=null) document.getElementById('ie_iframe'+instanceID).style.top="-5em";

	tmp=data.split(",");
	opts="";
	for (x in tmp)
	{
		opts=opts+"<option>"+unescape(tmp[x])+"</option>";
	}

	document.getElementById('main_div'+instanceID).innerHTML="<table cellspacing='0' cellpadding='0' style='width: 100%;'><tr><td style='background-image: url(tennistent/images/menu_bg.gif);'></td><td style='text-align: center; font-size: .75em; background-image: url(tennistent/images/menu_bg.gif);'>Double click to select</td><td style='text-align: right; font-size: .75em; background-image: url(tennistent/images/menu_bg.gif);'><a href='#' onclick='hidePopUp(\""+instanceID+"\");'>X</a></td></tr><tr><td colspan='3'><select id='pu_user_list"+instanceID+"' style='width: "+boxWidth+"px; border: thin solid black; font-size: .75em;' size='10' ondblclick='setTextBox(\""+txtBox+"\",\""+instanceID+"\");'>"+opts+"</select></td></tr></table>";

	document.getElementById('main_div'+instanceID).style.display='inline';
	if(document.getElementById('ie_iframe'+instanceID)!=null) document.getElementById('ie_iframe'+instanceID).style.display='inline';
}

function setTextBox(txtBox,instanceID)
{
	document.getElementById(txtBox).value=document.getElementById('pu_user_list'+instanceID).options[document.getElementById('pu_user_list'+instanceID).selectedIndex].text;
	hidePopUp(instanceID);
}

function hidePopUp(instanceID)
{
	document.getElementById('main_div'+instanceID).style.display='none';
	if(document.getElementById('ie_iframe'+instanceID)!=null) document.getElementById('ie_iframe'+instanceID).style.display='none';
}

function writePopUp(boxWidth,butWidth,butHeight,pic,picAlt,txtBox,data,instanceID)
{
if(data.length>0)
	{
	document.writeln("<span style='cursor: pointer;' onclick='showPopUp(\""+txtBox+"\",\""+data+"\",\""+boxWidth+"\",\""+instanceID+"\")'><img height='"+butHeight+"' width='"+butWidth+"' src='"+pic+"' alt='"+picAlt+"' title='"+picAlt+"' style='border-style: none; vertical-align: bottom;'/></span><span style='position: absolute; float: none;'><!--[if IE]> <iframe src='javascript:false' id='ie_iframe"+instanceID+"' style='z-index: 2; display: none; position: absolute; width: "+boxWidth+"px;' frameborder='0'></iframe> <![endif]--><div id='main_div"+instanceID+"' style='z-index: 3; display: none; position: absolute; background-color: white; border: 0; width: "+boxWidth+"px;'></div></span>");
	}
}