OK I am a novice at best when it comes to javascript and I am trying to use two on a page - the page isnt live but I can upload if needed. I am trying to use two javascripts on a page - one for a slider and one for an image gallery. They work if they are added on their own but ass soon as I add them both thats when one or the other stops working. I hope someone can help I must have been sat looking at the screen and searching around for about 8 hrs lol.

thanks in advance

Here are the two that are causing issues.

Code:
    <script type="text/javascript">
		$(document).ready(	
			function() {
				//initialize scroller
				$(".container").wtScroller({
					num_display:3,
					slide_width:234,
					slide_height:120,
					slide_margin:1,
					button_width:35,
					ctrl_height:25,
					margin:10,	
					auto_scroll:true,
					delay:4000,
					scroll_speed:1000,
					easing:"",
					auto_scale:true,
					move_one:false,
					ctrl_type:"scrollbar",
					display_buttons:true,
					display_caption:true,
					mouseover_caption:false,
					caption_align:"bottom",
					caption_position:"inside",					
					cont_nav:true,
					shuffle:false
				});
				
				//initialize lightbox for scroller
				$("a[rel='scroller']").wtLightBox({
					rotate:true,
					delay:4000,
					transition_speed:600,
					display_number:true,
					display_dbuttons:true,
					display_timer:true,
					display_caption:true,
					caption_align:"bottom",					
					cont_nav:true,
					auto_fit:true,
					easing:""
				});
			}
			
		);
	</script>

Code:
<script type="text/javascript">
	$(document).ready(function(){
		//$("#featured > ul").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
		$("#featured").tabs({fx:{opacity: "toggle"}}).tabs("rotate", 5000, true);
	});
</script>