<script><![CDATA[

	function raiseMenu () {
		var btnContainer = gE ('topLvlBtns');
	
		btnContainer.prepStyleTween();
		btnContainer.sS ('margin-top', 0);
		btnContainer.tweenStyles();
	}
	
	function lowerMenu () {
		var btnContainer = gE ('topLvlBtns');
	
		btnContainer.prepStyleTween();
		btnContainer.sS ('margin-top', '21px', true);
		btnContainer.tweenStyles();
	}
	
	function loadMusic () {
		// Load music
		var request = new flash.net.URLRequest ( 'music/music.mp3' );
	    document.dynamic.music = new flash.media.Sound();
		var context = new flash.media.SoundLoaderContext (8000, true);
	    document.dynamic.music.load ( request, context );
		document.dynamic.musicSoundChannel = document.dynamic.music.play(0, int.MAX_VALUE);
		document.dynamic.musicSoundChannel.soundTransform = new flash.media.SoundTransform(.7,0);
	}
	
	function toggleMusicMute () {
		document.dynamic.musicSoundChannel.soundTransform = new flash.media.SoundTransform(document.dynamic.musicSoundChannel.soundTransform.volume > 0 ? 0 : .7, 0);
		gE("speakerBtnMgr").jumpTo(document.dynamic.musicSoundChannel.soundTransform.volume > 0 ? "soundOnBtn" : "soundOffBtn");
	}
	
	function tweenTo (element, property, finish, delay) {
		if (delay != null && delay > 0) {
			com.frontalcode.Scheduler.setTimeoutInFrames (tweenTo, delay, element, property, finish, 0);
		}
		else {
			element.prepStyleTween();
			element.sS (property, finish);
			element.tweenStyles();
		}
	}

]]></script>

<include rel="inline" src="styles/styles.xml" />
<include rel="inline" src="scripts/analytics.xml" />
<include rel="assets" src="fonts.swf" blocking="true" fontClasses="Swift, SwiftBold, SwiftBold2" />

<!-- Templates -->
<template name="frScrollbarVert">
	<div class="frScrollbarVert">
		<div name="track" style="width: 11px; height: 398px; right: 100%; top: 0px; border-width: 0px;">
			<div name="trackButton" style="background-color: #ffffff; background-alpha: 0; border-width: 0px;" />
			<img name="up" src="images/scrollbar_tickmark.png" style="right: 100%; width: 11px; height: 3px;" />
			<img name="down" src="images/scrollbar_tickmark.png" style="right: 100%; width: 11px; height: 3px; bottom: 398px;" />
			<img name="slider" src="images/scrollbar_scroller.png" style="width: 11px; height: 23px; border-width: 0px; background-color: null;" />
		</div>
	</div>
</template>

<!-- Brush Stroke Background -->
<div class="leftWindow" style="width: 100%; layout:stack;">
	<img id="canvasWidget" class="canvasWidget" src="stillBg.swf" />
	<text id="debugBox" style="width: 400px; height: 20px; background-color: #333333; color: #ffffff; right: 100%;"><![CDATA[nothing]]></text>
</div>

