// JavaScript Document

var cphForm = {

	addListeners: function () {

		// set objects
		if (document.getElementById('lgUsername')) {
			var objUsername = document.getElementById('lgUsername');
			var objPin = document.getElementById('lgPin');
		
			rwScript.addEvent(objUsername, 'click', cphForm.getFocus(objUsername), false);
			rwScript.addEvent(objUsername, 'focus', cphForm.getFocus(objUsername), false);
			rwScript.addEvent(objUsername, 'blur', cphForm.getLoseFocus(objUsername), false);

			rwScript.addEvent(objPin, 'click', cphForm.getFocus(objPin), false);
			rwScript.addEvent(objPin, 'focus', cphForm.getFocus(objPin), false);
			rwScript.addEvent(objPin, 'blur', cphForm.getLoseFocus(objPin), false);
		}
		
		if (document.getElementById('industry')) {
			var cboIndustry = document.getElementById('industry');
			var cboPosition = document.getElementById('position');
			
			rwScript.addEvent(cboIndustry, 'change', cphForm.getChange(cboIndustry), false);
			rwScript.addEvent(cboPosition, 'change', cphForm.getChange(cboPosition), false);
		}

	},
	
	fieldFocus: function(e, targetElement) {
		var el = window.event ? targetElement : e ? e.currentTarget : null;
		if (!el) return;

		if (el.id == "lgUsername" && el.value == "Username") {
			el.value = "";
			el.style.color = "#000000";
		}
		if (el.id == "lgPin" && el.value == "Pin") {
			el.value = "";
			el.style.color = "#000000";
		}
	},
	getFocus: function (node) { return function(e) { cphForm.fieldFocus(e, node); }; },
	
	fieldBlur: function(e, targetElement) {
		var el = window.event ? targetElement : e ? e.currentTarget : null;
		if (!el) return;
		
		if (el.value == "") {
			el.style.color = "#ffffff";
			if (el.id == "lgUsername") {
				el.value = "Username";
			} else {
				el.value = "Pin"
			}
		}
	},
	getLoseFocus: function (node) { return function(e) { cphForm.fieldBlur(e, node); }; },

	setOther: function(e, targetElement) {
		var el = window.event ? targetElement : e ? e.currentTarget : null;
		if (!el) return;
		
		var objOther = document.getElementById(el.id + 'Other');

		if (el.value == "Other") {
			objOther.disabled = false;
			objOther.focus();
		} else {
			objOther.disabled = true;
		}
	},
	getChange: function (node) { return function(e) { cphForm.setOther(e, node); }; }

};

rwScript.addEvent(window, 'load', cphForm.addListeners, false);
rwScript.addEvent(window, 'unload', EventCache.flush, false);