// BUILT ON TOP OF JQUERY ////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////
/*************************************************************************************************/

$(document).ready(function() {
						   
	// apply dropshadows to the modules/images
	$('.module').dropShadow({left: 2, top: 2, opacity: 0.8, blur: 2, color: "#9C7968"});
	$('.watercolours .maincolContent a img').dropShadow({left: 2, top: 2, opacity: 0.8, blur: 2, color: "#9C7968"});
	$('.portfolio .maincolContent a img.show').dropShadow({left: 2, top: 2, opacity: 0.8, blur: 2, color: "#9C7968"});
	$('.press .maincolContent a img.show').dropShadow({left: 2, top: 2, opacity: 0.8, blur: 2, color: "#9C7968"});
	$('.books .maincolContent a img').dropShadow({left: 2, top: 2, opacity: 0.8, blur: 2, color: "#9C7968"});
	
	//$('#carousel').jcarousel({ visible: 7 });
	
	// set the height of the nav to 100% (on the fullscreen pages)
	$('.home .subcol').height('100%');
	$('.portfolio .subcol').height('100%');
	$('.watercolours .subcol').height('100%');
	$('.accessories .subcol').height('100%');
	
	// set all the columns/divs with 'justifyHeight' class to equal heights
	// only set on the 'non-fullscreen' (i.e. variable height) pages
	$(".justifyHeight").vjustify();

					   
});