document.observe("dom:loaded", function() {
  // initially hide all containers for tab content
  new Ajax.Updater('number', '/widget/counter', {method:'get'});
});

var current_panel_id = 'panel1';

function widget_to_panel( id ){
  var panel_id = 'panel' + id;

  Effect.Fade(current_panel_id);
  Effect.Appear(panel_id);
  current_panel_id = panel_id;
}

function widget_submit_form(){

  new Ajax.Request('/widget/form_proxy.php',{
    parameters: $('widget_form').serialize(true)
  });

  widget_to_panel(2);

}