var outerClicked = function(){
    fancyHide();
  };

  function setGroup(obj){
    $('grpcat').value = $(obj.id+'_id').value;
    //$('grpcat').value = 2;
    $('grpcat_name').value = $(obj.id+'_name').value;
    //$('grpcat_name').value = 'kiko';
    fancyHide();
  }

  window.addEvent('load', function() { 
		  
    var lic_slide = new Fx.Slide('enter-lic');
    lic_slide.hide();
    $('enter-lic').setStyle('display','block');

    $('clickhere').addEvent('click', function(e){
	e.stop();
	lic_slide.toggle();
    });

    Element.Events.outerClick = {
	
      base : 'click',
	  
      condition : function(event){
	      event.stopPropagation();
	      return false;
      },
	  
      onAdd : function(fn){
	      this.getDocument().addEvent('click', fn);
      },
	  
      onRemove : function(fn){
	      this.getDocument().removeEvent('click', fn);
      }	
    };

    $('groupcat').fade('hide');
    $('groupcat').setStyle('display','block');
    //time to implement fancy show / hide
    
    //implement show
    fancyShow = function() {
	$('groupcat').fade('in');
	setTimeout("$('groupcat').addEvent('outerClick', outerClicked)",1250);
    }
    
    //implement hide
    fancyHide = function() {
      $('groupcat').fade('out');
      $('groupcat').removeEvent('outerClick', outerClicked);
    }
    
  });