jQuery(function() {
	// show a simple loading indicator
	var loader = jQuery('<div class="message"><div align="center"><p> &nbsp;Loading...<br /><img src="../images/loading.gif" alt="loading..." /></p></div></div>')
		.appendTo("load")
		.hide();
		
	jQuery().ajaxStart(function() {
		loader.show();
document.getElementById('submitb').innerHTML = '<input disabled="disabled" type="submit" name="submit" id="submit" value="Submitting..." />';
$("#msg").fadeOut("fast");
	}).ajaxStop(function() {
		loader.hide();
document.getElementById('submitb').innerHTML = '<input type="submit" name="submit" id="submit" value="Submit Directory" />';
$("#msg").fadeIn("slow");

		
	}).ajaxError(function(a, b, e) {
		throw e;
	});
	
	var v = jQuery("#linkform").validate({
		rules: {
			description: {
				maxlength: 550
			},
			thumb: {
				accept: "jpg|png"
			}
		},
		messages: {
			email: "Please enter a valid Email address",
			thumb: "Please enter a valid url (e.g http://example.com/file.jpg) PNG OR JPG ONLY",
			description: "Please enter a short description (Should be no more then 550 characters)"
		},
		submitHandler: function(form) {
			jQuery(form).ajaxSubmit({
				target: "#msg"
			});
		}
		
	});
	
	
});
