$(function() {

    var username = $("#username"),
  			password = $("#password"),
  			allFields = $([]).add(username).add(password),
  			tips = $("p.validateTips");

    function updateTips(t) {
    	tips.text(t).effect("highlight",{},500);
    }

    function checkNotEmpty(o,n) {
      if ( o.val().length < 1 ) {
    		o.addClass('ui-state-error');
    		updateTips("You must enter " + n);
    		return false;
      } else {
        return true;
      }
    }

    // $.ui.dialog.defaults.bgiframe = true;
    $("#login-form").dialog({
			bgiframe: true,
			autoOpen: false,
			height: 300,
			modal: true,
			buttons: {
				'Login': function() {
					var bValid = true;
					allFields.removeClass('ui-state-error');

					bValid = bValid && checkNotEmpty(username," a Username");
					bValid = bValid && checkNotEmpty(password,"a Password");

					if (bValid) {
					  $("#login-form form").submit();
						$(this).dialog('close');
					}
				},
				Cancel: function() {
					$(this).dialog('close');
				}
			},
			close: function() {
				allFields.val('').removeClass('ui-state-error');
			}
		});

    $('div#login a, li#supporters-link a').click(function() {
      $('#login-form').dialog('open');
      return false;
    })

    $('#login-form input').keypress(function(e) {
      if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) {
        //$('.ui-dialog :tabbable').each(function(){ alert($(this).html()) })
        $('.ui-dialog :tabbable:eq(4)').click();
        return false;
      }
    });

})