<!-- Body -->
<div id="mainContent">
	<manager id="contentMgr">
		<transitioner custom="com.frontalcode.transitions.TweenTransition" target="current" property="alpha" start="1" finish="0" duration="25" delay="5" />		
		<transitioner custom="com.frontalcode.transitions.TweenTransition" target="current" property="top" start="0" finish="400" duration="25" delay="0" style="tween-container-ease: fl.transitions.easing.Strong.easeIn;" />
		
		<transitioner custom="com.frontalcode.transitions.TweenTransition" target="next" property="alpha" start="0" finish="1" duration="40" delay="30" />
		<transitioner custom="com.frontalcode.transitions.TweenTransition" target="next" property="top" start="400" finish="0" duration="40" delay="30" style="tween-container-ease: fl.transitions.easing.Strong.easeOut;" />
	</manager>
	
	<!-- Home -->
	<div id="homeSection" class="section" name="Home">
	</div>
	
	<!-- Company -->
	<div id="companySection" name="Company" />

		<!-- CM Philosophy -->
		<include rel="inline" src="philosophy.xml" />

		<!-- CM Leadership -->
		<include rel="inline" src="leadership.xml" />

		<!-- CM Investment -->
		<include rel="inline" src="investment.xml" />
		
	<!-- end Company -->

	<!-- Portfolio -->
	<div id="portfolioSection" name="Portfolio"/>

		<div id="currentHoldingsSection" class="section" parentElemNdx="portfolioSection" name="Current Holdings">
			<div class="squareSectionWrapper">
				<div class="squareCopyWrapper">
					<img class="fadeTopLong" src="images/fade_top_long.png" />
					<div class="squareScroller">
						<text class="header"><![CDATA[CURRENT HOLDINGS]]></text>

						<!-- CM Current Holdings -->
						<include rel="inline" src="current_holdings.xml" />

						<div class="spacer" />
					</div>
					<img class="fadeBottomLong" src="images/fade_bottom_long.png" />
				</div>
			</div>
		</div>


		<div id="pastHoldingsSection" class="section" parentElemNdx="portfolioSection" name="Past Holdings">
			<div class="squareSectionWrapper">
				<div class="squareCopyWrapper">
					<img class="fadeTopLong" src="images/fade_top_long.png" />
					<div class="squareScroller">
						<text class="header"><![CDATA[PAST HOLDINGS]]></text>

						<!-- CM Past Holdings -->
						<include rel="inline" src="past_holdings.xml" />

						<div class="spacer" />
					</div>
					<img class="fadeBottomLong" src="images/fade_bottom_long.png" />
				</div>
			</div>
		</div>
	<!-- end Portfolio -->

	<!-- Current Projects -->
	<div id="currentProjectsSection" class="section" name="Current Projects">
		<div class="squareSectionWrapper">
			<manager id="projectsMgr">
				<transitioner custom="com.frontalcode.transitions.TweenTransition" target="current" property="alpha" start="1" finish="0" duration="15" />
				<transitioner custom="com.frontalcode.transitions.TweenTransition" target="next" property="alpha" start="0" finish="1" duration="15" delay="15" />
			</manager>
			<div class="squareCopyWrapper" id="projectsMenu">
				<img class="fadeTopLong" src="images/fade_top_long.png" />
				<div class="squareScroller">
					<text class="header"><![CDATA[CURRENT PROJECTS]]></text>

					<!-- CM Current Projects Menu -->
					<include rel="inline" src="current_projects_menu.xml" />

					<div class="spacer" />
				</div>
				<img class="fadeBottomLong" src="images/fade_bottom_long.png" />
			</div>

			<!-- CM Current Projects List -->
			<include rel="inline" src="current_projects.xml" />

		</div>
	</div>
	<!-- end Current Projects -->
	
	<!-- Partners -->	
	<div id="partnersSection" class="section" name="Partners">
		<div class="squareSectionWrapper">
			<div class="squareCopyWrapper">
				<img class="fadeTopLong" src="images/fade_top_long.png" />
				<div class="squareScroller">
					<text class="header"><![CDATA[PARTNERS]]></text>

					<!-- CM Partners -->
					<include rel="inline" src="partners.xml" />
					
					<div class="spacer" />
				</div>
				<img class="fadeBottomLong" src="images/fade_bottom_long.png" />
			</div>
		</div>
	</div>
	<!-- end Partners -->

	<!-- Contact Us -->
	<include rel="inline" src="contact.xml" />

</div>
<!-- end Body -->


<!-- Site Nav -->
<div id="menuBarWrap">
	<div id="menuBar">
		<div id="btnBg">
			<div id="homeBtn" class="frMarker" elemNdx="homeSection" mgrId="contentMgr">
				<div><text><![CDATA[<b>J. CHRISTOPHER CAPITAL</b>]]></text></div>
				<img id="logo" src="images/logo.png" />
			</div>
			<div id="topLvlBtns">
				<div class="menuBtn expandingBtn" style="width: 60px;">
					<text class="frMarker menuEntry" elemNdx="philosophySection" mgrId="contentMgr">
						<![CDATA[Company]]>
					</text>
					<div id="companySubMenu" class="subMenu">
						<div class="frMarker subMenuEntry menuPipe" elemNdx="philosophySection" mgrId="contentMgr" />
						<text class="frMarker menuEntry subMenuEntry" elemNdx="philosophySection" mgrId="contentMgr"><![CDATA[Philosophy]]></text>
						<text class="frMarker menuEntry subMenuEntry" elemNdx="leadershipSection" mgrId="contentMgr"><![CDATA[Leadership]]></text>
						<text class="frMarker menuEntry subMenuEntry" elemNdx="investmentSection" mgrId="contentMgr"><![CDATA[Investment Mantra]]></text>
					</div>
				</div>
				<div class="menuBtn expandingBtn" style="width: 60px;">
					<text class="frMarker menuEntry" elemNdx="currentHoldingsSection" mgrId="contentMgr">
						<![CDATA[Portfolio]]>
					</text>
					<div id="portfolioSubMenu" class="subMenu">
						<div class="frMarker subMenuEntry menuPipe" elemNdx="currentHoldingsSection" mgrId="contentMgr" />
						<text class="frMarker menuEntry subMenuEntry" elemNdx="currentHoldingsSection" mgrId="contentMgr"><![CDATA[Current Holdings]]></text>
						<text class="frMarker menuEntry subMenuEntry" elemNdx="pastHoldingsSection" mgrId="contentMgr"><![CDATA[Past Holdings]]></text>
					</div>
				</div>
				<!--<text class="frMarker menuBtn menuEntry" elemNdx="currentProjectsSection" mgrId="contentMgr"><![CDATA[Current Projects]]></text>-->
				<text class="frMarker menuBtn menuEntry" elemNdx="partnersSection" mgrId="contentMgr"><![CDATA[Partners]]></text>
				<text class="frLink menuBtn menuEntry" href="http://www.jchristophercapital.com/blog" target="blank"><![CDATA[Blog]]></text>
				<text class="frMarker menuBtn menuEntry" elemNdx="contactUsSection" mgrId="contentMgr"><![CDATA[Contact Us]]></text>
			</div>
		</div>
		<div id="speakerBtn">
			<manager id="speakerBtnMgr" />
			<img id="soundOnBtn" src="images/sound_on.png" />
			<img id="soundOffBtn" src="images/sound_off.png" />
		</div>
	</div>
</div>

