﻿function initPlaceholder() {
	var inputs = document.getElementsByTagName('input');
	for(i=0,n=inputs.length; i<n; i++) {
		if(inputs[i].className.indexOf('focusable')!=-1) {
			var input = inputs[i];
			input.placeholder = input.value;
			input.onfocus = function() {
				if(this.value == this.placeholder) {
					this.value = '';
				}
				this.className += ' focused';
			}
			input.onblur = function() {
				if(this.value == '') {
					this.value = this.placeholder;
				}
				this.className = this.className.replace('focused', '')
			}
		}
	}
}
if (window.addEventListener) window.addEventListener("load", initPlaceholder, false);
else if (window.attachEvent && !window.opera) window.attachEvent("onload", initPlaceholder);
