jQuery(function($){
  $submit_panel = $('#submit_panel');
  
  function open_panel(){
    //Set size+opacity , show, raise opacity, expand
    $submit_panel.css({opacity: 0, height:"1px"}).show().animate({opacity: 1}, 200, 'linear',function(){
       $(this).animate({height: "530px"}, 500, 'swing');
    });
 
  }
  
  function close_panel(){
    // shrink to 1px, drop opacity, hide
    $submit_panel.animate({height: "1px"}, 500, 'swing',function(){
      var self = $(this);
      $(this).animate({opacity: 0},200,'linear',function(){self.hide()});
    });
  }
  
  function toggle_panel(){
    if($submit_panel.is(':visible')){
      close_panel();
    }else{
      open_panel();
    }
  }
  
  $('.toggle_panel').click(toggle_panel);
  if(window.location.hash == "#submit") { open_panel() }
  
  $('input, textarea').focus(function(){$(this).addClass('focus')}).blur(function(){$(this).removeClass('focus')})
});