var xhr = false;

function getServicesPage() {
	document.getElementById("homeImg").innerHTML = '<img src="images/l1.jpg" name="r1">';
	document.getElementById("clientsImg").innerHTML = '<img src="images/l3.jpg" name="r3">';
	document.getElementById("solutionsImg").innerHTML = '<img src="images/l4.jpg" name="r4">';
	document.getElementById("proposalImg").innerHTML = '<img src="images/l5.jpg" name="r5">';
	document.getElementById("contactusImg").innerHTML = '<img src="images/l6.jpg" name="r6">';
	document.getElementById("servicesImg").innerHTML = '<img src="images/l2-2.jpg" name="r2">';
	document.getElementById("contentArea").innerHTML = '<img src="images/loading.gif">';

	makeRequest("services.php");
	return false;
}
function getClientsPage() {
/*	document.getElementById("homeImg").innerHTML = '<img src="images/l1.jpg" name="r1">';
	document.getElementById("solutionsImg").innerHTML = '<img src="images/l4.jpg" name="r4">';
	document.getElementById("proposalImg").innerHTML = '<img src="images/l5.jpg" name="r5">';
	document.getElementById("contactusImg").innerHTML = '<img src="images/l6.jpg" name="r6">';
	document.getElementById("servicesImg").innerHTML = '<img src="images/l2.jpg" name="r2">';
	document.getElementById("clientsImg").innerHTML = '<img src="images/l3-3.jpg" name="r3">';
	document.getElementById("contentArea").innerHTML = '<img src="images/loading.gif">';

	makeRequest("clients.php");
*/	return false;
}
function getSolutionsPage() {
/*	document.getElementById("homeImg").innerHTML = '<img src="images/l1.jpg" name="r1">';
	document.getElementById("clientsImg").innerHTML = '<img src="images/l3.jpg" name="r3">';
	document.getElementById("proposalImg").innerHTML = '<img src="images/l5.jpg" name="r5">';
	document.getElementById("contactusImg").innerHTML = '<img src="images/l6.jpg" name="r6">';
	document.getElementById("servicesImg").innerHTML = '<img src="images/l2.jpg" name="r2">';
	document.getElementById("solutionsImg").innerHTML = '<img src="images/l4-4.jpg" name="r4">';
	document.getElementById("contentArea").innerHTML = '<img src="images/loading.gif">';

	makeRequest("solutions.php");
*/	return false;
}
function getProposalPage() {
	document.getElementById("homeImg").innerHTML = '<img src="images/l1.jpg" name="r1">';
	document.getElementById("clientsImg").innerHTML = '<img src="images/l3.jpg" name="r3">';
	document.getElementById("solutionsImg").innerHTML = '<img src="images/l4.jpg" name="r4">';
	document.getElementById("contactusImg").innerHTML = '<img src="images/l6.jpg" name="r6">';
	document.getElementById("servicesImg").innerHTML = '<img src="images/l2.jpg" name="r2">';
	document.getElementById("proposalImg").innerHTML = '<img src="images/l5-5.jpg" name="r5">';
	document.getElementById("contentArea").innerHTML = '<img src="images/loading.gif">';

	makeRequest("proposal.php");
	return false;
}
function getContactPage() {
	document.getElementById("homeImg").innerHTML = '<img src="images/l1.jpg" name="r1">';
	document.getElementById("clientsImg").innerHTML = '<img src="images/l3.jpg" name="r3">';
	document.getElementById("solutionsImg").innerHTML = '<img src="images/l4.jpg" name="r4">';
	document.getElementById("proposalImg").innerHTML = '<img src="images/l5.jpg" name="r5">';
	document.getElementById("servicesImg").innerHTML = '<img src="images/l2.jpg" name="r2">';
	document.getElementById("contactusImg").innerHTML = '<img src="images/l6-6.jpg" name="r6">';
	document.getElementById("contentArea").innerHTML = '<img src="images/loading.gif">';

	makeRequest("contactus.php");
	return false;
}
function getLinksPage() {
	document.getElementById("homeImg").innerHTML = '<img src="images/l1.jpg" name="r1">';
	document.getElementById("clientsImg").innerHTML = '<img src="images/l3.jpg" name="r3">';
	document.getElementById("solutionsImg").innerHTML = '<img src="images/l4.jpg" name="r4">';
	document.getElementById("proposalImg").innerHTML = '<img src="images/l5.jpg" name="r5">';
	document.getElementById("servicesImg").innerHTML = '<img src="images/l2.jpg" name="r2">';
	document.getElementById("contactusImg").innerHTML = '<img src="images/l6.jpg" name="r6">';

	document.getElementById("contentArea").innerHTML = '<img src="images/loading.gif">';

	makeRequest("/gagglina/links.php");
	return false;
}
function sendForm(formID) {
	document.getElementById("sendForm").innerHTML = '<img src="images/loading.gif"> <b>Sending Form Data...</b>';
	makeRequest("sendForm.php",formID);
	return false;
}

function makeRequest(url,formID) {
	if (window.XMLHttpRequest) {
		xhr = new XMLHttpRequest();
	}
	else {
		if (window.ActiveXObject) {
			try {
				xhr = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e) { }
		}
	}

	if (xhr) {
		xhr.onreadystatechange = function() {
			if (xhr.readyState == 4) {
				if (xhr.status == 200) {
					var outMsg = xhr.responseText;
				}
				else {
					var outMsg = "There was a problem with the request " + xhr.status;
				}
				switch(url) {
					case "sendForm.php":
						document.getElementById("sendForm").innerHTML = outMsg;
						break;
					default:
						document.getElementById("contentArea").innerHTML = outMsg;
				}
			}
		}
		switch(url) {
			case "sendForm.php":
				switch(formID) {
					case 1:
var data = "id=1";
for(x=0;x<document.contactForm.elements.length;x++)
{
data += "&" + document.contactForm.elements[x].name + "=" + document.contactForm.elements[x].value;
}
						break;
					case 2:
var data = "id=2";
for(x=0;x<document.proposalForm.elements.length;x++)
{
if ((document.proposalForm.elements[x].name == "webdev") || (document.proposalForm.elements[x].name == "softdev") || (document.proposalForm.elements[x].name == "mobappdev")) 
{
 if (document.proposalForm.elements[x].checked)
 {
  data += "&" + document.proposalForm.elements[x].name + "=" + document.proposalForm.elements[x].value;
 }
}else{
data += "&" + document.proposalForm.elements[x].name + "=" + document.proposalForm.elements[x].value;
}
}
						break;
					default:
				}
				if (data!="") {
					xhr.open("POST", url,true);
					xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=UTF-8");
					xhr.setRequestHeader("Cache-Control","no-cache");
					xhr.setRequestHeader("pragma","no-cache");
					xhr.send(data);
				}
				break;
			default:
				xhr.open("GET", url, true);
				xhr.setRequestHeader("Cache-Control","no-cache");
				xhr.setRequestHeader("pragma","no-cache");
				xhr.send(null);
		}
	}
	else {
		switch(url) {
			case "sendForm.php":
				document.getElementById("sendForm").innerHTML = "Sorry, connection failed";
				break;
			default:
				document.getElementById("contentArea").innerHTML = "Sorry, connection failed";
		}
	}
}