JavaScript - Jquery Slideout Help Not Working With Newer Versions Of Jquery....

<div class="photo" style="float: left; padding: 4px;">
<div class="exif"><a href="[~41~]?dir=[+images_dir+]&file=[+filename+]" rel="shadowbox[exif_[+content_id+]]" title="exif data for [+filename+]" alt="exif data for [+filename+]">EXIF Data</a></div>
           <a class="thumb" rel="shadowbox[[+content_id+]]" href="[+images_dir+][+filename+]" title="[+title+] | [+description+]">
                <img src="[+thumbs_dir+][+filename+]" alt="[+title+]" />
            </a>
 <div class="filecode" id="d_clip_button[+filename+]">[+filename+]
       <script language="JavaScript">
           var clip = new ZeroClipboard.Client();
           clip.setText( 'http://pics.boasbysatyra.com[+images_dir+][+filename+]' );
           clip.glue( 'd_clip_button[+filename+]' );
           clip.addEventListener( 'onComplete', my_complete );

        function my_complete( client, text ) {
                $('.picklist').append('<div class="piclinks">[IMG]' + text + '[/IMG]</div>');
        }
       </script>
</div>
</div>

var needRef;
//flag for page reload
function pEdit(){
needRef = 1;
}

Shadowbox.init({
    handleOversize: "resize",
    modal: true,
    initialHeight: 32,
    initialWidth: 400,
    overlayOpacity: 0.85,
        onClose: function(){//check for reload flag and reload
if (needRef == 1){window.location.href=window.location.href;}
}
});
ZeroClipboard.setMoviePath('/js/zc/ZeroClipboard10.swf');
function initMenu() {
    $('#menu ul').hide();
    $('#menu ul:first').show();
    $('#menu li a').click(function() {
        var checkElement = $(this).next();
        if ((checkElement.is('ul')) && (checkElement.is(':visible'))) {
            //return false;
            }
        if ((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
            $('#menu ul:visible').slideUp('normal');
            checkElement.slideDown('normal');
            return false;
        }
    });
}
$(document).ready(function() {
    initMenu();
});

div class="photo" style="float: left; margin: 4px;">
<div class="exif"><a href="[~133~]?dir=[+images_dir+]&file=[+filename+]" rel="shadowbox[exif_[+content_id+]]" title="exif data for [+filename+]" alt="exif data for [+filename+]">EXIF Data</a></div>
           <a class="thumb" rel="shadowbox[[+content_id+]]" href="[+images_dir+][+filename+]" title="[+title+] | [+description+]">
                <img src="[+thumbs_dir+][+filename+]" alt="[+title+]" />
            </a>
<div id="d_clip_container[+filename+]" style="position:relative; width: 120px; height: 0.5em;">
 <div class="filecode" id="d_clip_button[+filename+]">[+filename+]
       <script language="JavaScript">
           var clip = new ZeroClipboard.Client();
           clip.setText( 'http://jb.boasbysatyra.com[+images_dir+][+filename+]' );
           clip.glue( 'd_clip_button[+filename+]','d_clip_container[+filename+]' );
           clip.addEventListener( 'onComplete', my_complete );

        function my_complete( client, text ) {
                $('.picklist').append('<div class="piclinks">[IMG]' + text + '[/IMG]</div>');
        }
       </script>
</div>
</div>
</div>

var needRef;
//flag for page reload
function pEdit(){
needRef = 1;
}
Shadowbox.init({
    handleOversize: "resize",
    modal: true,
    initialHeight: 32,
    initialWidth: 400,
    overlayOpacity: 0.85,
        onClose: function(){//check for reload flag and reload
if (needRef == 1){needRef = 0; window.location.href=window.location.href;}
}
});
ZeroClipboard.setMoviePath('/js/zc/ZeroClipboard10.swf');

$(document).ready(function() {
$(".dim img").fadeTo("slow", 0.65);
$(".dim img").hover(function(){
$(this).fadeTo("slow", 1.0);
},function(){
$(this).fadeTo("slow", 0.65);
});
$('#mainContent').hide().fadeIn(1200);
        //When page loads...
        $(".tab_content").hide(); //Hide all content
//      $("ul.tabs li:first").addClass("active").show(); //Activate first tab
//      $(".tab_content:first").show(); //Show first tab content

        //On Click Event
        $("ul.tabs li").click(function() {

                $("ul.tabs li").removeClass("active"); //Remove any "active" class
                $(this).addClass("active"); //Add "active" class to selected tab
                $(".tab_content").hide(); //Hide all tab content

                var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
                $(activeTab).fadeIn(); //Fade in the active ID content
                return false;
        });

});
(function($) {
   $(document).ready(function(){
 $('.menu1').ptMenu();
       $('.menu2').ptMenu({vertical:true});
   });
})(jQuery);

		<script type="text/javascript"> 
		    $(document).ready(function() { 
		        $('#form_{picture_id}').ajaxForm(function() { 
		           	$(function() {
					setTimeout(function() {
					        $("#picture_description").show('blind', {}, 800)
					    }, 1000);
					setTimeout(function() {
					        $("#picture_description").hide('blind', {}, 800)
					    }, 11000);
					});
		        }); 
		    }); 
		</script>

<script type="text/javascript">
$().ready(function()
{
  $('#ex3').jqDrag('.jqDrag').jqResize('.jqResize');
});
</script>

<script src="includes/js/move.js"></script>
<div id="ex3" class="jqDnR">
  <div class="jqHandle jqDrag"></div>
  <br />
 
 MY DATA
 
 
  <div class="jqHandle jqResize"></div>
</div>

after: function () {
 *$("div.album img").fullsize();
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Total City Sports</title>
	
	<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
	<link href="css/styles.css" rel="stylesheet" type="text/css" />
	<link href="css/reset.css" rel="stylesheet" type="text/css" />
	<style type="text/css">
 	</style>    
    
    <!-- start slider gallery-->
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/easySlider1.7.js"></script>
	<script type="text/javascript">
			$(document).ready(function(){	
			  $("#slider").easySlider({
			  auto: true,
			  continuous: true,
			  numeric: true
			  });
			});
		</script> <!-- end slider gallery -->
        
	

	<!--start bg resize -->
	<script src="js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.ez-bg-resize.js" type="text/javascript" charset="utf-8"></script>
	<script>
		$(document).ready(function() {
		    $("#body-background").ezBgResize();
		});

		$(window).bind("resize", function(){
		    $("#body-background").ezBgResize();
		});
	</script> <!-- end bg resize-->
	
</head>

<link rel="stylesheet" type="text/css" href="css/deestyle.css" />

<script type="text/javascript" src="js/jquery-1.4.4.js"></script>
<script type="text/javascript" src="js/jcarousellite_1.0.1.pack.js"></script>

<!-- Optional -->
<script type="text/javascript" src="js/mousewheel.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
	$(function() {
    		$(".carousel").jCarouselLite({
        	mouseWheel: true,
        	auto: 800,
		speed: 500,
		vertical: false,
		circular: true,
		visible: 1
    		});
	});
});
</script>

