//-------------------------------------------------------------------
// START: PAGE SETTINGS
//-------------------------------------------------------------------

	// ---------------------------------------
	// global settings
		
	
	// ---------------------------------------
	// page set up
		var iBoxParentWidthTotal 	= 204+36; // includes white box plus margin plus some extra space
		var iBoxParentStopPosLeft 	= 144; // where the boxes stop after sliding from left to right
		var iBoxParentStopPosRight 	= 950; // where the boxes stop after sliding from right to left
		var iBoxLoadOpacity 		= 0.2;
		
	// ---------------------------------------
	// page intro slide-in
		var iIntroLogoLoadBreak		= 10; // when to stop preloading and start moving in logos
		var iIntroParentSlideSpeed 	= 5000; // time it takes to slide the bars back through
		var iIntroParentSlideType 	= "easeInOutCubic"; // penner functions
	
	// ---------------------------------------
	// page play
		var iPlayOpacity			= 0.90;
		var iPlayOpacitySpeed		= 1000; // speed they come up to "play" opacity
		var sPlayOpacityType		= "easeInCubic"
		
		var iPlaySlidePixelsPerSec	= 150; // IMPORTANT! this is pixels/second, the smaller the number the slower the speed
		var sPlaySlideType			= "linear";
		var iPlaySlideRest 			= 700; // how long of a wait there is at easy end position
	
	// ---------------------------------------
	// page slide functions
		var iHoverMouseoutDelay		= 100; // time to wait after mouseout before reseting bar to autoplay
		var iHoverOpacity			= 0.90; // the opacity of the bar during slide/mouse over
		var iHoverOpacitySpeed		= 250; // the speed of change
		var sHoverOpacityType		= "easeInCubic"; // the opacity of the bar during slide/mouse over
		var iHoverDragFadeInSpeed	= 2000;
		var sHoverResetType			= "easeInCubic"; // after slide bar is moved, the bar is reset
		var iHoverResetSpeed		= 2000;