// Script written by Drew Noakes -- http://drewnoakes.com
// 14 Dec 2006

var HintClass = "hintTextbox";
var HintActiveClass = "hintTextboxActive";

var taHintClass = "hintTabox";
var taHintActiveClass = "hintTaboxActive";

// define a custom method on the string class to trim leading and training spaces
String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g, ''); };

// Array of input elements in form witch eacht their names and their default value's
// i.e.: defaults[0] = new Array(element.name,element.value);
var defaults = new Array();
defaults[0] = new Array("name","Name");
defaults[1] = new Array("fname","Surname");
defaults[2] = new Array("email","E-mail");
defaults[3] = new Array("address","Address");
defaults[4] = new Array("pc","Postal code");
defaults[5] = new Array("loc","City");
defaults[6] = new Array("country","Country");

// Same for textarea's
var def_tas = new Array();
def_tas[0] = new Array("message","Your message");



function initHintTextboxes() {
  var inputs = document.getElementsByTagName('input');	
  for (i=0; i<inputs.length; i++) {
    var input = inputs[i];
    if (input.type!="text")
      continue;
      
    if (input.className.indexOf(HintClass)!=-1) {
      input.hintText = input.value;
			if(input.value == defaults[i][1]){
      	input.className = HintClass;
      	input.onfocus = onHintTextboxFocus;
			}else{
      	input.className = HintActiveClass;
			}
      input.onblur = onHintTextboxBlur;
    }
  }
	
	var textareas = document.getElementsByTagName('textarea');	
	for (j=0; j<textareas.length; j++) {
		var ta = textareas[j];		
		if (ta.className.indexOf(taHintClass)!=-1) {
			ta.hintText = ta.value;
			if(ta.value == def_tas[j][1]){
      	ta.className = taHintClass;
      	ta.onfocus = onHintTaboxFocus;
			}else{
      	ta.className = taHintActiveClass;
			}
      ta.onblur = onHintTaboxBlur;
		}		
	}
}

// onfocus & onblur functions for the input fields
function onHintTextboxFocus() {
  var input = this;
  if (input.value.trim()==input.hintText) {
    input.value = "";
    input.className = HintActiveClass;
  }
}

function onHintTextboxBlur() {
  var input = this;
	var el_name = input.name;	
	for (i=0; i<defaults.length; i++) {		
		if(defaults[i][0] == el_name){
			var x = i;
			var default_val = defaults[i][1];
		}	
	}
  if (input.value.trim().length==0) {
    input.value = default_val;
    input.className = HintClass;
  }
}

// onfocus & onblur functions for the textarea's
function onHintTaboxFocus() {
  var ta = this;
  if (ta.value.trim()==ta.hintText) {
    ta.value = "";
    ta.className = taHintActiveClass;
  }
}

function onHintTaboxBlur() {
  var ta = this;
	var el_name = ta.name;	
	for (i=0; i<def_tas.length; i++) {		
		if(def_tas[i][0] == el_name){
			var x = i;
			var default_val = def_tas[i][1];
		}
	}
  if (ta.value.trim().length==0) {
    ta.value = default_val;
    ta.className = taHintClass;
  }
}

window.onload = initHintTextboxes;







/*

// ORIGINAL CODE

function initHintTextboxes() {
  var inputs = document.getElementsByTagName('input');
  for (i=0; i<inputs.length; i++) {
    var input = inputs[i];
    if (input.type!="text")
      continue;
      
    if (input.className.indexOf(HintClass)!=-1) {
      input.hintText = input.value;
      input.className = HintClass;
      input.onfocus = onHintTextboxFocus;
      input.onblur = onHintTextboxBlur;
    }
  }
}


function onHintTextboxFocus() {
  var input = this;
  if (input.value.trim()==input.hintText) {
    input.value = "";
    input.className = HintActiveClass;
  }
}

function onHintTextboxBlur() {
  var input = this;
  if (input.value.trim().length==0) {
    input.value = input.hintText;
    input.className = HintClass;
  }
}
*/