<?
if($phone)
{
	?>
    <div id="header" class="mheader fixed block white-bg noselect layer-top" 
        style="width:100%; top:0px; left:0px;"
        class-on-scroll offset="1" scroll-class="smPhoneHeader">
        <div class="rib right" style="width:100%; height:100%;">
            <div class="ab center-center" style="width:100%; height:100%;">
                <div class="logo rib center-center">
					<img src="/vx_/images/Logo.png"
						class="hdrLogo phnHdrLogo" onclick="window.location = '/vx/usa/members/'"/>
                </div>
            </div>
            <?
            if($user > 0)
            {
                ?>
                <div class="rib" style="height:100%; right:0px;">
                    <div class="rib pointer noselect center-center"
                        ng-click="setMenu()" 
                        style="margin-right:10px;">
                        <div class="glyphicons glyphicons-menu-hamburger f24 menu"></div>
                    </div>
                    <div class="cdl"></div>
                </div>
                <?
                include($_SERVER['DOCUMENT_ROOT']."/vx/usa/layout/menu.php");
            }
            ?>

			<div class="aib fleft left"
				style="left:5px; top:5px;">
				<div class="rib">
					<div class="f11">
						Need Help?
					</div>
					<div class="rou rb"  style="top:-4px;">
						<a href="tel:{{sitePhone | tel}}" class="f11" title="Call us now at {{sitePhone | tel}}">
							{{sitePhone | tel}}
						</a>
					</div>
				</div>
			</div>
        </div>
        <?
		if($user > 0 && $onCourse)
		{
			?>
			<div class="rb cc pb20"
				class-on-scroll offset="100" scroll-class="smTrainingProgress">
				<div class="trainingProgressBar">
					<div class="trainingProgress" style="width:{{trainingPercent | number : 2}}%">
					</div>
				</div>
				<div class="trainingDataBar" ng-show="showPercentFlag">
					<div class="trainingProgressText cc" style="left:{{trainingPercent | number : 2}}%">
						{{trainingPercent | number : 0}}%
						<div class="arrow"></div>
					</div>
				</div>
			</div>
			<?
		}
		?>
    </div>
    <?	
}
else
{
    if($user > 0 && $onMembers)
    {
		if($onLearning)
		{
			?>
			<div id="header" class="header fixed block noselect layer-top" 
				style="width:100%; top:0px; left:0px; min-width:640px;" class-on-scroll offset="100" scroll-class="smNonHeader">
			<?
		}
		else
		{
			?>
			<div id="header" class="header fixed block noselectlayer-top" 
				style="width:100%; top:0px; left:0px; min-width:640px;" class-on-scroll offset="100" scroll-class="smHeader">
			<?
		}
    }
	else
	{
		?>
        <div id="header" class="header fixed block noselect layer-top" 
            style="width:100%; top:0px; left:0px; min-width:640px;">
        <?
	}
        ?>
        <div class="rb pl10" style="height:100%;">
            <div class="rib left" style="width:500px; height:100%;">
                <div class="logo rib center-center">
					<img src="/vx_/images/Logo.png"
						class="hdrLogo" onclick="window.location = '/<?=($user > 0 && !$guest) ? 'vx/usa/members/' : ''?>'"/>
                </div>
                <div class="rib center-center" style="width:0px; height:100%; margin-left:-1px;">
                </div>
            </div>
            <?
            include($_SERVER['DOCUMENT_ROOT']."/vx/usa/layout/menu.php");
            ?>
		</div>    
      <?
		if($user > 0 && $onCourse)
		{
			?>
			<div class="rb cc smTrainingProgress"
				class-on-scroll offset="100" scroll-class="smTrainingProgressBar">
				<div class="trainingProgressBar">
					<div class="trainingProgress" style="width:{{trainingPercent | number : 2}}%">
					</div>
				</div>
			</div>
			<?
		}
		?>
    </div>
    <?	
}
?>