$(document).ready(function(){
				/* degrading css */
				$('body').css("overflow-x","hidden");				/* hide scroll bar */
				$(".carouselNav").css("display","block");		/* show the carousle navigation */
				$("#photoBox").css("height","301px");									/* due to jcarousel messing it up */
				$("ul#photoContentContainer").css("height","301px");			/* due to jcarousel messing it up */
				$("li.photoContent").css("height","296px");							/* due to jcarousel messing it up */
				/* carousle settings */
				$("#photoBox").jCarouselLite({
					btnNext: ".next",
					btnPrev: ".prev",
					mouseWheel: true,
					circular: true,    
					start: 2.1,												/* with this on it messes up overlap in chrome */
					visible: 6,												/* chome needs an extra for homepage */
					easing: "backinout",
						speed: 1000
				});
		/* below for the fancybox (lightbox) */ 
			$("a.photoLink").fancybox({
				'overlayOpacity' : 0.5
			});
			$("#siteNavigation a").fancybox({
				'hideOnContentClick'	:	false,
				'overlayOpacity' : 0.5
			});	
		/* below is the focus for the navigation */
			$('li.aboutCaps').mouseover(function(){
				$(this).stop().animate({ 
					paddingBottom: "0px"
				}, 100 );
			});			
			$('li.aboutCaps').mouseout(function(){
				$(this).stop().animate({ 
					paddingBottom: "6px"
				},450 );	
			});		
			$('li.contactCaps').mouseover(function(){
				$(this).stop().animate({ 
					paddingBottom: "0px"
				}, 100 );
			});			
			$('li.contactCaps').mouseout(function(){
				$(this).stop().animate({ 
					paddingBottom: "6px"
				}, 450 );	
			});		
		/* below fades the opacity of category list */
			$('ul.categoryContainer li').hover(function(){
				$(this).stop().animate({ 
					paddingLeft: "10px",
					opacity: 1
				}, 400 );
				},
			function() {
				$(this).stop().animate({ 
					paddingLeft: "5px",
					opacity: 0.5
				}, 400 );
			});	
		/* navigation effect */
			$('ul.categoryContainer li').hover(function(){
				$(this).stop().animate({ 
					paddingLeft: "10px",
					opacity: 1
				}, 400 );
				},
			function() {
				$(this).stop().animate({ 
					paddingLeft: "5px",
					opacity: 0.5
				}, 400 );
			});	
		});