window.onload = initPage;

function initPage() {
	newsLetter();
}

function newsLetter() {
	var name = document.getElementById("name");
	var email = document.getElementById("email");
	var register = document.getElementById("register");
	
	name.value = "Name";
	email.value = "Email";
	register.value = "";
	
	name.onfocus = textfieldFocus;
	name.onblur = textfieldBlur;
	
	email.onfocus = textfieldFocus;
	email.onblur = textfieldBlur;
	
	register.onclick = checkNewsletterValues;
}

function textfieldFocus() {
	this.value = "";
}

function textfieldBlur() {
	switch (this.id) {
		case "name":
			if(this.value == "") {
		    	this.value = "Name";
			}
			break;
		case "email":
		    if(this.value == "") {
		    	this.value = "Email";
			}
			break;
	}
}


function emailIsProper() {
    if (!/^[\w\.-_\+]+@[\w-]+(\.\w{2,4})+$/.test(document.getElementById("email").value)) {
        alert("Enter a valid email");
		return false;
    }
	else {
		return true;
	}
	
}

function checkNewsletterValues() {
	if(emailIsProper()) {
		registerUser();	
	}
}

function registerUser() {
  registerRequest = createRequest();
  if (registerRequest == null) {
    alert("Unable to create request.");
  } else {
    var url = "subscribe.php?name=" +
        escape(document.getElementById("name").value) + "&email=" +
        escape(document.getElementById("email").value);
		registerRequest.onreadystatechange = registrationProcessed;
		registerRequest.open("GET", url, true);
		registerRequest.send(null);
		var carTextDiv = document.getElementById('newsletter-right');
		carTextDiv.innerHTML = "";
		var img = document.createElement("img");
		img.src = "images/wait.gif" ;
		carTextDiv.appendChild(img);
	}
}

function registrationProcessed() {
  if (registerRequest.readyState == 4) {
    if (registerRequest.status == 200) {
      document.getElementById('newsletter-right').innerHTML =
        registerRequest.responseText;
    }
  }
}

function aProcessed() {
  if (aRequest.readyState == 4) {
    if (aRequest.status == 200) {
      document.getElementById('project-text').innerHTML =
        aRequest.responseText;
    }
  }
}