window.onload = function(){


  var hide = false;
 
  showF();
  
  function showF(){
    $('widget_social').observe('mouseover', function(event) {
        if(!hide){
            Event.stopObserving(this,'mouseover');
            new Effect.Morph(this, {
                style: 'right:0px;',
                duration:1,
                afterFinish: function(){
                  hide = true;
                  hideF();
                }
            });
        }
    });
  }
    
    
    
  function hideF(){
    $('widget_social').observe('mouseout', function(event) {
          if(hide){
              Event.stopObserving(this,'mouseout');
              new Effect.Morph(this, {
                  style: 'right:-300px;',
                  duration:1,
                  afterFinish: function(){
                    hide = false;
                    showF();
                  }
              });
          }
    });
  }




}