Błąd Problem Wysuwany boczny pasek blokuje Facebook Slider

wersja skryptu MyBB: 1.8.5
adres forum: http://paintballmod.com
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):


Witam mam problem z wysuwanym bocznym paskiem mianowicie, zrobiłem według tego https://webboard.pl/thread-30664.html ale problem polega na tym że panel nie działa prawidłowo , po najechaniu nie wysuwa sie to co potrzeba czyli najadę na ikonkę B a wysuwa mi sie youtube lub sklep do tego skrypt blokuje mi plugin Widget Facebook, Tabela Serwerów, jak nacisnę na FB nie wysuwa sie a po naciśnięciu na ilość graczy w Tabeli Serwerów nie pokazuje sie okienko.

Podsyłam to co dodałem do headerinclude oraz oryginalne wpisy.
Także jeszcze fotke panelu jak sie zmiesza.

dodane:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"></script>
   <script type="text/javascript" src="http://click-jpa-demo.googlecode.com/svn-history/r12/trunk/war/click/prototype/effects.js"></script>
<script type="text/javascript">
   var animating = false,
       effect_in = false,
       effect_out = false;
       
   Event.observe(window, 'load', function()
       {
           Event.observe($('bany'), 'mouseover', function()
           {
               if( typeof effect_out == 'object' )
               {
                   effect_out.cancel();
               }
               effect_in = new Effect.Morph('bany',
                   {
                       style: {
                           right: '0px'
                       },
                       transition: Effect.Transitions.spring
                   }
               );
           });
           
           Event.observe($('bany'), 'mouseout', function()
           {
               
               if( typeof effect_in == 'object' )
               {
                   effect_in.cancel();
               }
               effect_out = new Effect.Morph('bany',
                   {
                       style: {
                           right: '-240px'
                       },
                       transition: Effect.Transitions.spring
                   }
               );
           });
       }
   );
</script>
<script type="text/javascript">
   var animating = false,
       effect_in = false,
       effect_out = false;
       
   Event.observe(window, 'load', function()
       {
           Event.observe($('sklep'), 'mouseover', function()
           {
               if( typeof effect_out == 'object' )
               {
                   effect_out.cancel();
               }
               effect_in = new Effect.Morph('sklep',
                   {
                       style: {
                           right: '0px'
                       },
                       transition: Effect.Transitions.spring
                   }
               );
           });
           
           Event.observe($('sklep'), 'mouseout', function()
           {
               
               if( typeof effect_in == 'object' )
               {
                   effect_in.cancel();
               }
               effect_out = new Effect.Morph('sklep',
                   {
                       style: {
                           right: '-240px'
                       },
                       transition: Effect.Transitions.spring
                   }
               );
           });
       }
   );
</script>
<script type="text/javascript">
   var animating = false,
       effect_in = false,
       effect_out = false;
       
   Event.observe(window, 'load', function()
       {
           Event.observe($('yt'), 'mouseover', function()
           {
               if( typeof effect_out == 'object' )
               {
                   effect_out.cancel();
               }
               effect_in = new Effect.Morph('yt',
                   {
                       style: {
                           right: '0px'
                       },
                       transition: Effect.Transitions.spring
                   }
               );
           });
           
           Event.observe($('yt'), 'mouseout', function()
           {
               
               if( typeof effect_in == 'object' )
               {
                   effect_in.cancel();
               }
               effect_out = new Effect.Morph('yt',
                   {
                       style: {
                           right: '-240px'
                       },
                       transition: Effect.Transitions.spring
                   }
               );
           });
       }
   );
</script>
<script type="text/javascript">
   var animating = false,
       effect_in = false,
       effect_out = false;
       
   Event.observe(window, 'load', function()
       {
           Event.observe($('reg'), 'mouseover', function()
           {
               if( typeof effect_out == 'object' )
               {
                   effect_out.cancel();
               }
               effect_in = new Effect.Morph('reg',
                   {
                       style: {
                           right: '0px'
                       },
                       transition: Effect.Transitions.spring
                   }
               );
           });
           
           Event.observe($('reg'), 'mouseout', function()
           {
               
               if( typeof effect_in == 'object' )
               {
                   effect_in.cancel();
               }
               effect_out = new Effect.Morph('reg',
                   {
                       style: {
                           right: '-240px'
                       },
                       transition: Effect.Transitions.spring
                   }
               );
           });
       }
   );
</script>

cały headerinclude:

<link rel="alternate" type="application/rss+xml" title="{$lang->latest_threads} (RSS 2.0)" href="{$mybb->settings['bburl']}/syndication.php" />
<link rel="alternate" type="application/atom+xml" title="{$lang->latest_threads} (Atom 1.0)" href="{$mybb->settings['bburl']}/syndication.php?type=atom1.0" />
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.js?ver=1804"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/jquery.plugins.min.js?ver=1804"></script>
<script type="text/javascript" src="{$mybb->asset_url}/jscripts/general.js?ver=1804"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/snapshot/js/carbon.js"></script>
<script type="text/javascript" src="{$mybb->settings['bburl']}/images/snapshot/js/login.js"></script>
<script type="text/javascript">
        $(document).ready(function(){
          
            $('a[href=#top]').click(function(){
                $('html, body').animate({scrollTop:0}, 'slow');
                return false;
            });
        });
    </script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js"></script>
   <script type="text/javascript" src="http://click-jpa-demo.googlecode.com/svn-history/r12/trunk/war/click/prototype/effects.js"></script>
