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


$('.workNav img').fadeTo("fast",0.50);
	$('.workNav img').mouseover(function() {
		$(this).fadeTo("fast",1);
		});
	$('.workNav img').mouseout(function() {
		$(this).fadeTo("fast",0.50);
		});