/* Scripts for radio button image replacement */

var Input = {
	initialize: function() {
		// alert("input");
		if(document.getElementsByTagName("form")) {
			var divs = document.getElementsByTagName("div");
			for(var i = 0; i < divs.length; i++) {
				if(divs[i].className.match("checkbox") || divs[i].className.match("radio")) {
					divs[i].onmouseover = Input.effect;
					divs[i].onmouseout = Input.clear;
					divs[i].onmouseup = Input.handle;
					window.onmouseup = Input.clear;
				}
			}
		}
	},

	effect: function() {
		if(this.className == "checkbox" || this.className == "radio") {
			this.style.backgroundPosition = "0 -22px";
		} else {
			this.style.backgroundPosition = "0 0px";
		}
	},

	handle: function() {
		selector = this.getElementsByTagName("input")[0];
		if(this.className == "checkbox") {
			selector.checked = true;
			this.className = "checkbox selected";
			this.style.backgroundPosition = "0 -22px";
		} else if(this.className == "checkbox selected") {
			selector.checked = false;
			this.className = "checkbox";
			this.style.backgroundPosition = "0 0";
		} else {
			selector.checked = true;
			this.className = "radio selected";
			this.style.backgroundPosition = "0 -22px";

			if(this.childNodes[1].value) {
				something = this.childNodes[1].value.split(/,/);
			} else {
				something = this.childNodes[0].value.split(/,/);
			}

			document.getElementById(something[0]).innerHTML = document.getElementById(something[1]).innerHTML;
			inputs = document.getElementsByTagName("input");
			for(i = 0; i < inputs.length; i++) {
				if(inputs[i].getAttribute("name") == selector.getAttribute("name")) {
					if(inputs[i] != selector) {
						inputs[i].parentNode.className = "radio";
						inputs[i].parentNode.style.backgroundPosition = "0 0";
					}
				}
			}
		}
	},

	clear: function() {
		divs = document.getElementsByTagName("div");
		for(var i = 0; i < divs.length; i++) {
			if(divs[i].className == "checkbox" || divs[i].className == "radio") {
				divs[i].style.backgroundPosition = "0 0";
			} else if(divs[i].className == "checkbox selected" || divs[i].className == "radio selected") {
				divs[i].style.backgroundPosition = "0 -22px";
			}
		}
	}
}

/* - this is necessary for the join us dropdown */
showMenu = function() {
	if(document.getElementById("top-menu")){
		var subMenuItems = document.getElementById("top-menu").getElementsByTagName("li");
		for (var i=0; i<subMenuItems.length; i++) {
			subMenuItems[i].onmouseover=function() {
				this.className = "showMenu";
			}
			subMenuItems[i].onmouseout=function() {
				this.className=this.className = "";
			}
		}
	}
}