// JavaScript Document
<!-------------Form Vaarification---------------------------------------->
function checkForm()
{
	var fname, fphone, femail, fpieces
	with(window.document.order)
	{
		fname = name;
		fphone = phone;
		femail = email;
		fpieces = pieces;
	}
	
	if(trim(fname.value) == '')
	{
		alert('Please enter your name.');
		fname.focus();
		return false;
	}
	
	else if(trim(fphone.value) == '')
	{
		alert('Please enter your phone number.');
		fphone.focus();
		return false;
	}
	
	else if(trim(femail.value) == '')
	{
		alert('Please enter an Email address.');
		femail.focus();
		return false;
	}
	
	else if(!isEmail(trim(femail.value)))
	{
		alert('Email address is not valid');
		femail.focus();
		return false;
	}
	
	else if(trim(fpieces.value) == '')
	{
		alert('Please enter the number of pieces you will need.');
		fpieces.focus();
		return false;
	}
	
	else
	{
		fname.value = trim(fname.value);
		fphone.value = trim(fphone.value);
		femail.value = trim(femail.value);
		fpieces.value = trim(fpieces.value);
		fdecal.value = trim(fdecal.value);
		return true;
	}
	
}

function trim(str)
{
	return str.replace(/^\s+|\s+$/g,'');
}

function isEmail(str)
{
	var regex = /^[-_.a-z0-9]+@(([-_a-z0-9]+\.)+(ad|ae|aero|af|ag|ai|al|am|an|ao|aq|ar|arpa|as|at|au|aw|az|ba|bb|bd|be|bf|bg|bh|bi|biz|bj|bm|bn|bo|br|bs|bt|bv|bw|by|bz|ca|cc|cd|cf|cg|ch|ci|ck|cl|cm|cn|co|com|coop|cr|cs|cu|cv|cx|cy|cz|de|dj|dk|dm|dz|ec|edu|ee|eg|eh|er|es|et|eu|fi|fj|fk|fm|fo|fr|ga|gb|gd|ge|gf|gh|gi|gl|gm|gn|gov|gp|gq|gr|gs|gt|gu|gw|gy|hk|hm|hn|hr|ht|hu|id|ie|il|info|int|io|iq|ir|is|it|jm|jo|jp|ke|kg|kh|ki|km|kn|kp|kr|kw|ky|kz|la|lb|lc|li|lk|lr|ls|lt|lu|lv|ly|ma|mc|md|mg|mh|mil|mk|ml|mm|mn|mo|mp|mq|mr|ms|mt|mu|museum|mv|mw|mx|my|mz|na|name|nc|ne|net|nf|ng|ni|nl|no|np|nr|nt|nu|nz|om|org|pa|pe|pf|pg|ph|pk|pl|pm|pn|pr|pro|ps|pt|pw|py|qa|re|ro|ru|rw|sa|sb|sc|sd|se|sg|sh|si|sj|sk|sl|sm|sn|so|sr|st|su|sv|sy|sz|tc|td|tf|tg|th|tj|tk|tm|tn|to|tp|tr|tt|tv|tw|tz|ua|ug|uk|um|us|uy|uz|va|vc|ve|vg|vi|vn|vu|wf|ws|ye|yt|yu|za|zm|zw)|(([0-9][0-9]?|[0-1][0-9][0-9]|[2][0-4][0-9]|[2][5][0-5])\.){3}([0-9][0-9]?|[0-1][0-9][0-9]|[2][0-4][0-9]|[2][5][0-5]))$/i;

return regex.test(str);
}
<!-------------End Form Vaarification------------------------------------------------->


<!-------------Ajax Functions--------------------------------------------------------->
//Browser Support Code
function getProduct(){
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try
	{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	}
	catch (e)
	{
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e){
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('productdiv');
			ajaxDisplay.innerHTML = "<h1>Design View</h1><br /><br /><img src='../productImages/thumbs/" + ajaxRequest.responseText + "' />";
		}
	}
	var product = document.order.product.value;
	var queryString = "?product=" + product;
	ajaxRequest.open("GET", "getProduct.php" + queryString, true);
	ajaxRequest.send(null); 
}


