$(document).ready(function(){
	//global vars
	var searchBoxes = $("input.email_input");
	var searchBoxesToRemoveString = $("input.email_input");
	var searchBoxDefaultInput = [];

	//array that holds initial search strings
	searchBoxesToRemoveString.each(function(index) {
		searchBoxDefaultInput[index] = $(this).attr("value");
	  });
	
	//Effects for both searchbox
	searchBoxes.focus(function(e){
		$(this).addClass("active");
		//if we have to remove string from search box AND Value is the initial text string, then remove value 
		if ((searchBoxesToRemoveString.index($(this)) >=0) && ($(this).attr("value") == searchBoxDefaultInput[searchBoxes.index($(this))]))
		{
		 	$(this).attr("value", "");
		}
	});
	searchBoxes.blur(function(e){
		$(this).removeClass("active");
		//if we have to remove string from search box AND Value is empty then add initial text string 
		if ((searchBoxesToRemoveString.index($(this)) >=0) && $(this).attr("value") == "") 
		{
			$(this).attr("value", searchBoxDefaultInput[searchBoxes.index($(this))]);
		}
	});
});