<script type="text/javascript">
   var animating = false,
       effect_in = false,
       effect_out = false;
       
   Event.observe(window, 'load', function()
       {
           Event.observe($('bany'), 'mouseover', function()
           {
               if( typeof effect_out == 'object' )
               {
                   effect_out.cancel();
               }
               effect_in = new Effect.Morph('bany',
                   {
                       style: {
                           right: '0px'
                       },
                       transition: Effect.Transitions.spring
                   }
               );
           });
           
           Event.observe($('bany'), 'mouseout', function()
           {
               
               if( typeof effect_in == 'object' )
               {
                   effect_in.cancel();
               }
               effect_out = new Effect.Morph('bany',
                   {
                       style: {
                           right: '-240px'
                       },
                       transition: Effect.Transitions.spring
                   }
               );
           });
       }
   );
</script>
<script type="text/javascript">
   var animating = false,
       effect_in = false,
       effect_out = false;
       
   Event.observe(window, 'load', function()
       {
           Event.observe($('sklep'), 'mouseover', function()
           {
               if( typeof effect_out == 'object' )
               {
                   effect_out.cancel();
               }
               effect_in = new Effect.Morph('sklep',
                   {
                       style: {
                           right: '0px'
                       },
                       transition: Effect.Transitions.spring
                   }
               );
           });
           
           Event.observe($('sklep'), 'mouseout', function()
           {
               
               if( typeof effect_in == 'object' )
               {
                   effect_in.cancel();
               }
               effect_out = new Effect.Morph('sklep',
                   {
                       style: {
                           right: '-240px'
                       },
                       transition: Effect.Transitions.spring
                   }
               );
           });
       }
   );
</script>
<script type="text/javascript">
   var animating = false,
       effect_in = false,
       effect_out = false;
       
   Event.observe(window, 'load', function()
       {
           Event.observe($('yt'), 'mouseover', function()
           {
               if( typeof effect_out == 'object' )
               {
                   effect_out.cancel();
               }
               effect_in = new Effect.Morph('yt',
                   {
                       style: {
                           right: '0px'
                       },
                       transition: Effect.Transitions.spring
                   }
               );
           });
           
           Event.observe($('yt'), 'mouseout', function()
           {
               
               if( typeof effect_in == 'object' )
               {
                   effect_in.cancel();
               }
               effect_out = new Effect.Morph('yt',
                   {
                       style: {
                           right: '-240px'
                       },
                       transition: Effect.Transitions.spring
                   }
               );
           });
       }
   );
</script>
<script type="text/javascript">
   var animating = false,
       effect_in = false,
       effect_out = false;
       
   Event.observe(window, 'load', function()
       {
           Event.observe($('reg'), 'mouseover', function()
           {
               if( typeof effect_out == 'object' )
               {
                   effect_out.cancel();
               }
               effect_in = new Effect.Morph('reg',
                   {
                       style: {
                           right: '0px'
                       },
                       transition: Effect.Transitions.spring
                   }
               );
           });
           
           Event.observe($('reg'), 'mouseout', function()
           {
               
               if( typeof effect_in == 'object' )
               {
                   effect_in.cancel();
               }
               effect_out = new Effect.Morph('reg',
                   {
                       style: {
                           right: '-240px'
                       },
                       transition: Effect.Transitions.spring
                   }
               );
           });
       }
   );
</script>
{$stylesheets}
<script type="text/javascript">
    lang.unknown_error = "{$lang->unknown_error}";

    lang.select2_match = "{$lang->select2_match}";
    lang.select2_matches = "{$lang->select2_matches}";
    lang.select2_nomatches = "{$lang->select2_nomatches}";
    lang.select2_inputtooshort_single = "{$lang->select2_inputtooshort_single}";
    lang.select2_inputtooshort_plural = "{$lang->select2_inputtooshort_plural}";
    lang.select2_inputtoolong_single = "{$lang->select2_inputtoolong_single}";
    lang.select2_inputtoolong_plural = "{$lang->select2_inputtoolong_plural}";
    lang.select2_selectiontoobig_single = "{$lang->select2_selectiontoobig_single}";
    lang.select2_selectiontoobig_plural = "{$lang->select2_selectiontoobig_plural}";
    lang.select2_loadmore = "{$lang->select2_loadmore}";
    lang.select2_searching = "{$lang->select2_searching}";

    var cookieDomain = "{$mybb->settings['cookiedomain']}";
    var cookiePath = "{$mybb->settings['cookiepath']}";
    var cookiePrefix = "{$mybb->settings['cookieprefix']}";
    var deleteevent_confirm = "{$lang->deleteevent_confirm}";
    var removeattach_confirm = "{$lang->removeattach_confirm}";
    var loading_text = '{$lang->ajax_loading}';
    var saving_changes = '{$lang->saving_changes}';
    var use_xmlhttprequest = "{$mybb->settings['use_xmlhttprequest']}";
    var my_post_key = "{$mybb->post_code}";
    var rootpath = "{$mybb->settings['bburl']}";
    var imagepath = "{$theme['imgdir']}";
     var yes_confirm = "{$lang->yes}";
    var no_confirm = "{$lang->no}";
    var MyBBEditor = null;
    var spinner_image = "{$theme['imgdir']}/spinner.gif";
    var spinner = "<img src='" + spinner_image +"' alt='' />";
    var modal_zindex = 9999;
</script>

Z góry dziękuje za pomoc.

Nie zadziała, bo jQuery koliduje z prototype. Poszukaj innego skryptu opartego na jQuery, albo zainstaluj dodatek z działu modyfikacji ("Facebook Slider").