function getDecal(){
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try
	{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	}
	catch (e)
	{
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e){
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('decaldiv');
			ajaxDisplay.innerHTML = "<img src='../decalImages/thumb/" + ajaxRequest.responseText + "' />";
		}
	}
	var decal = document.order.decalF.value;
	var queryString = "?decal=" + decal;
	ajaxRequest.open("GET", "getDecal.php" + queryString, true);
	ajaxRequest.send(null); 
}


/****************************FONT OF MUG******************************/
function changeUpperText(){
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try
	{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	}
	catch (e)
	{
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e){
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var uText = document.getElementById('upperTextdiv');
			uText.innerHTML = "<em>------FRONT OF MUG DISPLAY------</em><br /><p class=\"mugText\">" + ajaxRequest.responseText + "</p>";
		}
	}
	var text = document.order.upperTextF.value;
	ajaxRequest.open("GET", "getText.php?text=" + text, true);
	ajaxRequest.send(null); 
}


function changeLowerText(){
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try
	{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	}
	catch (e)
	{
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e){
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var text = document.getElementById('lowerTextdiv');
			text.innerHTML = "<p class=\"mugText\">" + ajaxRequest.responseText + "</p>";
		}
	}
	var text = document.order.lowerTextF.value;
	ajaxRequest.open("GET", "getText.php?text=" + text, true);
	ajaxRequest.send(null); 
}


/************************BACK OF MUG******************************/
function getDecalB(){
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try
	{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	}
	catch (e)
	{
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e){
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var ajaxDisplay = document.getElementById('decaldivB');
			ajaxDisplay.innerHTML = "<img src='../decalImages/thumb/" + ajaxRequest.responseText + "' />";
		}
	}
	var decal = document.order.decalB.value;
	var queryString = "?decal=" + decal;
	ajaxRequest.open("GET", "getDecal.php" + queryString, true);
	ajaxRequest.send(null); 
}


function changeUpperTextB(){
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try
	{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	}
	catch (e)
	{
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e){
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var uText = document.getElementById('upperTextdivB');
			uText.innerHTML = "<em>------BACK OF MUG DISPLAY------</em><br /><p class=\"mugText\">" + ajaxRequest.responseText + "</p>";
		}
	}
	var text = document.order.upperTextB.value;
	ajaxRequest.open("GET", "getText.php?text=" + text, true);
	ajaxRequest.send(null); 
}


function changeLowerTextB(){
	var ajaxRequest;  // The variable that makes Ajax possible!
	
	try
	{
		// Opera 8.0+, Firefox, Safari
		ajaxRequest = new XMLHttpRequest();
	}
	catch (e)
	{
		// Internet Explorer Browsers
		try{
			ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e){
			try{
				ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
			}
			catch (e){
				// Something went wrong
				alert("Your browser broke!");
				return false;
			}
		}
	}
	// Create a function that will receive data sent from the server
	ajaxRequest.onreadystatechange = function(){
		if(ajaxRequest.readyState == 4){
			var text = document.getElementById('lowerTextdivB');
			text.innerHTML = "<p class=\"mugText\">" + ajaxRequest.responseText + "</p>";
		}
	}
	var text = document.order.lowerTextB.value;
	ajaxRequest.open("GET", "getText.php?text=" + text, true);
	ajaxRequest.send(null); 
}

function popup(mylink, windowname)
{
if (!window.focus)return true;
var href;
if (typeof(mylink) == 'string')
   href=mylink;
else
   href=mylink.href;
window.open(href, windowname, 'width=600,height=700,scrollbars=yes');
return false;
}
//-->
<!-------------End Ajax Functions------------------------------------------>

<!--------------------------------------------------------FORM FUNCTIONS------------------------------------------------>

function showDiv(what) {
	var thearray= new Array("printing","product","artwork","personal");
	for(i=0; i<thearray.length; i++){
      if(thearray[i] == what){
            document.getElementById(what).style.display="block";
      }else{
            document.getElementById(thearray[i]).style.display="none";
      }
   }
}

<!------------------------------------------------------END FORM FUNCTIONS---------------------------------------------->