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:"easeinout",
	 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:"easeinout", // as you can see, there're a few more slick easing options you can use
	 visible:1,
	 vertical:true
    });

	for(var i=1; i<=11; i++) {
		$('a.p' + i).lightBox();	
	}
	for(i=21; i<=29; i++) {
		$('a.p' + i).lightBox();	
	}
	// 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