var checkboxHeight = "25";
var radioHeight = "25";
var selectWidth = "238";


/* No need to change anything after this */

var customFormElements = {
    init: function() {
	    var listInput = document.getElementsByTagName("select");
	    var listSpan = Array();
	    var textnode, listItem, selected;
	    for(i = 0; i < listInput.length; i++)
	    {
		    if(listInput[i].className == "ddlLong" || listInput[i].className == "ddlShort" ) {
			    listItem = listInput[i].getElementsByTagName("option");
			    selected = listItem[0].childNodes[0].nodeValue;
			    textnode = document.createTextNode(selected);
			    for(j = 0; j < listItem.length; j++) {
				    if(listItem[j].selected == true) {
					    textnode = document.createTextNode(listItem[j].childNodes[0].nodeValue);
				    }
			    }
			    listSpan[i] = document.createElement("span");
			    if(listInput[i].className == "ddlLong")
			        listSpan[i].className = "styledDdlLong";
			    else
			        listSpan[i].className = "styledDdlShort";
			    listSpan[i].id = "select" + listInput[i].name;
			    listSpan[i].appendChild(textnode);
			    listInput[i].parentNode.insertBefore(listSpan[i], listInput[i]);
			    if(!listInput[i].getAttribute("disabled")) {
			        jQuery(listInput[i]).change(customFormElements.choose); 
				    //listInput[i].onchange = customFormElements.choose;
			    } else {
				    listInput[i].previousSibling.className = listInput[i].previousSibling.className += " disabled";
			    }
		    }
	    }
	    /*document.onmouseup = customFormElements.clear;*/
    },
    choose: function() {
	    listItem = this.getElementsByTagName("option");
	    for(i = 0; i < listItem.length; i++) {
		    if(listItem[i].selected == true) {
			    document.getElementById("select" + this.name).childNodes[0].nodeValue = listItem[i].childNodes[0].nodeValue;
		    }
	    }
    }
}

window.onload = customFormElements.init;