$(document).ready(function(){ 
    $(document).pngFix(); 
    //$("#contactform").validate();
    $(".select1").change(function(){
		if ($(this).val() == "Shaker" ) {
			$('.hide1').hide();
			$('.hide2').show();
		}
		if ($(this).val() == "Mission" ) {
			$('.hide1').show();
			$('.hide2').hide();
		}
    })

    $("#dresserform").validate({
		rules: {
			style: "required",
			side: "required",
			front: "required",
			assembly: "required",
			height: {
		      required: true,
		      min: 1
		    },
		    width: {
		      required: true,
		      min: 1
		    },
		    depth: {
		      required: true,
		      min: 1
		    },
			firstname: "required",
			lastname: "required",
			email1: {
				required: true,
				email: true
			},
			email2: {
				required: true,
				equalTo: "#email"
			}
		},
		errorElement: "div", 
		errorClass: "myerror",
		errorPlacement: function(error, element) { 
		    if ( element.is(":radio") ) 
		        error.insertBefore(element.parent('div'));
		    else if ( element.is("select") ) 
		        error.appendTo(element.parent('div'));  
		    else 
		        error.insertAfter(element.next().next('br'));  
		},
		messages: {
			firstname: "Please enter your firstname",
			lastname: "Please enter your lastname",
			email1: {
				required: "Please enter your email address",
				email: "Please provide a valid email address"
			},
			email2: {
				required: "Please enter your email address",
				email: "Please provide a valid email address",
				equalTo: "Please enter the same email as above"
			},
			style: "Please choose a dresser style",
			side: "Please choose a dresser side",
			front: "Please choose a dresser front",
			assembly: "Please choose a type of assembly",
			height: "Please select a dimension",
			width: "Please select a dimension",
			depth: "Please select a dimension"
		} 
	})
	$("#sideboardform").validate({
		rules: {
			style: "required",
			leg: "required",
			side: "required",
			front: "required",
			assembly: "required",
			height: {
		      required: true,
		      min: 1
		    },
		    width: {
		      required: true,
		      min: 1
		    },
		    depth: {
		      required: true,
		      min: 1
		    },
			firstname: "required",
			lastname: "required",
			email1: {
				required: true,
				email: true
			},
			email2: {
				required: true,
				equalTo: "#email"
			}
		},
		errorElement: "div", 
		errorClass: "myerror",
		errorPlacement: function(error, element) { 
		    if ( element.is(":radio") ) 
		        error.insertBefore(element.parent('div'));
		    else if ( element.is("select") ) 
		        error.appendTo(element.parent('div'));  
		    else 
		        error.insertAfter(element.next().next('br'));  
		},
		messages: {
			firstname: "Please enter your firstname",
			lastname: "Please enter your lastname",
			email1: {
				required: "Please enter your email address",
				email: "Please provide a valid email address"
			},
			email2: {
				required: "Please enter your email address",
				email: "Please provide a valid email address",
				equalTo: "Please enter the same email as above"
			},
			style: "Please choose a sideboard style",
			leg: "Please choose a sideboard leg",
			side: "Please choose a sideboard side",
			front: "Please choose a sideboard front",
			assembly: "Please choose a type of assembly",
			height: "Please select a dimension",
			width: "Please select a dimension",
			depth: "Please select a dimension"
		} 
	})
	$("#bookcaseform").validate({
		rules: {
			style: "required",
			side: "required",
			front: "required",
			assembly: "required",
			height: {
		      required: true,
		      min: 1
		    },
		    width: {
		      required: true,
		      min: 1
		    },
		    depth: {
		      required: true,
		      min: 1
		    },
			firstname: "required",
			lastname: "required",
			email1: {
				required: true,
				email: true
			},
			email2: {
				required: true,
				equalTo: "#email"
			}
		},
		errorElement: "div", 
		errorClass: "myerror",
		errorPlacement: function(error, element) { 
		    if ( element.is(":radio") ) 
		        error.insertBefore(element.parent('div'));
		    else if ( element.is("select") ) 
		        error.appendTo(element.parent('div'));  
		    else 
		        error.insertAfter(element.next().next('br'));  
		},
		messages: {
			firstname: "Please enter your firstname",
			lastname: "Please enter your lastname",
			email1: {
				required: "Please enter your email address",
				email: "Please provide a valid email address"
			},
			email2: {
				required: "Please enter your email address",
				email: "Please provide a valid email address",
				equalTo: "Please enter the same email as above"
			},
			style: "Please choose a bookcase style",
			side: "Please choose a bookcase side",
			front: "Please choose a bookcase front",
			assembly: "Please choose a type of assembly",
			height: "Please select a dimension",
			width: "Please select a dimension",
			depth: "Please select a dimension"
		} 
	})
	$("#tableform").validate({
		rules: {
			style: "required",
			leg: "required",
			side: "required",
			front: "required",
			assembly: "required",
			height: {
		      required: true,
		      min: 1
		    },
		    width: {
		      required: true,
		      min: 1
		    },
		    depth: {
		      required: true,
		      min: 1
		    },
			firstname: "required",
			lastname: "required",
			email1: {
				required: true,
				email: true
			},
			email2: {
				required: true,
				equalTo: "#email"
			}
		},
		errorElement: "div", 
		errorClass: "myerror",
		errorPlacement: function(error, element) { 
		    if ( element.is(":radio") ) 
		        error.insertBefore(element.parent('div'));
		    else if ( element.is("select") ) 
		        error.appendTo(element.parent('div'));  
		    else 
		        error.insertAfter(element.next().next('br'));  
		},
		messages: {
			firstname: "Please enter your firstname",
			lastname: "Please enter your lastname",
			email1: {
				required: "Please enter your email address",
				email: "Please provide a valid email address"
			},
			email2: {
				required: "Please enter your email address",
				email: "Please provide a valid email address",
				equalTo: "Please enter the same email as above"
			},
			style: "Please choose a table style",
			leg: "Please choose a table leg",
			side: "Please choose a table side",
			front: "Please choose a table front",
			assembly: "Please choose a type of assembly",
			height: "Please select a dimension",
			width: "Please select a dimension",
			depth: "Please select a dimension"
		} 
	})

});