function styleFormElements()
{
	var elements = document.getElementsByTagName('input');
	for (i = 0; i < elements.length; i++)
	{
		if (elements[i].type == 'checkbox' || elements[i].type == 'radio')
		{
			switch (elements[i].className)
			{
				case 'stylecheckbox':
				changingElements(elements[i], i);
				break;
				case 'styleradiobutton':
				changingElements(elements[i], i);
				break;
			}
		}
	}
}

function changingElements(element, num)
{
	var startClass = element.className + '-start';
	element.style.display = 'none';
	var altElement = document.createElement('div');
	if (element.checked == true)
	{
		altElement.className = element.className;
	}
	else
	{
		altElement.className = startClass;
	}
	altElement.id = 'alt-' + element.id;
	element.parentNode.appendChild(altElement);
	altElement.onclick = function()
	{
		if (element.checked != true)
		{
			if (element.type == 'radio')
			{
				 clickEventsRadiobutton(element.name);
			}
			altElement.className = element.className;
			element.checked = true
		}
		else
		{
			if (element.type == 'radio')
			{
				 clickEventsRadiobutton(element.name);
				 altElement.className = element.className;
			}
			else
				altElement.className = startClass;
			element.checked = false;
		}
		radioChange();
	}
	 
	//alert(element.id);
	var label
	
	if(label = document.getElementById(element.id + "_label"))
	{
		label.onclick = function()
		{
			if (element.checked != true)
			{
				if (element.type == 'radio')
				{
					clickEventsRadiobutton(element.name);
				}
				altElement.className = element.className;
				element.checked = true
			}
			else
			{
				if (element.type == 'radio')
				{
					clickEventsRadiobutton(element.name);
					altElement.className = element.className;
				}
				else
					altElement.className = startClass;
				element.checked = false;
			}
			radioChange();
		}
	 }
}

function clickEventsRadiobutton(name) 
{
	var radiobuttons = document.getElementsByName(name);
	for (i = 0; i < radiobuttons.length; i++) 
	{
		if (radiobuttons[i].type == 'radio') 
		{
			var altRadiobutton = document.getElementById('alt-' + radiobuttons[i].id);
			altRadiobutton.className = radiobuttons[i].className + '-start';
		}
	}
}


var styleSelectBox = { init: function() {
    var elements = document.getElementsByTagName("input"), div = Array(), textnode, option, active;
    elements = document.getElementsByTagName("select");
    for (i = 0; i < elements.length; i++) {
        if (elements[i].className == "styleselect") {
            option = elements[i].getElementsByTagName("option");
            active = option[0].childNodes[0].nodeValue;
            textnode = document.createTextNode(active);
            for (x = 0; x < option.length; x++) {
                if (option[x].selected == true) {
                    textnode = document.createTextNode(option[x].childNodes[0].nodeValue);
                }
            }
            div[i] = document.createElement("div");
            div[i].className = "select";
            div[i].id = "select" + elements[i].name;
            div[i].appendChild(textnode);
            elements[i].parentNode.insertBefore(div[i], elements[i]);
            elements[i].onchange = styleSelectBox.selection;
        }
		if (elements[i].className == "styleselect-small") {
            option = elements[i].getElementsByTagName("option");
            active = option[0].childNodes[0].nodeValue;
            textnode = document.createTextNode(active);
            for (x = 0; x < option.length; x++) {
                if (option[x].selected == true) {
                    textnode = document.createTextNode(option[x].childNodes[0].nodeValue);
                }
            }
            div[i] = document.createElement("div");
            div[i].className = "select-small";
            div[i].id = "select-small" + elements[i].name;
            div[i].appendChild(textnode);
            elements[i].parentNode.insertBefore(div[i], elements[i]);
            elements[i].onchange = styleSelectBox.selectionsmall;
        }
    }
},

selection: function() 
{
	onSelectChange();
	
	option = this.getElementsByTagName("option");
	for (y = 0; y < option.length; y++) {
		if (option[y].selected == true) {
			document.getElementById("select" + this.name).childNodes[0].nodeValue = option[y].childNodes[0].nodeValue;
		}
	}
},

selectionsmall: function() {
	option = this.getElementsByTagName("option");
	for (y = 0; y < option.length; y++) {
		if (option[y].selected == true) {
			document.getElementById("select-small" + this.name).childNodes[0].nodeValue = option[y].childNodes[0].nodeValue;
		}
	}
}

}