$(function() {
  $('.error').hide();
  
  $(".button").click(function() {
		// validate and process form
		// first hide any error messages
		
	  var first_name = $("input#first_name").val();
		if (first_name == "" || first_name == 'First Name') {
	      $("input#first_name").addClass('error');
	      return false;
	    
	    } else { $("input#first_name").removeClass('error');
	      
	    }
    
    var last_name = $("input#last_name").val();
		if (last_name == "" || last_name == 'Last Name') {
	      $("input#last_name").addClass('error');
	      return false;
	    
	    } else { $("input#last_name").removeClass('error');
	      
	    }
	    
	var email = $("input#email").val();
		if (email == "" || email == 'Your Email' ) {
	      $("input#email").addClass('error');
	      return false;
	    
	    } else { $("input#email").removeClass('error');
	      
	    }        
    
    var phone = $("input#phone").val();
		if (phone == "" || phone == 'Your Phone Number') {
	      $("input#phone").addClass('error');
	      return false;
	    
	    } else { $("input#phone").removeClass('error');
	      
	    }
    
    var refferal = $("input#refferal").val();
		if (refferal == "" || refferal == 'How did you hear about me?') {
	      $("input#refferal").addClass('error');
	      return false;
	    
	    } else { $("input#refferal").removeClass('error');
	      
	    }
    
    var event_type = $("select#event_type").val();
    
    if (event_type == "") {
    	$("select#event_type").addClass('error');
	    return false;    
    } else { 
    
    $("select#event_type").removeClass('error');

    switch(event_type) {
    
    	case 'Wedding':
    	
    		var wedding_location = $("input#wedding_location").val();
			if (wedding_location == "" || wedding_location == 'Location of Wedding') {
		      $("input#wedding_location").addClass('error');
		      return false;
		    
		    } else { $("input#wedding_location").removeClass('error');
		      
		    }
		    		    
		    var date = $("input#wedding_datepicker").val();
			if (date == "" || date == 'Wedding Date') {
		      $("input#wedding_datepicker").addClass('error');
		      return false;
		    
		    } else { $("input#wedding_datepicker").removeClass('error');
		      
		    }
		    
		    var role = $("select#wedding_role").val();
			if (role == "") {
		      $("select#wedding_role").addClass('error');
		      return false;
		    
		    } else { $("select#wedding_role").removeClass('error');
		      
		    }
		    
		    var remarks = $("textarea#wedding_message").val();
		    
		    var dataString = 'first_name='+ first_name + '&last_name='+ last_name + '&phone=' + phone + '&email=' + email + '&event_type=' + event_type + '&wedding_location=' + wedding_location + '&date=' + date + '&role=' + role + '&remarks=' + remarks + '&refferal=' + refferal;
		    
		break;
		
		case 'Portrait':
		
			var portrait_type = $("select#portrait_type").val();
			if (portrait_type == "") {
		      $("select#portrait_type").addClass('error');
		      return false;
		    
		    } else { $("select#portrait_type").removeClass('error');
		      
		    }

      
		    var portrait_count = $("input#portrait_count").val();
			if (portrait_count == "" || portrait_count == 'Number of People') {
		      $("input#portrait_count").addClass('error');
		      return false;
		    
		    } else { $("input#portrait_count").removeClass('error');
		      
		    }
		    
		    var remarks = $("textarea#portrait_message").val();

			var dataString = 'first_name='+ first_name + '&last_name='+ last_name + '&phone=' + phone + '&email=' + email + '&event_type=' + event_type + '&portrait_type=' + portrait_type + '&portrait_count=' + portrait_count + '&remarks=' + remarks + '&refferal=' + refferal;
		
		break;
		
		case 'Other':
		
			      
		    var other_location = $("input#other_location").val();
			if (other_location == "" || other_location == 'Location of Event') {
		      $("input#other_location").addClass('error');
		      return false;
		    
		    } else { $("input#other_location").removeClass('error');
		      
		    }
		    		    
		    var date = $("input#other_datepicker").val();
			if (date == "" || date == 'Event Date') {
		      $("input#other_datepicker").addClass('error');
		      return false;
		    
		    } else { $("input#other_datepicker").removeClass('error');
		      
		    }
		    
		    var role = $("input#other_role").val();
			if (role == "" || role == 'Role in Event') {
		      $("input#other_role").addClass('error');
		      return false;
		    
		    } else { $("input#other_role").removeClass('error');
		      
		    }

		    
		    var remarks = $("textarea#other_message").val();
		    
		    var dataString = 'first_name='+ first_name + '&last_name='+ last_name + '&phone=' + phone + '&email=' + email + '&event_type=' + event_type + '&other_location=' + other_location + '&date=' + date + '&role=' + role + '&remarks=' + remarks + '&refferal=' + refferal;
			
		break;
    
    }
        
  }
            		
	$.ajax({
      type: "POST",
      url: "../contact.php",
      data: dataString,
      success: function() {
        $('#contact_form').html("<div id='message'></div>");
        $('#message').html("<h3>Thank you!</h3><br /><p>We'll talk soon.</p><br /><p>Megan</p>")
        .hide()
        .fadeIn(1500);
      }
     });
    return false;
	});
});