$(document).ready(function() {

  // Expand Panel
  $("#open").click(function(){
    var zIn = $("div#z_switch").css("zIndex");
    $("div#z_switch").data('zIn', zIn)
                     .css("zIndex",4);
    //$("div#panel").slideDown("slow");
    $("div#panel").slideDown("slow", function(){
      $("#login-form :input:visible:enabled:first").focus();
    });

    return false;
  });

  // Submit login-form by virtue of pressing enter key
  $('#passwd').keydown(function(event){
        if (event.keyCode == '13') {
            event.preventDefault();
            document.getElementById('login-form').submit();
        }
  });

  // Collapse Panel by virtue of pressing Escape (esc) key
  $('div#panel').bind('keydown', 'esc', function(){
      // Collapse Panel
      var zIn = $("div#z_switch").data('zIn');
      $("div#z_switch").removeData('zIn');

      $("div#panel").slideUp("slow", function() { $("div#z_switch").css("zIndex", zIn);

      $("#toggle a").toggle();

   });


  });

  // Collapse Panel
  $("#close").click(function(){
     var zIn = $("div#z_switch").data('zIn');
     $("div#z_switch").removeData('zIn');
     $("div#z_switch").css("zIndex", zIn);
     $("div#panel").slideUp("slow", function() { $("div#z_switch").css("zIndex", zIn); });

     return false;
 });

  // Collapse Panel
  $("#close_logout").click(function(){
     var zIn = $("div#z_switch").data('zIn');
     $("div#z_switch").removeData('zIn');
     $("div#z_switch").css("zIndex", zIn);
     //$("div#panel").slideUp("slow", function() { $("div#z_switch").css("zIndex", zIn); });
 });

  // Switch buttons from "Log In | Register" to "Close Panel" on click
  $("#toggle a").click(function () {
    $("#toggle a").toggle();
  });


    $("#dialog").dialog({
        modal: true,
		autoOpen: false,
		show: 'blind',
		hide: 'explode'
	});



		$('#opener').click(function() {
			$('#dialog').dialog('open');
			return false;
		});

});