$(document).ready(function (){
							
			$('#show').load('/contact.php', function() {

			var subject = $("#subject"),
			email = $("#email"),
			message = $("#message"),
			tips = $("#validateTips"),
			tipstxt = $("#tipsTxt"),
			icon = $("#Icon"),
			allFields = $([]).add(subject).add(email).add(message).add(tips);
					
			function updateTips(t) {
				icon.removeClass('ui-icon ui-icon-info').addClass('ui-icon ui-icon-alert');
				tipstxt.text(t);
				tips.addClass('ui-state-error');
				//tips.text(t).effect("highlight",{},1500);
			}
			
			function checkLength(o,n,min,max) {

				if ( o.val().length > max || o.val().length < min ) {
					o.addClass('ui-state-error');
					updateTips("Length of " + n + " must be between "+min+" and "+max+".");
					return false;
				} else {
					return true;
				}

			}

			function checkRegexp(o,regexp,n) {

				if ( !( regexp.test( o.val() ) ) ) {
					o.addClass('ui-state-error');
					updateTips(n);
					return false;
				} else {
					return true;
				}

			}
			
			var $dialog = $('#show').dialog({ 
					width: 460, 
					autoOpen:false,
					modal:true,
					buttons: {
				
					'Submit Email': function() {
						var bValid = true;
						allFields.removeClass('ui-state-error');
						icon.removeClass('ui-icon ui-icon-alert').addClass('ui-icon ui-icon-info');
						tipstxt.text('All form fields are required..');

						bValid = bValid && checkLength(email,"email",6,80);
						bValid = bValid && checkLength(subject,"subject",3,25);
						bValid = bValid && checkLength(message,"message",5,200);

						// From jquery.validate.js (by joern), contributed by Scott Gonzalez: http://projects.scottsplayground.com/email_address_validation/
						bValid = bValid && checkRegexp(email,/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i,"eg. ui@jquery.com");
						//bValid = bValid && checkRegexp(subject,/^[a-z]([0-9a-z_])+$/i,"Username may consist of a-z, 0-9, underscores, begin with a letter.");
						//bValid = bValid && checkRegexp(message,/^([0-9a-zA-Z])+$/,"Password field only allow : a-z 0-9");
					
						if (bValid) {
							$.post("../include/sendemail.php",
							   { email: email.val(), subject: subject.val(), message: message.val() },
								function(data){
							  $("#sendEmail").slideUp("normal", function() {
							
							   $("#sendEmail").before('<h2>Thank you</h2><p>Your email was sent.</p>');
							  });
							 }
							);
						}
					},
					
					Cancel: function() {
						$(this).dialog('close');
					}
				},
				
				close: function() {
					allFields.removeClass('ui-state-error');
					icon.removeClass('ui-icon ui-icon-alert').addClass('ui-icon ui-icon-info');
					tipstxt.text('All form fields are required..');
				}

			});
			
           $('#contact').click(function(){
               	$dialog.dialog('open');   
           });
		   
														 });
					   
});