/*
 * Javascript Constants
 * Written by Andrew Masri
 * Copyright 2008. All rights reserved
 */

/////////////////// Settings for the Cascading Main Menu ///////////////////////
/*
	//you can change these parameters in order to modify the look and feel of the cascading menu - these values should correcpond to the stylesheet
	var collapseToPaths = true;		//if this is 'true' then (after a period of inactivity) the menu will collapse to a path for the current page

	var syncTimerInterval = 30; 	//affects the smoothness and speed of menu transitions (small values => smoother and faster)
	var inactivityDelay = 1500; 	//period of inactivity after which the menu returns to it's default state (in miliSeconds)
	var collapseToPathsDelay = 1000;	//additional period of inactivity after which the menu collapses to default path state (in miliSeconds)

	var fontSizeDefault = 14;		//pixels	16
	var fontSizeMax = 14;			//pixels	18
	var fontSizeIncrement = 1;	//pixels

	var lineHeightDefault = 20;		//pixels	20
	var lineHeightMax = 20;			//pixels	28
	var lineHeightIncrement = 1;	//pixels

	var letterSpacingDefault = 0;	//pixels
	var letterSpacingMax = 0;		//pixels	2
	var letterSpacingIncrement = 1;	//pixels

	var opacityMin = 0	;			//0.0-1.0
	var opacityMax = 1;				//0.0-1.0
	var opacityIncrement = 0.1;		//0.1-1.0
	var opacityDecrement = 1;		//0.1-1.0

*/

/////////////////// Settings for Background Image Slide Show ///////////////////////

var bgImageOption = 'dualWidth';	//the background image will be scaled to fit the browser window height
var bgImageWidthNarrow = '50%';		//the default alternate width setting for portrait images
var aspectRatioThreshold = 0;		//the aspect ratio beyond which images are treated as widescreen


//called after page load to resize the main content area based on the height of the background image
function initPage() {
	//redefine the content max-height based on the available space (determined by the choice of background image)
	var containerHeight = jQuery('#backgroundContainer');
	if (!containerHeight.length) return;
	containerHeight = containerHeight[0].scrollHeight;
	jQuery('#mainContentBody').animate({ maxHeight: (containerHeight - 280)+'px' }, 500);
}