function ImagePicker(objName)
{
	var divCreated;
	var doIframe;
	var pickerName = objName;
	
	var pickerDiv;
	var iframeDiv;
	
	var imageElem;
	var selectElem;
	var pickElem;
	
	function PickImage(elem)
	{
		if (!divCreated) { CreateDiv(); }
		var picker = getObject('imageselector');
		if (doIframe) var iframe = getObject('isiframe');
		if (picker.style.display == 'block')
		{
			picker.style.display = 'none';
			if (doIframe) iframe.style.display = 'none';
			return;
		}
		picker.style.top = getAbsoluteOffsetTop(elem) + 20 + "px";
		picker.style.left = getAbsoluteOffsetLeft(elem) + "px";
		if (doIframe)
		{
			iframe.style.top = picker.style.top;
			iframe.style.left = picker.style.left;
			iframe.style.width = "211px";
			iframe.style.height = "137px";
			iframe.style.display = 'block';
		}
		picker.style.display = 'block';
		
		pickElem = elem;
	}

	// Public Method Setters
	this.PickImage = PickImage;
	this.SelectImage = SelectImage;
	this.ShowImage = ShowImage;
	this.DoIframe = DoIframe;
	
	function DoIframe(doiframe) { doIframe = doiframe; }
	
	function CreateDiv()
	{
		if (!document.createElement) { return; }
		pickerDiv = document.createElement('div');
		if (typeof(pickerDiv.innerHTML) != 'string') { return; }
		pickerDiv.id = 'imageselector';
		pickerDiv.style.position = 'absolute';
		pickerDiv.style.display = 'none';
		pickerDiv.style.backgroundColor = "white";
		pickerDiv.style.width = "210px";
		pickerDiv.style.zIndex = 5;
		var html = ' \
		<div class="boxtop"> \
			<div class="boxtopleft">&nbsp;</div> \
			<div class="boxtopright">&nbsp;</div> \
			<span class="boxtoptext">Select</span> \
		</div> \
		<div> \
			<div class="boxmiddle"> \
				<table width="180"> \
					<tr> \
						<td width="50%" align="center"> \
							<select size="7" onchange="' + pickerName + '.ShowImage()"> \
								<option value="none">None</option> \
								<option value="Add_Fave_1.png">Add Fave 1</option> \<option value="Add_Fave_2.png">Add Fave 2</option> \<option value="Add_Fave_3.png">Add Fave 3</option> \<option value="Add_Fave_4.png">Add Fave 4</option> \<option value="Add_Fave_5.png">Add Fave 5</option> \<option value="Add_Fave_6.png">Add Fave 6</option> \<option value="Add_Fave_7.png">Add Fave 7</option> \<option value="Add_Friend_1.png">Add Friend 1</option> \<option value="Add_Friend_2.png">Add Friend 2</option> \<option value="Add_Friend_3.png">Add Friend 3</option> \<option value="Add_Friend_4.png">Add Friend 4</option> \<option value="Add_Friend_5.png">Add Friend 5</option> \<option value="Add_Friend_6.png">Add Friend 6</option> \<option value="Add_Group_1.png">Add Group 1</option> \<option value="Add_Group_2.png">Add Group 2</option> \<option value="Add_Group_3.png">Add Group 3</option> \<option value="Add_Group_4.png">Add Group 4</option> \<option value="Block_User_1.png">Block User 1</option> \<option value="Block_User_2.png">Block User 2</option> \<option value="Block_User_3.png">Block User 3</option> \<option value="Block_User_4.png">Block User 4</option> \<option value="Block_User_5.png">Block User 5</option> \<option value="Block_User_6.png">Block User 6</option> \<option value="Forward_1.png">Forward 1</option> \<option value="Forward_2.png">Forward 2</option> \<option value="Forward_3.png">Forward 3</option> \<option value="Forward_4.png">Forward 4</option> \<option value="Friend_1.png">Friend 1</option> \<option value="Heart_1.png">Heart 1</option> \<option value="Instant_Message_1.png">Instant Message 1</option> \<option value="Instant_Message_2.png">Instant Message 2</option> \<option value="Instant_Message_3.png">Instant Message 3</option> \<option value="Instant_Message_4.png">Instant Message 4</option> \<option value="Rate_User_1.png">Rate User 1</option> \<option value="Send_Message_1.png">Send Message 1</option> \<option value="Send_Message_2.png">Send Message 2</option> \<option value="Send_Message_3.png">Send Message 3</option> \<option value="Send_Message_4.png">Send Message 4</option> \<option value="Send_Message_5.png">Send Message 5</option> \								</select> \
						</td> \
						<td width="50%" align="center"> \
							<a style="cursor:pointer" onclick="' + pickerName + '.SelectImage();"> \
								<img id="isimage" style="border:1px solid #98AAB1" src="http://www.genmyspace.com/other/contact-table/images/spacer.gif" width="22" height="22" /> \
								<br /> \
								<strong>Select</strong> \
							</a> \
						</td> \
					</tr> \
				</table> \
			</div> \
		</div> ';

		pickerDiv.innerHTML = html;
		document.body.appendChild(pickerDiv);
	
		if (doiframe)
		{
			iframeDiv = document.createElement('iframe');
			iframeDiv.id = 'isiframe';
			iframeDiv.style.position = 'absolute';
			iframeDiv.style.display = 'none';
			iframeDiv.style.border = '0';
			iframeDiv.style.zIndex = 4;
			document.body.appendChild(iframeDiv);
		}
		
		imageElem = pickerDiv.getElementsByTagName("img")[0];
		selectElem = pickerDiv.getElementsByTagName("select")[0];
		
		divCreated = true;
	}
	
	function ShowImage()
	{
		if (selectElem.value != "none")
			imageElem.src = "http://www.htmate.com/gen/other/contact-table/images/" + selectElem.value;
		else
			imageElem.src= "http://www.htmate.com/gen/other/contact-table/images/spacer.gif";
	}
	
	function SelectImage()
	{
		if (selectElem.value != "none")
			var imageurl = "http://www.htmate.com/gen/other/contact-table/images/" + selectElem.value;
		else
			var imageurl = "http://www.htmate.com/gen/other/contact-table/images/spacer.gif";
			
		if (pickElem != null)
			eval(pickElem.title);

		pickerDiv.style.display = "none";
		if (doIframe)
            iframeDiv.style.display = 'none';
		
		pickElem = null;
	}
}


		var imagepicker = new ImagePicker("imagepicker");
		imagepicker.DoIframe(browser == "Internet Explorer");