// <form onsubmit="return validateFormOnSubmit(this)" action="test.htm">

function validateFormOnSubmit(theForm) {
var reason = "";

//  reason += validateEmpty(theForm.email);
  reason += validateCheckBox(theForm.proof_approval);
      
  if (reason != "") {
    alert("Some fields need correction:\n" + reason);
    return false;
  }

  return true;
}

function validateEmpty(field) {
    var error = "";
 
    if (field.value.length == 0) {
        field.style.background = 'Yellow'; 
        error = "The required field has not been filled in.\n"
    } else {
        field.style.background = 'White';
    }
    return error;  
}

function validateCheckBox(theForm,field) {
    var error = "";	
	 if (	document.forms[theForm].elements[field].checked = false )
		{
			error = "You must check the "+field+" box.\n"
		}
    return error;  
}

// if there is a message from the server display the div else hide it
function showMsg () {
	if (document.getElementById('error_message') != null) {
		if (document.getElementById('error_message').innerHTML.length > 10) {  // allow for <p></p>
			document.getElementById('error_message').style.display  = "block";	
		} else {
			document.getElementById('error_message').style.display  = "none";		
		}
	}
}

function addfilefield() {
	document.getElementById('files').innerHTML = document.getElementById('files').innerHTML + "<input class=\"upload_file\" name=\"file[]\" type=\"file\" /><br />";
}

function setHidden(div, arg) {
	document.forms['orderform'].elements[div].value = arg;
}

function showDiv(div,arg){
	if (arg == 'Custom') {
		document.getElementById(div).style.display  = "block";
	} else {
		document.getElementById(div).style.display  = "none";
	}
}

// ajax up the price
function getPrice() {
	var type = document.forms['orderform'].elements['job_type'].value;
	var color = document.forms['orderform'].elements['color'].value;	
	var qty = document.forms['orderform'].elements['quantity'].value;	
	var size = document.forms['orderform'].elements['size'].value;	
	var width = document.forms['orderform'].elements['width'].value;	
	var height = document.forms['orderform'].elements['height'].value;		
	ajaxGet("getprice.php","type="+type+"&color="+color+"&qty="+qty+"&size="+size+"&width="+width+"&height="+height,"priceDiv");
}

