Untitled

<!DOCTYPE HTML>
<html lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

        <title>Pizza Parlor</title>

        <link rel="stylesheet" type="text/css" media="all" href="pizzaParlor.css" />

        <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
        <script type="text/javascript" src="pizzaParlor.js"></script>
        <script>
        //<!--

        	// fill in all fifty states 2 letter abbreviations.
			var abbstate = new Array("AL","AK","AZ","AR","CA","CO","CT","DE","FL","GA","HI","ID","IL","IN","IA","KS","KY","LA","ME","MD","MA","MI","MN","MS","MO","MT","NE","NV","NH","NJ","NM","NY","NC","ND","OH","OK","OR","PA","RI","SC","SD","TN","TX","UT","VT","VA","WA","WV","WI","WY");

			var pizzaSize = GetCookie("pizSZ");
			var pizzaCrust = GetCookie("pizzaCRST");
			var pizzaType = GetCookie("pizzaTyp");
			var totalCost = GetCookie("totalCST");

			var order = new Array(pizzaSize,pizzaCrust,pizzaType);

			var custArray = new Array(" "," "," "," "," "," "," "," "," "," ");


				//All the values from the input boxes

				var firstName = document.getElementById('firstName');
				var lastName = document.getElementById('lastName');
				var emailAdd =  document.getElementById('email');
				var address =  document.getElementById('address');
				var apartment =  document.getElementById('apt');
				var city =  document.getElementById('city');
				var state = document.getElementById('state');
				var zip =  document.getElementById('zip');
				var phoneNumber =  document.getElementById("phone");


			$('document').ready(function(){

				updateDisplay();

			});

			// Make sure you put in code to checks that no fields are empty.
			// Checks at a basic level that the email address is an email address.
			// Verifies that the phone number is in the correct format.
			// Zip should only have numbers.

			// And anything else that is required by the instructions.
			// Don't forget to put all the customer information into cookies.


			/* -----------------------------------------------------
			 * name:		updateDisplay()
			 * purpose: 	Updates the shopping cart with any changes in order.
			 * author:		Eric Collins
			 * date:		03/03/2014
			 * parameters:	none
			 */
			function updateDisplay(){
				//alert("updateDisplay was called");
				//alert(order[0]);
				$('#messages').text("");

				for(var i = 0; i < order.length; i++){
					$('#messages').append(order[i] +  price[i] + "<br />");

				} // end for loop

			} // end function updateDisplay()


			/* -----------------------------------------------------
			 * name:		phoneCheck()
			 * purpose: 	Checks the phone number field for a valid format
			 * author:		Chris Comstock
			 * date:			03/17/2014
			 * parameters:	none
			 */

			function phoneCheck(){

				var phoneNumber =  document.getElementById("phone");
				//Getting the value from the phone field

				var phoneNo = /^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/;
					if(phoneNumber.value.match(phoneNo)) //compare the entered value against the format it should be in
					{
						return true;
					}
					else
					{
						alert("The phone number has been entered incorrectly. Please follow the format and try again.");
						return false;
					}//end if
			}//end of phoneCheck() function


			/* -----------------------------------------------------
			 * name:		emailCheck()
			 * purpose: 	Checks the email field for a valid format
			 * author:		Chris Comstock
			 * date:			03/17/2014
			 * parameters:	none
			 */

			function emailCheck(){

				var emailAdd =  document.getElementById('email').value;
				//Getting the value from the email field

				var atpos = emailAdd.indexOf("@");
				var dotpos = emailAdd.lastIndexOf(".");
				if (atpos < 1 || dotpos < atpos + 2 || dotpos + 2 >= emailAdd.length)
					{
						alert("Not a valid e-mail address. Please re-enter.");
						return false;

					}//end if
			}//end of phoneCheck() function


			/* -----------------------------------------------------
			 * name:		inputCheck()
			 * purpose: 	Checks the remaining fields if they are null or blank
			 * author:		Chris Comstock
			 * date:			03/18/2014
			 * parameters:	none
			 */
			function inputCheck(){

				var firstName = document.getElementById('firstName').value;
				var lastName = document.getElementById('lastName').value;
				var address =  document.getElementById('address').value;
				var apartment =  document.getElementById('apt').value;
				var city =  document.getElementById('city').value;
				var state = document.getElementById('state').value;
				var zip =  document.getElementById('zip').value;


					if (firstName == null || firstName == "")
					{
						alert("First name must be filled out.");
						return false;
					}

					if (lastName == null || lastName == "")
					{
						alert("Last name must be filled out.");
						return false;
					}

					if (address == null || address == "")
					{
						alert("Address must be filled out.");
						return false;
					}

					if (city == null || city == "")
					{
						alert("City must be filled out.");
						return false;
					}

					if (zip == null || zip == "")
					{
						alert("Zip code must be filled out.");
						return false;
					}

			}//end of inputCheck()


			/* -----------------------------------------------------
			 * name:		custCookies()
			 * purpose: 	Places form data in cookies.
			 * author:		Eric Collins
			 * date:		03/12/2014
			 * parameters:	none
			 */
			function custCookies(){
			    var firstName = custArray[0];
			    var lastName = custArray[1];
			    var emailAdd = custArray[2];
				var address = custArray[3];
				var aptNum = custArray[4];
				var city = custArray[5];
				var state = custArray[6];
				var zipCode = custArray[7];
				var phoneNum = custArray[8];

			    //alert(firsName);
			    //alert(address);
			    //alert(phoneNum);

			    SetCookie("fNAME", firstName);
			    SetCookie("lNAME", lastName);
			    SetCookie("email", emailAdd);
				SetCookie("add", address);
				SetCookie("apt", aptNum);
				SetCookie("cty", city);
				SetCookie("st", state);
				SetCookie("zip", zipCode);
				SetCookie("pNUM", phoneNum);

			    //alert(GetCookie("pizSZ"));
			    //alert(GetCookie("pizzaCRST"));
			    //alert(GetCookie("pizzaTyp"));

			    //alert(temp);
			} // end function custCookies()
		//-->

		//-->
		</script>
    </head>


    <body>
		<div id="wrapper" class="wrapper">
            <div id="header" class="header">
				<img src="images/pizzaParlorLogo.png" alt="LogoImage" height="100" width="150" style="float: left;" />

				<h1>Pizza Parlor</h1>

	        	<span style="text-align: right;">(425) 555-1212</span><br />
	        	<span style="text-align: right;">555 5th Ave</span><br />
	        	<span style="text-align: right;">Everett, WA  98203</span>
            </div>
            <!-- horizontal menu -->
            <div id="horizontalMenu" style="text-align: center; font-size: 10px;">
                <a href="#">Home</a>
                <a href="#">Order Now</a>
                <a href="#">Contact Us</a>
            </div>
            <!-- horizontal menu -->
            <br />
        	<div id="content" class="main">
        		<div id="center" class="yourOrder">

	            	<h2>Create your Order</h2>
	            	<hr />
	            	<form name="custInfo" action="summary.html" method="post">
	            		<!--
	            			Customer first name
							Customer last name
							Customer email address
							Customer address
							Customer apartment number (if applicable)
							Customer city
							Customer state
							Customer zip
							Customer phone number
						-->
						<table>
							<tbody>
								<tr><td><label>First Name:</label></td><td><input type="text" name="firstName" id="firstName" size="40" /></td></tr>
								<tr><td><label>Last Name:</label></td><td><input type="text" name="lastName" id="lastName" size="40" /></td></tr>
								<tr><td><label>Email Address:</label></td><td><input type="text" name="email" id="email" size="40" onblur='emailCheck()'/></td></tr>
								<tr><td><label>Address:</label></td><td><input type="text" name="address" id="address" size="40" /></td></tr>
								<tr><td><label>Apartment:</label></td><td><input type="text" name="apt" id="apt" size="4" /></td></tr>
								<tr><td><label>City:</label></td><td><input type="text" name="city" id="city" size="40" /></td></tr>
								<tr><td><label>State:</label></td>
									<td>
										<select name="state" id="state">
											<script type="text/javascript">
												for(var i = 0; i < abbstate.length; i++)
												{
													document.write("<option>" + abbstate[i] + "</option>");
												}
											</script>
										</select>
									</td>
								</tr>
								<tr><td><label>Zip:</label></td><td><input type="text" name="zip" id="zip" size="10" /></td></tr>
								<tr><td><label>Phone Number:</label></td><td><input type="text" name="phone" id="phone" size="15" onblur='phoneCheck()'/>xxx-xxx-xxxx</td></tr>
							</tbody>
						</table>
						<hr />
						<input type="submit" name="submit" value="Submit Customer Information" /><br />
						<input type="reset" name="reset" value="Clear Customer Information" />
	            	</form>
	            </div>

	            <div id="rightSidebar" class="shoppingCart">
	                <h2>Shopping Cart</h2>
	                <div id="messages"> </div><br/>
					<div id="subTotal"> </div>
	            </div>
	        </div>
		</div>
    </body>
</html>