// 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').dropShadow({left: 2, top: 2, opacity: 0.8, blur: 2, color: "#9C7968"});
	$('.antiques .maincolContent a img').dropShadow({left: 2, top: 2, opacity: 0.8, blur: 2, color: "#9C7968"});
	$('.fabrics .maincolContent a img').dropShadow({left: 2, top: 2, opacity: 0.8, blur: 2, color: "#9C7968"});
	$('.press .maincolContent a img').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"});*/
	
	// this new feature now means the CMS doesn't have to manually append 'show' & 'hide' CSS classes to portfolio imagery
	$('.portfolio .maincolContent .portfolioPiece a:not(:first-child)').find('img').hide();
	$('.blog .subcolContent .portfolioPiece a:not(:first-child)').find('img').hide();
	$('.antiques .maincolContent .antiquePiece a:not(:first-child)').find('img').hide();
	$('.fabrics .maincolContent .fabricPiece a:not(:first-child)').find('img').hide();
	$('.press .maincolContent a:not(:first-child)').find('img').hide();
	
	$(".antiquePiece p:nth-child(3)").addClass("marginTop50");
	$(".fabricPiece p:nth-child(3)").addClass("marginTop50");
	
	//$('#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%');
					   
});


$(window).load(function() {

	// set all the columns/divs with 'justifyHeight' class to equal heights
	// only set on the 'non-fullscreen' (i.e. variable height) pages
	$(".justifyHeight").vjustify();

});