Need help with jquery

My head looks like

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<meta name="distribution" content="global" />
<meta name="robots" content="follow, all" />
<meta name="language" content="en, sv" />
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_get_archives('type=monthly&format=link'); ?>
<?php wp_head(); ?>
<link rel='stylesheet' href='<?php bloginfo('stylesheet_url'); ?>' type='text/css' />
<title><?php bloginfo('name'); ?> <?php wp_title(); ?></title>
<script type="text/javascript"> 
 
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-20199623-2']);
  _gaq.push(['_trackPageview']);
 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
 
</script>
<script type="text/javascript">
if (document.images) {
    img1 = new Image();
    img1.src = "button01_news2.png";
    img2 = new Image();
    img2.src = "button02_studio2.png";
 img3 = new Image();
    img3.src = "button04_piercing2.png";
 img4 = new Image();
    img4.src = "button05_contact2.png";
 img5 = new Image();
    img5.src = "button03_tattoo2.png";
 img6 = new Image();
    img6.src = "button06_events2.png";
 img7 = new Image();
    img7.src = "button07_link2.png";
}
</script>
<script type="text/javascript">
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
</script>

<script type="text/javascript" src="/js/jquery-1.4.4.min.js"></script>

PHP:

My page with script for facebook slider

<script type="text/javascript">
$(document).ready(function(){$("#fb_prawa").hover(function(){$(this).stop(true,false).animate({right: 0}, 500);},function(){$("#fb_prawa").stop(true,false).animate({right: -230}, 500);});});
</script>
 <div style="" id="fb_prawa">

<img style="display: block; position: absolute; top: 110px; left: -45px;" 
src="http://www.silesiatattoo.pl/button_facebook.png">


<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fkochamciezeojeju&amp;width=250&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;header=false&amp;height=370" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:370px;" allowTransparency="true">
</iframe>

PHP:

I'm using this for scroll color and facebook plugin

With this code facebook plugin working well

when i remove this line

<script type="text/javascript" src="/js/jquery-1.4.4.min.js"></script>

PHP:

scroller working but facebook plugin not

 

WordPress has a built-in feature to include jQuery script automatically into your theme. Here is a Tutorial how to call jQuery in your theme http://codex.wordpress.org/Function_Reference/wp_enqueue_script. So do not call external jQuery file.

Also try this code to fix the issue. Paste it at the bottom of the footer.php above </body> tag. I hope its work for you!

<script type="text/javascript">
jQuery(document).ready(function($){
    $("#fb_prawa").hover(function(){
        $(this).stop(true,false).animate({right: 0}, 500);
    },function(){
        $("#fb_prawa").stop(true,false).animate({right: -250}, 500);
    });
});
</script>

<style type="text/css">
#fb_prawa
      {
        height:370px;
        right:-250px;
        position:fixed;
        top:150px;
        width:250px;background:#fff;z-index:99999;
      }
#fb_prawa img.fb {position:absolute;top:50%;left:-45px;margin-top:-65px;}
</style>
<div id="fb_prawa">
    <img class="fb" src="http://www.silesiatattoo.pl/button_facebook.png" width="45" height="130" alt="Open Facebook" />
    <iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fkochamciezeojeju&amp;width=250&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;header=false&amp;height=370" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:370px;" allowTransparency="true"></iframe>
</div>

Code (markup):

 

<script type="text/javascript" src="/js/jquery-1.4.4.min.js"></script> <------- This belongs to this script.
<script type="text/javascript">
$(document).ready(function(){$("#fb_prawa").hover(function(){$(this).stop(true,false).animate({right: 0}, 500);},function(){$("#fb_prawa").stop(true,false).animate({right: -230}, 500);});});
</script>
<div style="" id="fb_prawa">

<img style="display: block; position: absolute; top: 110px; left: -45px;"
src="http://www.silesiatattoo.pl/button_facebook.png">


<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fkochamciezeojeju&amp;width=250&amp;colorscheme=light&amp;show_faces=true&amp;stream=false&amp;header=false&amp;height=370" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:370px;" allowTransparency="true">
</iframe>