/* Global */
function $(id) {
	return document.getElementById(id);
}

/* Event Object */
var Event = {
    //Attach a function to an action
    addListener : function(object, event, callback) {
        var isIE = document.attachEvent ? true : false;
		
        if (isIE) {
            object.attachEvent("on" + event, callback);
        } else {
            object.addEventListener(event, callback, false);
        }
    },
    //Stop a click from performing it's default action
    stopClick : function(event) {
        if (event.srcElement) {
            event.cancelBubble = true;
            event.returnValue = false;
        } else {
            event.stopPropagation();
            event.preventDefault();
        }
    }
};

/* Placeholder */
var Placeholder = {
	//On focus
	focus : function(event) {
		var target = (event.srcElement) ? event.srcElement : event.target;
		if (target.value == target.title) {
			target.value = "";
			target.style.color = "#42525e"
		}
	},
	
	//On blur
	blur : function(event) {
		var target = (event.srcElement) ? event.srcElement : event.target;
		if (target.value == "") {
			target.value = target.title;
			target.style.color = "#d4d8da";
		}
	}
}

function setup() {
	//Email field
	emailField = $('email');
	if (emailField != undefined) {
		Event.addListener(emailField, "focus", function(event){Placeholder.focus(event);}); 
		Event.addListener(emailField, "blur", function(event){Placeholder.blur(event);}); 
	}
	
	//Name field
	nameField = $('name');
	if (nameField != undefined) {
		Event.addListener(nameField, "focus", function(event){Placeholder.focus(event);}); 
		Event.addListener(nameField, "blur", function(event){Placeholder.blur(event);}); 
	}
	
	//Phone field
	phoneField = $('phone');
	if (phoneField != undefined) {
		Event.addListener(phoneField, "focus", function(event){Placeholder.focus(event);}); 
		Event.addListener(phoneField, "blur", function(event){Placeholder.blur(event);}); 
	}
}

window.onload = setup;