function setJob(arg){
	
	
// hide all elements, then reveal them as needed	
		document.getElementById('color').style.display  = "none";	
		document.getElementById('finish').style.display  = "none";		
		document.getElementById('format').style.display  = "none";
		document.getElementById('paper').style.display  = "none";	
		document.getElementById('quantity').style.display  = "none";	
		document.getElementById('size').style.display  = "none";	
		document.getElementById('type').style.display  = "none";
		document.getElementById('custdim').style.display  = "none";	
		
// Blank
	if (arg == 'NA') {

	}
// business cards

	if (arg == 'Business Cards') {
		document.getElementById('color').innerHTML= ""
			+"<select name=\"\" onchange=\"setHidden('color',this.value);getPrice();\">"
               +"<option value=\"\">Please Select Color Options</option>"
			   +"<option value=\"1/0\">Front: Grayscale, Back: Blank</option>"
			   +"<option value=\"1/1\">Front: Grayscale, Back: Grayscale</option>"
			   +"<option value=\"4/0\">Front: Color, Back: Blank</option>"
			   +"<option value=\"4/1\">Front: Color, Back: Grayscale</option>"
			   +"<option value=\"4/4\">Front: Color, Back: Color</option>"
           +" </select>"
		+"";	
		document.getElementById('color').style.display  = "block";		
		document.getElementById('quantity').innerHTML= ""
			+"<select name=\"\" onchange=\"showDiv('custom_quantity',this.value);setHidden('quantity',this.value);getPrice();\">"
               +"<option value=\"\">Please Select Quantity</option>"			
               +"<option value=\"100\">100</option>"
               +"<option value=\"150\">150</option>"
               +"<option value=\"250\">250</option>"			   
               +"<option value=\"500\">500</option>"
               +"<option value=\"1000\">1000</option>"
               +"<option value=\"1500\">1500</option>"	
               +"<option value=\"2000\">2000</option>"
               +"<option value=\"Custom\">Custom</option>"			   
			+" </select>"
		+"<div style=\"display:none;\" id=\"custom_quantity\"><input type=\"text\" name=\"custom_quanitiy\" onchange=\"setHidden('quantity',this.value);getPrice();\"></div>";
		document.getElementById('quantity').style.display  = "block";	
	} 
	
// color prints	

	if (arg == 'Color Laser Prints') {
		document.getElementById('color').innerHTML= ""
			+"<select name=\"\" onchange=\"setHidden('color',this.value);getPrice();\">"
               +"<option value=\"\">Please Select Color Options</option>"
			   +"<option value=\"1/0\">Front: Grayscale, Back: Blank</option>"
			   +"<option value=\"1/1\">Front: Grayscale, Back: Grayscale</option>"
			   +"<option value=\"4/0\">Front: Color, Back: Blank</option>"
			   +"<option value=\"4/1\">Front: Color, Back: Grayscale</option>"
			   +"<option value=\"4/4\">Front: Color, Back: Color</option>"
           +" </select>"
		+"";	
		document.getElementById('color').style.display  = "block";		
		document.getElementById('finish').innerHTML= ""
			+"<select name=\"\" onchange=\"setHidden('finish',this.value);getPrice();\">"
               +"<option value=\"\">Please Select Finish Options</option>"			
               +"<option value=\"Gatorboard 3/16\">Gatorboard 3/16\"</option>"
			   +"<option value=\"Foamcore 3/16\">Foamcore 3/16\"</option>"
			   +"<option value=\"Gloss Laminate 3mm\">Gloss Laminate 3mm</option>"
			   +"<option value=\"White Museum Board\">White Museum Board</option>"
			   +"<option value=\"Gatorboard 1/2\">Gatorboard 1/2\"</option>"
			   +"<option value=\"Foamcore 1/2\">Foamcore 1/2\"</option>"
			   +"<option value=\"Matte Laminate 3mm\">Matte Laminate 3mm</option>"
			   +"<option value=\"Black Illustrator Board\">Black Illustrator Board</option>"
			   +"<option value=\"Gatorboard 1\">Gatorboard 1\"</option>"
           +" </select>"
		+"";	
		document.getElementById('finish').style.display  = "none";
		document.getElementById('paper').innerHTML= ""
			+"<select name=\"\" onchange=\"showDiv('custom_paper',this.value);setHidden('paper',this.value);getPrice();\">"
               +"<option value=\"\">Please Select Paper Options</option>"			
               +"<option value=\"Digital Standard 20-32 lbs Standard\">Digital Standard 20-32 lbs Standard</option>"
               +"<option value=\"Digital Standard 60-65 lbs Cover\">Digital Standard 60-65 lbs Cover</option>"
               +"<option value=\"Digital Standard 80-100 lbs Cover\">Digital Standard 80-100 lbs Cover</option>"
               +"<option value=\"Digital Semi-Gloss 20-32 lbs Standard\">Digital Semi-Gloss 20-32 lbs Standard</option>"
               +"<option value=\"Digital Semi-Gloss 60-65 lbs Cover\">Digital Semi-Gloss 60-65 lbs Cover</option>"
				+"<option value=\"Digital Semi-Gloss 80-100 lbs Cover\">Digital Semi-Gloss 80-100 lbs Cover</option>"			   
				+"<option value=\"Custom\">Custom</option>"
           +" </select>"
		+"<div style=\"display:none;\" id=\"custom_paper\"><input type=\"text\" name=\"custom_paper\" onchange=\"setHidden('paper',this.value);getPrice();\"></div>";
		document.getElementById('paper').style.display  = "block";
		document.getElementById('quantity').innerHTML= ""
			+"<select name=\"\" onchange=\"showDiv('custom_quantity',this.value);setHidden('quantity',this.value);getPrice();\">"
               +"<option value=\"\">Please Select Quantity</option>"			
               +"<option value=\"100\">100</option>"
               +"<option value=\"150\">150</option>"
               +"<option value=\"250\">250</option>"			   
               +"<option value=\"500\">500</option>"
               +"<option value=\"1000\">1000</option>"
               +"<option value=\"1500\">1500</option>"	
               +"<option value=\"2000\">2000</option>"
               +"<option value=\"Custom\">Custom</option>"
           +" </select>"
		+"<div style=\"display:none;\" id=\"custom_quantity\"><input type=\"text\" name=\"custom_quanitiy\"></div>";		
		document.getElementById('quantity').style.display  = "block";
		document.getElementById('size').innerHTML= ""
			+"<select name=\"\" onchange=\"setHidden('size',this.value);getPrice();\">"		
               +"<option value=\"\">Please Select Quantity</option>"			
               +"<option value=\"4 x 6\">4 x 6</option>"
               +"<option value=\"4.25 x 5.5\">4.25 x 5.5</option>"	
               +"<option value=\"5 x 7\">5 x 7</option>"
               +"<option value=\"8.5 x 11\">8.5 x 11</option>"
               +"<option value=\"8.5 x 14\">8.5 x 14</option>"	
               +"<option value=\"11 x 17\">11 x 17</option>"
               +"<option value=\"12 x 18\">12 x 18</option>"
               +"<option value=\"13 x 19\">13 x 19</option>"			   
           +" </select>"
		+"";
		document.getElementById('size').style.display  = "block";
	} 

// 	Large Format

	if (arg == 'Large Format Prints') {
		document.getElementById('color').innerHTML= ""
			+"<select name=\"\" onchange=\"setHidden('color',this.value);getPrice();\">"
               +"<option value=\"\">Please Select Color Options</option>"			
               +"<option value=\"Color\">Color</option>"
               +"<option value=\"Grayscale\">Grayscale</option>"			   
           +" </select>"
		+"";	
		document.getElementById('color').style.display  = "block";
		document.getElementById('finish').innerHTML= ""
			+"<select name=\"\" onchange=\"setHidden('finish',this.value);getPrice();\">"
               +"<option value=\"\">Please Select Finish Options</option>"			
               +"<option value=\"Gatorboard 3/16\">Gatorboard 3/16\"</option>"
			   +"<option value=\"Foamcore 3/16\">Foamcore 3/16\"</option>"
			   +"<option value=\"Gloss Laminate 3mm\">Gloss Laminate 3mm</option>"
			   +"<option value=\"White Museum Board\">White Museum Board</option>"
			   +"<option value=\"Gatorboard 1/2\">Gatorboard 1/2\"</option>"
			   +"<option value=\"Foamcore 1/2\">Foamcore 1/2\"</option>"
			   +"<option value=\"Matte Laminate 3mm\">Matte Laminate 3mm</option>"
			   +"<option value=\"Black Illustrator Board\">Black Illustrator Board</option>"
			   +"<option value=\"Gatorboard 1\">Gatorboard 1\"</option>"
           +" </select>"
		+"";	
		document.getElementById('finish').style.display  = "block";
		document.getElementById('format').innerHTML= ""
			+"<select name=\"\" onchange=\"setHidden('format',this.value);getPrice();\">"
               +"<option value=\"\">Please Select Format Options</option>"			
               +"<option value=\"Poster\">Poster</option>"	
			   +"<option value=\"Presentation Boards\">Presentation Boards</option>"
			   +"<option value=\"Presentation Boards - Photo Matte\">Presentation Boards - Photo Matte</option>"			   
			   +"<option value=\"Scrim Banners - Vinyal\">Scrim Banners - Vinyal</option>"
			   +"<option value=\"Scrim Banners - Canvas\">Scrim Banners - Canvas</option>"
			   +"<option value=\"Vinyl Banners\">Vinyl Banners</option>"
			   +"<option value=\"Vinyl Mesh Banners\">Vinyl Mesh Banners</option>"
			   +"<option value=\"Event Displays & Signage\">Event Displays & Signage</option>"
			   +"<option value=\"Giclee Prints w/ Archival Inks\">Giclee Prints w/ Archival Inks</option>"
			   +"<option value=\"Custom Wrapping Paper\">Custom Wrapping </option>"		   
           +" </select>"
		+"";			
		document.getElementById('format').style.display  = "block";
		document.getElementById('paper').innerHTML= ""
			+"<select name=\"paper\" onchange=\"showDiv('custom_paper',this.value);setHidden('paper',this.value);getPrice();\">"
               +"<option value=\"\">Please Select Paper Options</option>"			
               +"<option value=\"Photo-Matte\">Photo-Matte</option>"
			   +"<option value=\"Bond-Matte\">Bond-Matte</option>"
			   +"<option value=\"Mylar\">Mylar</option>"
			   +"<option value=\"Backlit\">Backlit</option>"
			   +"<option value=\"Tranparency\">Tranparency</option>"
			   +"<option value=\"Fine Arts-Smooth\">Fine Arts-Smooth</option>"
			   +"<option value=\"Fine Arts-Texture\">Fine Arts-Texture</option>"
			   +"<option value=\"Vinyl-Matte\">Vinyl-Matte</option>"
			   +"<option value=\"Vinyl-Glossy\">Vinyl-Glossy</option>"
			   +"<option value=\"Canvas-Matte\">Canvas-Matte</option>"
               +"<option value=\"Custom\">Custom</option>"	
           +" </select>"
		+"<div style=\"display:none;\" id=\"custom_paper\"><input type=\"text\" name=\"custom_paper\" onchange=\"setHidden('paper',this.value);getPrice();\"></div>";
		document.getElementById('paper').style.display  = "block";
		document.getElementById('quantity').innerHTML= ""
			+"<select name=\"\" onchange=\"showDiv('custom_quantity',this.value);setHidden('quantity',this.value);getPrice();\">"
               +"<option value=\"\">Please Select Quantity</option>"			
               +"<option value=\"1\">1</option>"
			   +"<option value=\"2\">2</option>"
			   +"<option value=\"3\">3</option>"
			   +"<option value=\"4\">4</option>"
			   +"<option value=\"5\">5</option>"
			   +"<option value=\"6\">6</option>"
			   +"<option value=\"7\">7</option>"
			   +"<option value=\"8\">8</option>"
			   +"<option value=\"9\">9</option>"
			   +"<option value=\"10\">10</option>"
			   +"<option value=\"25\">25</option>"
			   +"<option value=\"50\">50</option>"
			   +"<option value=\"100\">100</option>"
			   +"<option value=\"200\">200</option>"
			   +"<option value=\"300\">300</option>"
               +"<option value=\"Custom\">Custom</option>"
           +" </select>"
		+"<div style=\"display:none;\" id=\"custom_quantity\"><input type=\"text\" name=\"custom_quantity\" onchange=\"setHidden('quantity',this.value);getPrice();\"></div>";		
		document.getElementById('quantity').style.display  = "block";
		document.getElementById('size').innerHTML= ""
			+"<select name=\"\" onchange=\"setHidden('size',this.value);getPrice();\">"			
               +"<option value=\"custom\">Custom</option>"
           +" </select>"
		+"";
		document.getElementById('size').style.display  = "block";
		document.getElementById('custdim').style.display  = "block";
	} 

// 3D Printing
	if (arg == '3D Printing') {
		document.getElementById('type').innerHTML= ""
			+"<select name=\"\" onchange=\"setHidden('type',this.value);getPrice();\">"
               +"<option value=\"\">Please Select Type</option>"			
               +"<option value=\"Rapid Prototyping\">Rapid Prototyping</option>"
			   +"<option value=\"3D Modeling\">3D Modeling</option>"
           +" </select>"
		+"";	
		document.getElementById('type').style.display  = "block";		
	} 

// 	Laser Cutting

	if (arg == 'Laser Cutting') {
		document.getElementById('color').innerHTML= ""
			+"<select name=\"\" onchange=\"setHidden('type',this.value);getPrice();\">"
               +"<option value=\"\">Please Select Type</option>"			
               +"<option value=\"Models\">Models</option>"
			   +"<option value=\"Text Letters\">Text Letters</option>"
			   +"<option value=\"Engraving\">Engraving</option>"
           +" </select>"
		+"";	
		document.getElementById('color').style.display  = "block";
		document.getElementById('finish').innerHTML= ""
			+"<select name=\"\" onchange=\"setHidden('finish',this.value);getPrice();\">"
               +"<option value=\"\">Please Select Material</option>"			
               +"<option value=\"Acrylic 1/8\">Acrylic 1/8\"</option>"
			   +"<option value=\"Acrylic 1/16\">Acrylic 1/16\"</option>"
			   +"<option value=\"Basswood 1/8\">Basswood 1/8\"</option>"
			   +"<option value=\"Basswood 1/16\">Basswood 1/16\"</option>"
			   +"<option value=\"Basswood 1/32\">Basswood 1/32\"</option>"
			   +"<option value=\"Chipboard 1/16\">Chipboard 1/16\"</option>"
			   +"<option value=\"MDF 1/8\">MDF 1/8\"</option>"
           +" </select>"
		+"";		
		document.getElementById('finish').style.display  = "block";
	} 


// 	Vinyl Cutting

	if (arg == 'Vinyl Printing') {
		document.getElementById('color').innerHTML= ""
			+"<select name=\"\" onchange=\"setHidden('color',this.value);getPrice();\">"
               +"<option value=\"\">Please Select Color</option>"			
               +"<option value=\"White\">White</option>"
			   +"<option value=\"Black\">Black</option>"
			   +"<option value=\"Gold\">Gold</option>"
			   +"<option value=\"Other\">Other</option>"
           +" </select>"
		+"";	
		document.getElementById('color').style.display  = "block";
		document.getElementById('finish').innerHTML= ""
			+"<select name=\"\" onchange=\"setHidden('finish',this.value);getPrice();\">"
               +"<option value=\"\">Please Select Type</option>"			
               +"<option value=\"Vinyl Lettering\">Vinyl Lettering</option>"
			   +"<option value=\"Vinyl Graphics\">Vinyl Graphics</option>"
			   +"<option value=\"Vehicle Decals - Windows\">Vehicle Decals - Windows</option>"
			   +"<option value=\"Vehicle Decals - Walls\">Vehicle Decals - Walls</option>"
			   +"<option value=\"Vehicle Decals - Vehicles\">Vehicle Decals - Vehicles</option>"
			   +"<option value=\"Vehicle Decals - Trailers\">Vehicle Decals - Trailers</option>"
			   +"<option value=\"Vehicle Decals - Boats\">Vehicle Decals - Boats</option>"
			   +"<option value=\"Vehicle Decals - Snowmobiles\">Vehicle Decals - Snowmobiles</option>"
           +" </select>"
		+"";		
		document.getElementById('finish').style.display  = "block";
		document.getElementById('quantity').innerHTML= ""
			+"<select name=\"\" onchange=\"setHidden('quantity',this.value);getPrice();\">"
		document.getElementById('quantity').innerHTML= ""
			+"<select name=\"\" onchange=\"showDiv('custom_quantity',this.value);setHidden('quantity',this.value);getPrice();\">"
               +"<option value=\"\">Please Select Quantity</option>"			
               +"<option value=\"1\">1</option>"
			   +"<option value=\"2\">2</option>"
			   +"<option value=\"3\">3</option>"
			   +"<option value=\"4\">4</option>"
			   +"<option value=\"5\">5</option>"
			   +"<option value=\"6\">6</option>"
			   +"<option value=\"7\">7</option>"
			   +"<option value=\"8\">8</option>"
			   +"<option value=\"9\">9</option>"
			   +"<option value=\"10\">10</option>"
			   +"<option value=\"25\">25</option>"
			   +"<option value=\"50\">50</option>"
			   +"<option value=\"100\">100</option>"
			   +"<option value=\"200\">200</option>"
			   +"<option value=\"300\">300</option>"
               +"<option value=\"Custom\">Custom</option>"
           +" </select>"
		+"<div style=\"display:none;\" id=\"custom_quantity\"><input type=\"text\" name=\"custom_quantity\" onchange=\"setHidden('quantity',this.value);getPrice();\"></div>";			
               +"<option value=\"\"></option>"
           +" </select>"
		+"";		
		document.getElementById('quantity').style.display  = "block";
		document.getElementById('size').innerHTML= ""
			+"<select name=\"\" onchange=\"setHidden('size',this.value);getPrice();\">"			
               +"<option value=\"custom\">Custom</option>"
           +" </select>"
		+"";
		document.getElementById('size').style.display  = "block";
		document.getElementById('custdim').style.display  = "block";
	} 
	
// 	Vehicle Wraps

	if (arg == 'Vehicle Wraps') {
		document.getElementById('color').innerHTML= ""
			+"<select name=\"\" onchange=\"setHidden('type',this.value);getPrice();\">"
               +"<option value=\"\">Please Select Wrap Type</option>"			
               +"<option value=\"Standard Car\">Standard Car</option>"
			   +"<option value=\"Van/Truck/SUV\">Van/Truck/SUV</option>"
			   +"<option value=\"Bus/RV\">Bus/RV</option>"
			   +"<option value=\"Semi Truck/Trailers\">Semi Truck/Trailers</option>"
           +" </select>"
		+"";	
		document.getElementById('color').style.display  = "block";
	} 

}