$(document).ready(function() {

	$('#form-contact .contact_btn').click(function(event) {
		event.preventDefault();
		contactUs($("#form-contact").attr("target"));
	});

});

function contactUs(thanksPage) {
	var fields = ["email", "name", "subject", "comments"];
	var valid = true;
	
	$.each(fields, function() {
		if ($("#" + this).val() == "") {
			valid = false;
			$("#label_" + this).addClass("error");  
		} else {
			$("#label_" + this).removeClass("error");
		}
	});

	if (valid) {
		var data =	"name=" + $("#name").val() +
					"&email=" + $("#email").val() +
					"&jobTitle=" + $("#jobTitle").val() +
					"&subject=" + $("#subject").val() +
					"&comments=" + $("#comments").val();
					
		$.ajax({
			url: "/etc/contactUsProcess.html",
			type: "POST",
			data: data,     
			cache: false,
			error: function (jqXHR, textStatus, errorThrown) {
				message(textStatus, "error");
			},       
			
			success: function (html) {
				
				if (html == 1) {
					window.location = thanksPage;
				} else {
					message("Sorry, an error has occurred.", "error");
				}
			}       
		});
		
	} else {
		message("<p>Please fill in all required fields</p>", "error");
		return false;
	}
}


// you can override default options globally, so they apply to every .expander() call
$.expander.defaults.slicePoint = 120;

$(document).ready(function() {
  // simple example, using all default options unless overridden globally
    $('div.expandable').expander({
    slicePoint:       300,  // default is 100
    expandPrefix:     '...', // default is '... '
    expandText:       'READ MORE >', // default is 'read more'
    collapseTimer:    0, // re-collapses after 5 seconds; default is 0, so no re-collapsing
    userCollapseText: '[^]', // default is 'read less'
    expandEffect: 'slideDown',
    collpseEffect: 'slideUp'
  });
  
});

function message(msg, type, close) {
	$("#message").addClass(type);
	$("#message").html(msg);
	$("#message").show();
	//$(window).scrollTop($("#message").scrollTop());
}