addLoadEvent(function() {iterThroughElements();
															  });


function iterThroughElements() {
	
	var selTags = document.getElementsByTagName("select");
	
	for (var i = 0; i < selTags.length; i++)
		{
			var tagId = selTags[i].getAttribute("id");
			//alert ("number of selects: " + selTags.length + ".");
			//alert ("This is <select> has an Id of: " + tagId + ".");
			//alert ("This list has: " + selTags[i].options.length + ".");
			selectReplacement(document.getElementById(tagId));
		}
	}

function alertFinish(){
	alert ("When you are finished with the survey, please click the submit button.");
}

function selectReplacement(obj) {
	obj.className += ' replaced';
	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 link = document.createElement('a');
		li.appendChild(link);
		li.className = opts[i].className;
		link.selIndex = opts[i].index;
		link.selectID = obj.id;
		link.setAttribute("href","#");
		link.onclick = function() {
			selectMe(this);
			return false;
		}
		if (i == selectedOpt) {
			ul.className = 'selectReplacement '+opts[i].className;
		}
		ul.appendChild(li);
	}
	obj.parentNode.insertBefore(ul,obj);
}
function selectMe(obj) {
	setVal(obj.selectID, obj.selIndex);
	var list = obj.parentNode.parentNode;
	list.className = 'selectReplacement '+obj.parentNode.className;
}
function setVal(objID, selIndex) {
	var obj = document.getElementById(objID);
	obj.selectedIndex = selIndex;
}