function selectReplacement(obj) {
	// append a class to the select
	if (obj.className == 'language') {
		obj.className = 'replaced';
		// create list for styling
		var ul = document.createElement('ul');
		ul.className = 'selectReplacement';
		var opts = obj.options;
		for (var i=0; i<opts.length; i++) {
			var selectedOpt;
			if (opts[i].selected) {
				selectedOpt = i;
				break;
			} else {
				selectedOpt = 0;
			}
		}
		for (var i=0; i<opts.length; i++) {
			var li = document.createElement('li');
			var txt = document.createTextNode(opts[i].text);
			li.appendChild(txt);
			li.selIndex = opts[i].index;
			li.selectID = obj.id;
			li.onclick = function() {
				selectMe(this);
			}
			if (i == selectedOpt) {
				li.className = 'selected';
				li.onclick = function() {
					this.parentNode.className += ' selectOpen';
					this.onclick = function() {
						selectMe(this);
					}
				}
			}
			if (window.attachEvent) {
				li.onmouseover = function() {
					this.className += ' hover';
				}
				li.onmouseout = function() {
					this.className = 
						this.className.replace(new RegExp(" hover\\b"), '');
				}
			}
			ul.appendChild(li);
		}
		// add the input and the ul
		obj.parentNode.appendChild(ul);
	}
}
function selectMe(obj) {
	var lis = obj.parentNode.getElementsByTagName('li');
	for (var i=0; i<lis.length; i++) {
		if (lis[i] != obj) { // not the selected list item
			lis[i].className='';
			lis[i].onclick = function() {
				selectMe(this);
			}
	 } else {
			setVal(obj.selectID, obj.selIndex);
			obj.className='selected';
			obj.parentNode.className = 
				obj.parentNode.className.replace(new RegExp(" selectOpen\\b"), '');
			obj.onclick = function() {
				obj.parentNode.className += ' selectOpen';
				this.onclick = function() {
					selectMe(this);
				}
			}
		}
	}
}
function setVal(objID, selIndex) {
	var obj = document.getElementById(objID);
	obj.selectedIndex = selIndex;
}
function setForm() {
	var s = document.getElementsByTagName('select');
	for (var i=0; i<s.length; i++) {
		selectReplacement(s[i]);
	}
}
function closeSel(obj) {
	// close the ul
}
window.onload = function() {
	(document.all && !window.print) ? null : setForm();
}
