$(document).ready(function(){
  $('#rating-0').click(function() {
    $('#dialog').dialog('open');
  });
  
  $('#dialog').dialog({
    autoOpen: false,
    height: 480,
	width: 350,
    modal: true,
    resizable: false,
    buttons: {
      Submit: function() {
		  //---IT IS IMPORTANT THAT U PUT THE FUNCTION NAME IN .dialog(FUNCTION_NAME()); FOR AJAX/JQUERY FORM PROCESSING
        $(this).dialog(get());
        // Submit Rating
      },
      'Cancel': function() {
        $(this).dialog('close');
        // Update Rating
      }
    }
  });
  
		function get(){
		var snam = document.qcontact.sname.value;
		var onam = document.qcontact.oname.value;
		var emal = document.qcontact.email.value;
		var subj = document.qcontact.subj.value;
		var msg = document.qcontact.msg.value;

			function remove(){setTimeout(remove,2000);$('.error').removeClass('error').fadeOut(5000);}
		
		if(snam=="Surname"){$('<p class="error">please enter your <span style="font-size:28px;">Surname!</span></p>').prependTo('#error');remove();
		}else if(onam=="Other name"){$('<p class="error">please enter your <span style="font-size:28px;">Other Name!</span></p>').prependTo('#error');remove();
		}else if(emal=="E-mail"){$('<p class="error">please enter your <span style="font-size:28px;">E-mail!</span></p>').prependTo('#error');remove();
		}else if(subj=="Subject"){$('<p class="error">please enter your <span style="font-size:28px;">Subject Message!</span></p>').prependTo('#error');remove();
		}else if(msg=="Message"){$('<p class="error">please enter your <span style="font-size:28px;">Message!</span></p>').prependTo('#error');remove();
		}else{
		$.post('includes/message_sender.php', {surname: qcontact.sname.value, othername: qcontact.oname.value, email: qcontact.email.value, subject: qcontact.subj.value, message: qcontact.msg.value},
			function(output){
				$('#error').html(output).fadeIn(2000).fadeOut(5000);		
		})
		
	}
}

});