This is the code in the body;


		<div class="carousel">
    			<ul id="slides">
        			<li><img src="images/imagered.jpg" alt="" width="650" height="350" ></li>
        			<li><img src="images/imageblue.jpg" alt="" width="650" height="350" ></li>
        			<li><img src="images/imagegreen.jpg" alt="" width="650" height="350" ></li>
    			</ul>
		</div>

Here is the CSS code;

.carousel {
	position: absolute;
	top: 200px;
	right: 0px;
	width: 650px;
	height: 350px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #00ff00;
	}

#slides {
	list-style-type:none;
	float: left;
	padding: 0;
	margin: 0;
	}

{if not empty($campaign)}
<div class="securti-adv biggerlink">
	{if not empty ($campaign.media)}
		<a href="{$campaign.url}" {if n($campaign.linkTarget)}target="{$campaign.linkTarget}"{/if} class="thumb">
			<img src="{$campaign.image}" title="{$campaign.title1 + $campaign.title2}" alt="{$campaign.title1 + $campaign.title2}" />	</a>
	{/if}
	<div class="details">
		{if not empty ($campaign.title1) || not empty ($campaign.sub_title)}
			<a href="{$campaign.url}" {if not empty($campaign.linkTarget)}target="{$campaign.linkTarget}"{/if} title="{$campaign.title1 + $campaign.title2}">
				 {text2image styleSlug=$campaign.titleStyle1 text=$campaign.title1}
				 {text2image styleSlug=$campaign.titleStyle2 text=$campaign.title2}
				 <span><img src="{$imagesDir}/btn-campaign-meet-security-advisor.png" alt="" title="" /></span>
			</a>
			<p> {text2image styleSlug=$campaign.subtitleStyle text=$campaign.subTitle}</p>
		{/if}
	</div>
</div>

<script type="text/javascript" language="javascript">
{literal}
$(document).ready(function(){
	$('.biggerlink').biggerlink();
});
{/literal}
</script>
{/if}

(function($) {
	$.fn.biggerlink = function(options) {

		// Default settings
		var settings = {
			hoverclass:'hover', // class added to parent element on hover
			clickableclass:'hot', // class added to parent element with behaviour
			follow: true	// follow link? Set to false for js popups
			
		};
		if(options) {
			$.extend(settings, options);
		}
		$(this).filter(function(){
			 return $('a',this).length > 0;

		}).addClass(settings.clickableclass).each(function(i){

			// Add title of first link with title to parent
			$(this).attr('title', $('a[title]:first',this).attr('title'));

			// hover and trigger contained anchor event on click
			$(this)
			.mouseover(function(){
				window.status = $('a:first',this).attr('href');
				$(this).addClass(settings.hoverclass);
			})
			.mouseout(function(){
				window.status = '';
				$(this).removeClass(settings.hoverclass);
			})
			.bind('click',function(){
				$(this).find('a:first').trigger('click');
			})

			// triggerable events on anchor itself

			.find('a').bind('focus',function(){
				$(this).parents('.'+ settings.clickableclass).addClass(settings.hoverclass);
			}).bind('blur',function(){
				$(this).parents('.'+ settings.clickableclass).removeClass(settings.hoverclass);
			}).end()

			.find('a:first').bind('click',function(e){
				if(settings.follow == true)
				{
					window.location = this.href;
				}
				e.stopPropagation(); // stop event bubbling to parent
			}).end()

			.find('a',this).not(':first').bind('click',function(){
				$(this).parents('.'+ settings.clickableclass).find('a:first').trigger('click');
				return false;
			});
		});
		return this;
	};
})(jQuery);