Jquery in Mootools umschreiben

[Bruzzler]

Hallo zusammen,

ich hab einen Jquery Codeschnipsel, den ich gern irgendwie auf Mootools bringen möchte:

<script type="text/javascript">  
jQuery.noConflict();  
jQuery(function (){  
jQuery(".slide_likebox").hover(function(){  
jQuery(".slide_likebox").stop(true, false).animate({right:"0"},"medium");  
},function(){  
jQuery(".slide_likebox").stop(true, false).animate({right:"-205"},"medium");  
},500);  
return false;  
});  
</script>

Besteht hierfür irgendeine Möglichkeit? Mit Fx.tween/morph??

Danke für Hilfe und Grüße
Bruzzler

[Bruzzler]

Ich hab mir natürlich auch schon Gedanken gemacht und hab es auch fast hinbekommen mit einem Tutorial.
Das einzige Problem nun ist, dass die Slide Funktion nur ausgeführt wird, wenn ich über den "Slide-Link" fahre, ich hätte den aber gern, sobald ich über div.slidebox hovere. Wie kann ich das realisieren? Danke

.slide_likebox{    display: block;  
    float: right;  
    height: 420px;  
    padding: 0;  
    position: fixed;  
    right: -205px;  
    top: 170px;  
    width: 247px;  
    z-index: 1002;  
	background:url("fbslide1.png") no-repeat scroll 0 0 transparent !important;}  
.button_aLeft{ width:70px; height:36px; background-color:#093d6f; color:#fff; top:0px; right:0px; position:absolute; line-height:36px; }  
  
.button_bLeft{ width:64px; height:30px; background-color:#fff; position:absolute; top:0px; right:0px; text-transform:uppercase; line-height:30px; text-align:center; cursor:pointer; }

  
<script type="text/javascript">  
window.addEvent('domready',function() {  
  $$('.slidefunktion').each(function(slide) {  
    var prev = slide.getPrevious('div').set('tween',{ duration: 200 });  
    slide.addEvents({  
      mouseenter: function(e) {  
        prev.tween('right',0);  
      },  
      mouseleave:function(e) {  
        prev.tween('right',-205);  
      }  
    });  
  });  
});  
</script>  

<div class="frame">  
    <div class="slide_likebox" id="button_aLeft"></div>  
    <div class="button_bLeft slidefunktion" id="button_bLeft">Slideout</div>  
</div>