// JavaScript Document

window.onload = initStyles;

function initStyles() {
	altRowColor();
	hideLabels();
}

function altRowColor() {
	var table_rows = document.getElementsByTagName("tr");
	
	for (var i=1; i<table_rows.length; i=i+2) {
		table_rows[i].className="shade";
	}
}

function hideLabels() {
	if (document.application) {
		var labels = document.application;

		for (var i=0; i<labels.length; i++) {
			if (labels[i].value) {
				var check = checkIfDefault(labels[i].value)
				if (check == "default") {
						
						labels[i].onclick = function () {
							onclickHandler(this);
						}
						
						labels[i].onblur = function () {
							onblurHandler(this);
						}
						
				}
			}
		}
	}
	else {
		return false;
	}
}

function onblurHandler(element) {
	if (element.value == "") {
		if (element.name == "name") {
			element.value = "Type your full name here";
		}
		else if (element.name == "address_street") {
			element.value = "Street";
		}
		else if (element.name == "address_city") {
			element.value = "City";
		}
		else if (element.name == "address_zip") {
			element.value = "Zip";
		}
	}
}

function onclickHandler(element) {
	element.value = "";
}

function fadeTo(element,red,green,blue) {
	if (element.fade) {
		clearTimeout(element.fade);
	}
	
	element.style.backgroundColor = "rgb("+red+","+green+","+blue+")";

	if (red == 255 && green == 255 && blue == 255) {
			return;
		}
		
	var newred = red + Math.ceil((255 - red)/10);
	var newgreen = green + Math.ceil((255 - green)/10);
	var newblue = blue + Math.ceil((255 - blue)/10);
	var repeat = function() {
		fadeTo(element, newred, newgreen, newblue)
	};
	element.fade = setTimeout(repeat,100);
}