/*

CUSTOM FORM ELEMENTS

Created by Ryan Fait
www.ryanfait.com

The only things you may need to change in this file are the following
variables: checkboxHeight, radioHeight and selectWidth (lines 26, 27, 28)

The numbers you set for checkboxHeight and radioHeight should be one quarter
of the total height of the image want to use for checkboxes and radio
buttons. Both images should contain the four stages of both inputs stacked
on top of each other in this order: unchecked, unchecked-clicked, checked,
checked-clicked.

You may need to adjust your images a bit if there is a slight vertical
movement during the different stages of the button activation.

The value of selectWidth should be the width of your select list image.

Visit http://ryanfait.com/ for more information.

*/

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


/* No need to change anything after this */


document.write('<style type="text/css">input.styled { display: none; } select.styled { position: relative; width: ' + selectWidth + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled { opacity: 0.5; filter: alpha(opacity=50); }</style>');

var Custom = {
	init: function() {
		var inputs = document.getElementsByTagName("input"), span = Array(), textnode, option, active;
		for(a = 0; a < inputs.length; a++) {
			if((inputs[a].type == "checkbox" || inputs[a].type == "radio") && inputs[a].className == "styled") {
				span[a] = document.createElement("span");
				span[a].className = inputs[a].type;

				if(inputs[a].checked == true) {
					if(inputs[a].type == "checkbox") {
						position = "0 -" + (checkboxHeight*2) + "px";
						span[a].style.backgroundPosition = position;
					} else {
						position = "0 -" + (radioHeight*2) + "px";
						span[a].style.backgroundPosition = position;
					}
				}
				inputs[a].parentNode.insertBefore(span[a], inputs[a]);
				inputs[a].onchange = Custom.clear;
				if(!inputs[a].getAttribute("disabled")) {
					span[a].onmousedown = Custom.pushed;
					span[a].onmouseup = Custom.check;
				} else {
					span[a].className = span[a].className += " disabled";
				}
			}
		}
		inputs = document.getElementsByTagName("select");
		for(a = 0; a < inputs.length; a++) {
			if(inputs[a].className == "styled") {
				option = inputs[a].getElementsByTagName("option");
				active = option[0].childNodes[0].nodeValue;
				textnode = document.createTextNode(active);
				for(b = 0; b < option.length; b++) {
					if(option[b].selected == true) {
						textnode = document.createTextNode(option[b].childNodes[0].nodeValue);
					}
				}
				span[a] = document.createElement("span");
				span[a].className = "select";
				span[a].id = "select" + inputs[a].name;
				span[a].appendChild(textnode);
				inputs[a].parentNode.insertBefore(span[a], inputs[a]);
				if(!inputs[a].getAttribute("disabled")) {
					inputs[a].onchange = Custom.choose;
				} else {
					inputs[a].previousSibling.className = inputs[a].previousSibling.className += " disabled";
				}
			}
		}
		document.onmouseup = Custom.clear;
	},
	pushed: function() {
		element = this.nextSibling;
		if(element.checked == true && element.type == "checkbox") {
			this.style.backgroundPosition = "0 -" + checkboxHeight*3 + "px";
		} else if(element.checked == true && element.type == "radio") {
			this.style.backgroundPosition = "0 -" + radioHeight*3 + "px";
		} else if(element.checked != true && element.type == "checkbox") {
			this.style.backgroundPosition = "0 -" + checkboxHeight + "px";
		} else {
			this.style.backgroundPosition = "0 -" + radioHeight + "px";
		}
	},
	check: function() {
		element = this.nextSibling;
		if(element.checked == true && element.type == "checkbox") {
			this.style.backgroundPosition = "0 0";
			element.checked = false;
		} else {
			if(element.type == "checkbox") {
				this.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
			} else {
				this.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
				group = this.nextSibling.name;
				inputs = document.getElementsByTagName("input");
				for(a = 0; a < inputs.length; a++) {
					if(inputs[a].name == group && inputs[a] != this.nextSibling) {
						inputs[a].previousSibling.style.backgroundPosition = "0 0";
					}
				}
			}
			element.checked = true;
		}
	},
	clear: function() {
		inputs = document.getElementsByTagName("input");
		for(var b = 0; b < inputs.length; b++) {
			if(inputs[b].type == "checkbox" && inputs[b].checked == true && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 -" + checkboxHeight*2 + "px";
			} else if(inputs[b].type == "checkbox" && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 0";
			} else if(inputs[b].type == "radio" && inputs[b].checked == true && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 -" + radioHeight*2 + "px";
			} else if(inputs[b].type == "radio" && inputs[b].className == "styled") {
				inputs[b].previousSibling.style.backgroundPosition = "0 0";
			}
		}
	},
	choose: function() {
		option = this.getElementsByTagName("option");
		for(d = 0; d < option.length; d++) {
			if(option[d].selected == true) {
				document.getElementById("select" + this.name).childNodes[0].nodeValue = option[d].childNodes[0].nodeValue;
			}
		}
	}
}



/*

CUSTOM FORM ELEMENTS

Created by Ryan Fait
www.ryanfait.com

The only things you may need to change in this file are the following
variables: checkboxHeight_1, radioHeight_1 and selectWidth_1 (lines 24, 25, 26)

The numbers you set for checkboxHeight_1 and radioHeight_1 should be one quarter
of the total height of the image want to use for checkboxes and radio
buttons. Both images should contain the four stages of both inputs stacked
on top of each other in this order: unchecked, unchecked-clicked, checked,
checked-clicked.

You may need to adjust your images a bit if there is a slight vertical
movement during the different stages of the button activation.

The value of selectWidth_1 should be the width of your select list image.

Visit http://ryanfait.com/ for more information.

*/

var selectWidth_1 = "168";


/* No need to change anything after this */


document.write('<style type="text/css">select.styled_1 { position: relative; width: ' + selectWidth_1 + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled_1 { opacity: 0.5; filter: alpha(opacity=50); }</style>');

var Custom_1 = {
	init: function() {
		var inputs_1, span_1 = Array(), textnode_1, option_1, active_1;
		inputs_1 = document.getElementsByName("FEATURED_filtro_orden");
		for(a = 0; a < inputs_1.length; a++) {
			if(inputs_1[a].className == "styled_1") {
				option_1 = inputs_1[a].getElementsByTagName("option");
				active_1 = option_1[0].childNodes[0].nodeValue;
				textnode_1 = document.createTextNode(active_1);
				for(b = 0; b < option_1.length; b++) {
					if(option_1[b].selected == true) {
						textnode_1 = document.createTextNode(option_1[b].childNodes[0].nodeValue);
					}
				}
				span_1[a] = document.createElement("span");
				span_1[a].className = "select_1";
				span_1[a].id = "select_1" + inputs_1[a].name;
				span_1[a].appendChild(textnode_1);
				inputs_1[a].parentNode.insertBefore(span_1[a], inputs_1[a]);
				if(!inputs_1[a].getAttribute("disabled_1")) {
					inputs_1[a].onchange = Custom_1.choose;
				} else {
					inputs_1[a].previousSibling.className = inputs_1[a].previousSibling.className += " disabled_1";
				}
			}
		}
	},
	choose: function() {
		option_1 = this.getElementsByTagName("option");
		for(d = 0; d < option_1.length; d++) {
			if(option_1[d].selected == true) {
				document.getElementById("select_1" + this.name).childNodes[0].nodeValue = option_1[d].childNodes[0].nodeValue;
			}
		}
		document.frm_visualizar_ordenar.submit();
	}
}



/*

CUSTOM FORM ELEMENTS

Created by Ryan Fait
www.ryanfait.com

The only things you may need to change in this file are the following
variables: checkboxHeight_2, radioHeight_2 and selectWidth_2 (lines 24, 25, 26)

The numbers you set for checkboxHeight_2 and radioHeight_2 should be one quarter
of the total height of the image want to use for checkboxes and radio
buttons. Both images should contain the four stages of both inputs stacked
on top of each other in this order: unchecked, unchecked-clicked, checked,
checked-clicked.

You may need to adjust your images a bit if there is a slight vertical
movement during the different stages of the button activation.

The value of selectWidth_2 should be the width of your select list image.

Visit http://ryanfait.com/ for more information.

*/

var selectWidth_2 = "140";


/* No need to change anything after this */


document.write('<style type="text/css">select.styled_2 { position: relative; width: ' + selectWidth_2 + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled_2 { opacity: 0.5; filter: alpha(opacity=50); }</style>');

var Custom_2 = {
	init: function() {
		var inputs_2, span_2 = Array(), textnode_2, option_2, active_2;
		inputs_2 = document.getElementsByName("FEATURED_filtro_num");
		for(a = 0; a < inputs_2.length; a++) {
			if(inputs_2[a].className == "styled_2") {
				option_2 = inputs_2[a].getElementsByTagName("option");
				active_2 = option_2[0].childNodes[0].nodeValue;
				textnode_2 = document.createTextNode(active_2);
				for(b = 0; b < option_2.length; b++) {
					if(option_2[b].selected == true) {
						textnode_2 = document.createTextNode(option_2[b].childNodes[0].nodeValue);
					}
				}
				span_2[a] = document.createElement("span");
				span_2[a].className = "select_2";
				span_2[a].id = "select_2" + inputs_2[a].name;
				span_2[a].appendChild(textnode_2);
				inputs_2[a].parentNode.insertBefore(span_2[a], inputs_2[a]);
				if(!inputs_2[a].getAttribute("disabled_2")) {
					inputs_2[a].onchange = Custom_2.choose;
				} else {
					inputs_2[a].previousSibling.className = inputs_2[a].previousSibling.className += " disabled_2";
				}
			}
		}
	},
	choose: function() {
		option_2 = this.getElementsByTagName("option");
		for(d = 0; d < option_2.length; d++) {
			if(option_2[d].selected == true) {
				document.getElementById("select_2" + this.name).childNodes[0].nodeValue = option_2[d].childNodes[0].nodeValue;
			}
		}
		document.frm_visualizar_ordenar.submit();
	}
}



/*

CUSTOM FORM ELEMENTS

Created by Ryan Fait
www.ryanfait.com

The only things you may need to change in this file are the following
variables: checkboxHeight_3, radioHeight_3 and selectWidth_3 (lines 24, 25, 26)

The numbers you set for checkboxHeight_3 and radioHeight_3 should be one quarter
of the total height of the image want to use for checkboxes and radio
buttons. Both images should contain the four stages of both inputs stacked
on top of each other in this order: unchecked, unchecked-clicked, checked,
checked-clicked.

You may need to adjust your images a bit if there is a slight vertical
movement during the different stages of the button activation.

The value of selectWidth_3 should be the width of your select list image.

Visit http://ryanfait.com/ for more information.

*/

var selectWidth_3 = "168";


/* No need to change anything after this */


document.write('<style type="text/css">select.styled_3 { position: relative; width: ' + selectWidth_3 + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled_3 { opacity: 0.5; filter: alpha(opacity=50); }</style>');

var Custom_3 = {
	init: function() {
		var inputs_3, span_3 = Array(), textnode_3, option_3, active_3;
		inputs_3 = document.getElementsByName("FEATURED_filtro_orden");
		for(a = 0; a < inputs_3.length; a++) {
			if(inputs_3[a].className == "styled_3") {
				option_3 = inputs_3[a].getElementsByTagName("option");
				active_3 = option_3[0].childNodes[0].nodeValue;
				textnode_3 = document.createTextNode(active_3);
				for(b = 0; b < option_3.length; b++) {
					if(option_3[b].selected == true) {
						textnode_3 = document.createTextNode(option_3[b].childNodes[0].nodeValue);
					}
				}
				span_3[a] = document.createElement("span");
				span_3[a].className = "select_3";
				span_3[a].id = "select_3" + inputs_3[a].name;
				span_3[a].appendChild(textnode_3);
				inputs_3[a].parentNode.insertBefore(span_3[a], inputs_3[a]);
				if(!inputs_3[a].getAttribute("disabled_3")) {
					inputs_3[a].onchange = Custom_3.choose;
				} else {
					inputs_3[a].previousSibling.className = inputs_3[a].previousSibling.className += " disabled_3";
				}
			}
		}
	},
	choose: function() {
		option_3 = this.getElementsByTagName("option");
		for(d = 0; d < option_3.length; d++) {
			if(option_3[d].selected == true) {
				document.getElementById("select_3" + this.name).childNodes[0].nodeValue = option_3[d].childNodes[0].nodeValue;
			}
		}
		document.frm_visualizar_ordenar_2.submit();
	}
}



/*

CUSTOM FORM ELEMENTS

Created by Ryan Fait
www.ryanfait.com

The only things you may need to change in this file are the following
variables: checkboxHeight_4, radioHeight_4 and selectWidth_4 (lines 24, 25, 26)

The numbers you set for checkboxHeight_4 and radioHeight_4 should be one quarter
of the total height of the image want to use for checkboxes and radio
buttons. Both images should contain the four stages of both inputs stacked
on top of each other in this order: unchecked, unchecked-clicked, checked,
checked-clicked.

You may need to adjust your images a bit if there is a slight vertical
movement during the different stages of the button activation.

The value of selectWidth_4 should be the width of your select list image.

Visit http://ryanfait.com/ for more information.

*/

var selectWidth_4 = "140";


/* No need to change anything after this */


document.write('<style type="text/css">select.styled_4 { position: relative; width: ' + selectWidth_4 + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled_4 { opacity: 0.5; filter: alpha(opacity=50); }</style>');

var Custom_4 = {
	init: function() {
		var inputs_4, span_4 = Array(), textnode_4, option_4, active_4;
		inputs_4 = document.getElementsByName("FEATURED_filtro_num");
		for(a = 0; a < inputs_4.length; a++) {
			if(inputs_4[a].className == "styled_4") {
				option_4 = inputs_4[a].getElementsByTagName("option");
				active_4 = option_4[0].childNodes[0].nodeValue;
				textnode_4 = document.createTextNode(active_4);
				for(b = 0; b < option_4.length; b++) {
					if(option_4[b].selected == true) {
						textnode_4 = document.createTextNode(option_4[b].childNodes[0].nodeValue);
					}
				}
				span_4[a] = document.createElement("span");
				span_4[a].className = "select_4";
				span_4[a].id = "select_4" + inputs_4[a].name;
				span_4[a].appendChild(textnode_4);
				inputs_4[a].parentNode.insertBefore(span_4[a], inputs_4[a]);
				if(!inputs_4[a].getAttribute("disabled_4")) {
					inputs_4[a].onchange = Custom_4.choose;
				} else {
					inputs_4[a].previousSibling.className = inputs_4[a].previousSibling.className += " disabled_4";
				}
			}
		}
	},
	choose: function() {
		option_4 = this.getElementsByTagName("option");
		for(d = 0; d < option_4.length; d++) {
			if(option_4[d].selected == true) {
				document.getElementById("select_4" + this.name).childNodes[0].nodeValue = option_4[d].childNodes[0].nodeValue;
			}
		}
		document.frm_visualizar_ordenar_2.submit();
	}
}



/*

CUSTOM FORM ELEMENTS

Created by Ryan Fait
www.ryanfait.com

The only things you may need to change in this file are the following
variables: checkboxHeight_5, radioHeight_5 and selectWidth_5 (lines 24, 25, 26)

The numbers you set for checkboxHeight_5 and radioHeight_5 should be one quarter
of the total height of the image want to use for checkboxes and radio
buttons. Both images should contain the four stages of both inputs stacked
on top of each other in this order: unchecked, unchecked-clicked, checked,
checked-clicked.

You may need to adjust your images a bit if there is a slight vertical
movement during the different stages of the button activation.

The value of selectWidth_5 should be the width of your select list image.

Visit http://ryanfait.com/ for more information.

*/

var selectWidth_5 = "165";


/* No need to change anything after this */


document.write('<style type="text/css">select.styled_5 { position: relative; width: ' + selectWidth_5 + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled_5 { opacity: 0.5; filter: alpha(opacity=50); }</style>');

var Custom_5 = {
	init: function() {
		var inputs_5, span_5 = Array(), textnode_5, option_5, active_5;
		inputs_5 = document.getElementsByName("manufacturers_id");
		for(a = 0; a < inputs_5.length; a++) {
			if(inputs_5[a].className == "styled_5") {
				option_5 = inputs_5[a].getElementsByTagName("option");
				active_5 = option_5[0].childNodes[0].nodeValue;
				textnode_5 = document.createTextNode(active_5);
				for(b = 0; b < option_5.length; b++) {
					if(option_5[b].selected == true) {
						textnode_5 = document.createTextNode(option_5[b].childNodes[0].nodeValue);
					}
				}
				span_5[a] = document.createElement("span");
				span_5[a].className = "select_5";
				span_5[a].id = "select_5" + inputs_5[a].name;
				span_5[a].appendChild(textnode_5);
				inputs_5[a].parentNode.insertBefore(span_5[a], inputs_5[a]);
				if(!inputs_5[a].getAttribute("disabled_5")) {
					inputs_5[a].onchange = Custom_5.choose;
				} else {
					inputs_5[a].previousSibling.className = inputs_5[a].previousSibling.className += " disabled_5";
				}
			}
		}
	},
	choose: function() {
		option_5 = this.getElementsByTagName("option");
		for(d = 0; d < option_5.length; d++) {
			if(option_5[d].selected == true) {
				document.getElementById("select_5" + this.name).childNodes[0].nodeValue = option_5[d].childNodes[0].nodeValue;
			}
		}
		document.manufacturers.submit();
	}
}



/*

CUSTOM FORM ELEMENTS

Created by Ryan Fait
www.ryanfait.com

The only things you may need to change in this file are the following
variables: checkboxHeight_6, radioHeight_6 and selectWidth_6 (lines 24, 25, 26)

The numbers you set for checkboxHeight_6 and radioHeight_6 should be one quarter
of the total height of the image want to use for checkboxes and radio
buttons. Both images should contain the four stages of both inputs stacked
on top of each other in this order: unchecked, unchecked-clicked, checked,
checked-clicked.

You may need to adjust your images a bit if there is a slight vertical
movement during the different stages of the button activation.

The value of selectWidth_6 should be the width of your select list image.

Visit http://ryanfait.com/ for more information.

*/

var selectWidth_6 = "240";


/* No need to change anything after this */


document.write('<style type="text/css">select.styled_6 { position: relative; width: ' + selectWidth_6 + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled_6 { opacity: 0.5; filter: alpha(opacity=50); }</style>');

var Custom_6 = {
	init: function() {
		var inputs_6, span_6 = Array(), textnode_6, option_6, active_6;
		inputs_6 = document.getElementsByName("categories_id");
		for(a = 0; a < inputs_6.length; a++) {
			if(inputs_6[a].className == "styled_6") {
				option_6 = inputs_6[a].getElementsByTagName("option");
				active_6 = option_6[0].childNodes[0].nodeValue;
				textnode_6 = document.createTextNode(active_6);
				for(b = 0; b < option_6.length; b++) {
					if(option_6[b].selected == true) {
						textnode_6 = document.createTextNode(option_6[b].childNodes[0].nodeValue);
					}
				}
				span_6[a] = document.createElement("span");
				span_6[a].className = "select_6";
				span_6[a].id = "select_6" + inputs_6[a].name;
				span_6[a].appendChild(textnode_6);
				inputs_6[a].parentNode.insertBefore(span_6[a], inputs_6[a]);
				if(!inputs_6[a].getAttribute("disabled_6")) {
					inputs_6[a].onchange = Custom_6.choose;
				} else {
					inputs_6[a].previousSibling.className = inputs_6[a].previousSibling.className += " disabled_6";
				}
			}
		}
	},
	choose: function() {
		option_6 = this.getElementsByTagName("option");
		for(d = 0; d < option_6.length; d++) {
			if(option_6[d].selected == true) {
				document.getElementById("select_6" + this.name).childNodes[0].nodeValue = option_6[d].childNodes[0].nodeValue;
			}
		}
	}
}



/*

CUSTOM FORM ELEMENTS

Created by Ryan Fait
www.ryanfait.com

The only things you may need to change in this file are the following
variables: checkboxHeight_7, radioHeight_7 and selectWidth_7 (lines 24, 25, 26)

The numbers you set for checkboxHeight_7 and radioHeight_7 should be one quarter
of the total height of the image want to use for checkboxes and radio
buttons. Both images should contain the four stages of both inputs stacked
on top of each other in this order: unchecked, unchecked-clicked, checked,
checked-clicked.

You may need to adjust your images a bit if there is a slight vertical
movement during the different stages of the button activation.

The value of selectWidth_7 should be the width of your select list image.

Visit http://ryanfait.com/ for more information.

*/

var selectWidth_7 = "142";


/* No need to change anything after this */


document.write('<style type="text/css">select.styled_7 { position: relative; width: ' + selectWidth_7 + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled_7 { opacity: 0.5; filter: alpha(opacity=50); }</style>');

var Custom_7 = {
	init: function() {
		var inputs_7, span_7 = Array(), textnode_7, option_7, active_7;
		inputs_7 = document.getElementsByName("manufacturers_id_search");
		for(a = 0; a < inputs_7.length; a++) {
			if(inputs_7[a].className == "styled_7") {
				option_7 = inputs_7[a].getElementsByTagName("option");
				active_7 = option_7[0].childNodes[0].nodeValue;
				textnode_7 = document.createTextNode(active_7);
				for(b = 0; b < option_7.length; b++) {
					if(option_7[b].selected == true) {
						textnode_7 = document.createTextNode(option_7[b].childNodes[0].nodeValue);
					}
				}
				span_7[a] = document.createElement("span");
				span_7[a].className = "select_7";
				span_7[a].id = "select_7" + inputs_7[a].name;
				span_7[a].appendChild(textnode_7);
				inputs_7[a].parentNode.insertBefore(span_7[a], inputs_7[a]);
				if(!inputs_7[a].getAttribute("disabled_7")) {
					inputs_7[a].onchange = Custom_7.choose;
				} else {
					inputs_7[a].previousSibling.className = inputs_7[a].previousSibling.className += " disabled_7";
				}
			}
		}
	},
	choose: function() {
		option_7 = this.getElementsByTagName("option");
		for(d = 0; d < option_7.length; d++) {
			if(option_7[d].selected == true) {
				document.getElementById("select_7" + this.name).childNodes[0].nodeValue = option_7[d].childNodes[0].nodeValue;
			}
		}
	}
}



/*

CUSTOM FORM ELEMENTS

Created by Ryan Fait
www.ryanfait.com

The only things you may need to change in this file are the following
variables: checkboxHeight_8, radioHeight_8 and selectWidth_8 (lines 24, 25, 26)

The numbers you set for checkboxHeight_8 and radioHeight_8 should be one quarter
of the total height of the image want to use for checkboxes and radio
buttons. Both images should contain the four stages of both inputs stacked
on top of each other in this order: unchecked, unchecked-clicked, checked,
checked-clicked.

You may need to adjust your images a bit if there is a slight vertical
movement during the different stages of the button activation.

The value of selectWidth_8 should be the width of your select list image.

Visit http://ryanfait.com/ for more information.

*/

var selectWidth_8 = "305";


/* No need to change anything after this */


document.write('<style type="text/css">select.styled_8 { position: relative; width: ' + selectWidth_8 + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled_8 { opacity: 0.5; filter: alpha(opacity=50); }</style>');

var Custom_8 = {
	init: function() {
		var inputs_8, span_8 = Array(), textnode_8, option_8, active_8;
		inputs_8 = document.getElementsByName("country");
		for(a = 0; a < inputs_8.length; a++) {
			if(inputs_8[a].className == "styled_8") {
				option_8 = inputs_8[a].getElementsByTagName("option");
				active_8 = option_8[0].childNodes[0].nodeValue;
				textnode_8 = document.createTextNode(active_8);
				for(b = 0; b < option_8.length; b++) {
					if(option_8[b].selected == true) {
						textnode_8 = document.createTextNode(option_8[b].childNodes[0].nodeValue);
					}
				}
				span_8[a] = document.createElement("span");
				span_8[a].className = "select_8";
				span_8[a].id = "select_8" + inputs_8[a].name;
				span_8[a].appendChild(textnode_8);
				inputs_8[a].parentNode.insertBefore(span_8[a], inputs_8[a]);
				if(!inputs_8[a].getAttribute("disabled_8")) {
					inputs_8[a].onchange = Custom_8.choose;
				} else {
					inputs_8[a].previousSibling.className = inputs_8[a].previousSibling.className += " disabled_8";
				}
			}
		}
	},
	choose: function() {
		option_8 = this.getElementsByTagName("option");
		for(d = 0; d < option_8.length; d++) {
			if(option_8[d].selected == true) {
				document.getElementById("select_8" + this.name).childNodes[0].nodeValue = option_8[d].childNodes[0].nodeValue;
			}
		}
	}
}



/*

CUSTOM FORM ELEMENTS

Created by Ryan Fait
www.ryanfait.com

The only things you may need to change in this file are the following
variables: checkboxHeight_9, radioHeight_9 and selectWidth_9 (lines 24, 25, 26)

The numbers you set for checkboxHeight_9 and radioHeight_9 should be one quarter
of the total height of the image want to use for checkboxes and radio
buttons. Both images should contain the four stages of both inputs stacked
on top of each other in this order: unchecked, unchecked-clicked, checked,
checked-clicked.

You may need to adjust your images a bit if there is a slight vertical
movement during the different stages of the button activation.

The value of selectWidth_9 should be the width of your select list image.

Visit http://ryanfait.com/ for more information.

*/

var selectWidth_9 = "226";


/* No need to change anything after this */


document.write('<style type="text/css">select.styled_9 { position: relative; width: ' + selectWidth_9 + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled_9 { opacity: 0.5; filter: alpha(opacity=50); }</style>');

var Custom_9 = {
	init: function() {
		var inputs_9, span_9 = Array(), textnode_9, option_9, active_9;
		inputs_9 = document.getElementsByName("state");
		for(a = 0; a < inputs_9.length; a++) {
			if(inputs_9[a].className == "styled_9") {
				option_9 = inputs_9[a].getElementsByTagName("option");
				active_9 = option_9[0].childNodes[0].nodeValue;
				textnode_9 = document.createTextNode(active_9);
				for(b = 0; b < option_9.length; b++) {
					if(option_9[b].selected == true) {
						textnode_9 = document.createTextNode(option_9[b].childNodes[0].nodeValue);
					}
				}
				span_9[a] = document.createElement("span");
				span_9[a].className = "select_9";
				span_9[a].id = "select_9" + inputs_9[a].name;
				span_9[a].appendChild(textnode_9);
				inputs_9[a].parentNode.insertBefore(span_9[a], inputs_9[a]);
				if(!inputs_9[a].getAttribute("disabled_9")) {
					inputs_9[a].onchange = Custom_9.choose;
				} else {
					inputs_9[a].previousSibling.className = inputs_9[a].previousSibling.className += " disabled_9";
				}
			}
		}
	},
	choose: function() {
		option_9 = this.getElementsByTagName("option");
		for(d = 0; d < option_9.length; d++) {
			if(option_9[d].selected == true) {
				document.getElementById("select_9" + this.name).childNodes[0].nodeValue = option_9[d].childNodes[0].nodeValue;
			}
		}
	}
}



/*

CUSTOM FORM ELEMENTS

Created by Ryan Fait
www.ryanfait.com

The only things you may need to change in this file are the following
variables: checkboxHeight_10, radioHeight_10 and selectWidth_10 (lines 24, 25, 26)

The numbers you set for checkboxHeight_10 and radioHeight_10 should be one quarter
of the total height of the image want to use for checkboxes and radio
buttons. Both images should contain the four stages of both inputs stacked
on top of each other in this order: unchecked, unchecked-clicked, checked,
checked-clicked.

You may need to adjust your images a bit if there is a slight vertical
movement during the different stages of the button activation.

The value of selectWidth_10 should be the width of your select list image.

Visit http://ryanfait.com/ for more information.

*/

var selectWidth_10 = "400";


/* No need to change anything after this */


document.write('<style type="text/css">select.styled_10 { position: relative; width: ' + selectWidth_10 + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled_10 { opacity: 0.5; filter: alpha(opacity=50); }</style>');

var Custom_10 = {
	init: function() {
		var inputs_10, span_10 = Array(), textnode_10, option_10, active_10;
		inputs_10 = document.getElementsByName("asunto");
		for(a = 0; a < inputs_10.length; a++) {
			if(inputs_10[a].className == "styled_10") {
				option_10 = inputs_10[a].getElementsByTagName("option");
				active_10 = option_10[0].childNodes[0].nodeValue;
				textnode_10 = document.createTextNode(active_10);
				for(b = 0; b < option_10.length; b++) {
					if(option_10[b].selected == true) {
						textnode_10 = document.createTextNode(option_10[b].childNodes[0].nodeValue);
					}
				}
				span_10[a] = document.createElement("span");
				span_10[a].className = "select_10";
				span_10[a].id = "select_10" + inputs_10[a].name;
				span_10[a].appendChild(textnode_10);
				inputs_10[a].parentNode.insertBefore(span_10[a], inputs_10[a]);
				if(!inputs_10[a].getAttribute("disabled_10")) {
					inputs_10[a].onchange = Custom_10.choose;
				} else {
					inputs_10[a].previousSibling.className = inputs_10[a].previousSibling.className += " disabled_10";
				}
			}
		}
	},
	choose: function() {
		option_10 = this.getElementsByTagName("option");
		for(d = 0; d < option_10.length; d++) {
			if(option_10[d].selected == true) {
				document.getElementById("select_10" + this.name).childNodes[0].nodeValue = option_10[d].childNodes[0].nodeValue;
			}
		}
	}
}



/*

CUSTOM FORM ELEMENTS

Created by Ryan Fait
www.ryanfait.com

The only things you may need to change in this file are the following
variables: checkboxHeight_11, radioHeight_11 and selectWidth_11 (lines 24, 25, 26)

The numbers you set for checkboxHeight_11 and radioHeight_11 should be one quarter
of the total height of the image want to use for checkboxes and radio
buttons. Both images should contain the four stages of both inputs stacked
on top of each other in this order: unchecked, unchecked-clicked, checked,
checked-clicked.

You may need to adjust your images a bit if there is a slight vertical
movement during the different stages of the button activation.

The value of selectWidth_11 should be the width of your select list image.

Visit http://ryanfait.com/ for more information.

*/

var selectWidth_11 = "182";


/* No need to change anything after this */


document.write('<style type="text/css">select.styled_11 { position: relative; width: ' + selectWidth_11 + 'px; opacity: 0; filter: alpha(opacity=0); z-index: 5; } .disabled_11 { opacity: 0.5; filter: alpha(opacity=50); }</style>');

var Custom_11 = {
	init: function() {
		var inputs_11, span_11 = Array(), textnode_11, option_11, active_11;
		inputs_11 = document.getElementsByName("manufacturers_id_search");
		for(a = 0; a < inputs_11.length; a++) {
			if(inputs_11[a].className == "styled_11") {
				option_11 = inputs_11[a].getElementsByTagName("option");
				active_11 = option_11[0].childNodes[0].nodeValue;
				textnode_11 = document.createTextNode(active_11);
				for(b = 0; b < option_11.length; b++) {
					if(option_11[b].selected == true) {
						textnode_11 = document.createTextNode(option_11[b].childNodes[0].nodeValue);
					}
				}
				span_11[a] = document.createElement("span");
				span_11[a].className = "select_11";
				span_11[a].id = "select_11" + inputs_11[a].name;
				span_11[a].appendChild(textnode_11);
				inputs_11[a].parentNode.insertBefore(span_11[a], inputs_11[a]);
				if(!inputs_11[a].getAttribute("disabled_11")) {
					inputs_11[a].onchange = Custom_11.choose;
				} else {
					inputs_11[a].previousSibling.className = inputs_11[a].previousSibling.className += " disabled_11";
				}
			}
		}
	},
	choose: function() {
		option_11 = this.getElementsByTagName("option");
		for(d = 0; d < option_11.length; d++) {
			if(option_11[d].selected == true) {
				document.getElementById("select_11" + this.name).childNodes[0].nodeValue = option_11[d].childNodes[0].nodeValue;
			}
		}
	}
}







function iniciar_selects() {
	Custom.init();
	Custom_1.init();
	Custom_2.init();
	Custom_3.init();
	Custom_4.init();
	Custom_5.init();
	Custom_6.init();
	Custom_7.init();
	Custom_8.init();
	Custom_9.init();
	Custom_10.init();
	Custom_11.init();
}

window.onload = iniciar_selects;