Problema Jquery menu burbuja

[LuisCenardo]

el problema es el siguiente, primero nose si se puede porke ya tengo como 4 efectos jquery en la pagina
y al querer agregarle este menu de burbuja como le llaman tuve problemas

ESTA ES LA ESTRUCTURA
<!-- Style sheets -->
<link rel="stylesheet" href="css/bubbleup.css" />
<link rel="stylesheet" type="text/css" href="css/reset.min.css" />
<link rel="stylesheet" type="text/css" href="css/menu.min.css" />
<link rel="stylesheet" type="text/css" href="css/fancybox.css" />
<link rel="stylesheet" type="text/css" href="css/tooltip.min.css" />
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/style.css"/>

<!-- Skin Style Sheet -->
<link rel="stylesheet" href="css/skins/skin-1.css" type="text/css" />


<!-- jQuery framework and utilities -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.bubbleup.js"></script>
<script type="text/javascript" src="js/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="js/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript"> $j = jQuery.noConflict(); </script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.min.js"></script>
<script type="text/javascript" src="js/hoverIntent.min.js"></script>
<script type="text/javascript" src="js/jquery.bgiframe.min.js"></script>

<!-- Drop down menus -->
<script type="text/javascript" src="js/superfish.min.js"></script>
<script type="text/javascript" src="js/supersubs.min.js"></script>

<!-- Tooltips -->
<script type="text/javascript" src="js/jquery.cluetip.min.js"></script>
<script type="text/javascript" src="js/toolTipOptions.js"></script>

<!-- Input labels -->
<script type="text/javascript" src="js/jquery.overlabel.min.js"></script>
<!-- Anchor tag scrolling effects -->
<script type="text/javascript" src="js/jquery.scrollTo-min.js"></script>
<script type="text/javascript" src="js/jquery.localscroll-min.js"></script>
<!-- Inline popups/modal windows -->
<script type="text/javascript" src="js/jquery.fancybox-1.3.1.pack.js"></script>

<!-- Slide shows -->

<!-- Cycle (default) -->

<script type="text/javascript" src="js/jquery.cycle.all.min.js"></script>
<!-- Nivo -->
<link rel="stylesheet" type="text/css" href="css/nivo-slider.css" />
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
// initialize slideshow
$j(document).ready(function($) {
if ($('#Slides').length > 0) {
$('#Slides').nivoSlider({
effect: 'random',
slices: 16,
animSpeed: 800,
pauseTime: 6000,
directionNav: true, //Next and Prev
directionNavHide: true, //Only show on hover
controlNav: false, //1,2,3...
pauseOnHover: false, //Stop animation while hovering
manualAdvance: false, //Force manual transitions
beforeChange: function(){},
afterChange: function(){}
});
}
});
</script>

<!-- Font replacement (cufón) -->
<script src="js/cufon-yui.js" type="text/javascript"></script>
<script src="js/PerspectiveSans.font.js" type="text/javascript"></script>



<!-- IE only includes (PNG Fix and other things for sucky browsers -->

<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="css/ie-only.css">
<script type="text/javascript" src="js/pngFix.min.js"></script>
<script type="text/javascript">
$j(document).ready(function(){
$j(document.body).supersleight();
});
</script>
<![endif]-->
<!--[if IE]><link rel="stylesheet" type="text/css" href="css/ie-only-all-versions.css"><![endif]-->



<!-- BEGIN: For Demo Only -->
<!--
These entries are only needed for demo features, .
They can be deleted for production installs without effecting the theme's design or
any of the funcionality.
-->

<script type="text/javascript" src="js/demo.js"></script>
<link rel="stylesheet" type="text/css" href="css/demo.css" />
<!-- END: For Demo Only -->


<!-- Functions to initialize after page load -->
<script type="text/javascript" src="js/onLoad.js"></script>


<style type="text/css">
#apDiv1 {
position:absolute;
left:68px;
top:1274px;
width:660px;
height:525px;
z-index:69;
}
.home.alternate .pageWrapper .pageMain .contentArea .two-thirds .blogPost.blogPostEven .blogPostHeader h1 {
font-size: 14px;
}
.home.alternate .pageWrapper .pageMain .contentArea .two-thirds .blogPost.blogPostEven .blogPostHeader h1 {
font-size: 18px;
}
</style>

</head>

HASTA AHI TODO OK...
PERO QUERIA SABER DONDE PONGO ESTO,
<script type="text/javascript">
$(function(){

$("div#contenido ul#menu li img").bubbleup({tooltip: true, scale:96});

});
</script>

NECESARIO PARA KE EL EFECTO FUNCIONE
PORKE DONDE LO PONGA LO QUE SUCEDE ES QUE O BIEN ME DESACOMODA TODO PARA LA MIER...
O NO ME FUNCIONA EL NIVO SLIDER