$(function() {
  $("#accordion").accordion({
    autoHeight: false,
    navigation: true
  });
  $("#tabs").tabs();
  $('#tabs ul li a').click(function () {location.hash = $(this).attr('href');});
  $("#myName").DefaultValue("Dit navn");
  $("#myEmail").DefaultValue("Din e-mail");
  $("#myMessage").DefaultValue("Din besked");
  $("#mySubmit").button({
    icons: {primary: 'ui-icon-circle-plus'}
  });
  $("#myResult").hide();

  $("#myForm").submit(function(){
    var myForm = this;
    $.postJSON('action.php', { data: $(this).serialize() }, function(json){
      $("#myResult").text(json.message);
      if(json.status){
        $("#myResult").addClass("ui-state-highlight");
        myForm.reset();
        $("td.field input, td.field textarea").trigger("change");
      }else{
        $("#myResult").addClass("ui-state-error");
      }
      /*$("#myResult").show();
      $("#myResult").animate({opacity: 1.0}, 3000).hide();*/
      $("#myResult")
        .fadeIn('slow')
        .animate({opacity: 1.0}, 5000)
        .fadeOut('slow', function() {
          $(this).hide();
        });
    });
    return false;
  });
  
  $("td.field input, td.field textarea").bind("change keyup", function(){
    if($(this).val().length){
      $(this).parent().next().find('span').removeClass('ui-icon-alert').addClass('ui-icon-check');
        if(!$("span.ui-icon-alert").length)
          $("#mySubmit").button( "option", "disabled", false );
		}else{
      $(this).parent().next().find('span').removeClass('ui-icon-check').addClass('ui-icon-alert');
      $("#mySubmit").button( "option", "disabled", true );
    }
  });
});

jQuery.extend({
  postJSON: function( url, data, callback) {
    return jQuery.post(url, data, callback, "json");
  }
});