jQuery().ready(function(){
						
	$("#expandingContainer").accordion({// this is the function that runs accordion based left navigation and content
			header: "h2",
			animated:"easeslide",
			autoHeight:false
	});
	
	 $("#digitalImages").jCarouselLite({//slider for digital work images
     btnNext: ".next",
     btnPrev: ".prev",
	 easing:"easeinout",
	 visible:1
    });
	 $("#digitalInfos").jCarouselLite({//slider for digital work infobars
     btnNext: ".next",
     btnPrev: ".prev",
	 easing:"backin",
	 speed:400,
	 visible:1,
	 vertical:true
    });
	 
	 $("#printImages").jCarouselLite({//slider for print work images
     btnNext: ".pnext",
     btnPrev: ".pprev",
	 easing:"easeinout",
	 visible:1
    });
		 
	$("#printInfos").jCarouselLite({//slider for print work infobars
     btnNext: ".pnext",
     btnPrev: ".pprev",
	 easing:"backin", // as you can see, there're a few more slick easing options you can use
	 speed:400,
	 visible:1,
	 vertical:true
    });
	
	
	// work images hover fade effects. does not work with IE.
	$(".imageContainer img").fadeTo("fast",0.70);
	$(".imageContainer img").mouseover(function() {
		$(this).fadeTo("fast",1);
		});
	$(".imageContainer img").mouseout(function() {
		$(this).fadeTo("fast",0.70);
		});
	



	});	//end of page functions