<?php
include_once('includes.php');
$pageTitle = 'charityTitle.jpg';
$videoArray = array();
$videoArray[$lang['Hope Of Life']]['<b>Hope of Life</b><br>Year End 2015'] = 'Hope of Life - Year End 2015';
$videoArray[$lang['Hope Of Life']]['<b>Village of Transformation</b><br>Dedication'] = 'VOT Dedication Video';
$videoArray[$lang['Hope Of Life']]['<b>Village of Transformation</b><br>December 2014 Update'] = 'Village of Transformation - December 2014';
$videoArray[$lang['Hope Of Life']]['<b>Village Of Dreams</b><br>August 2014 Update'] = 'Hope Of Life - Aug 2014';
$videoArray[$lang['Hope Of Life']]['<b>Village Of Dreams</b>'] = 'villageOfDreams';
$firstVid = 'Hope of Life - Year End 2015';
?>
<?php include_once('header.php'); ?>
<table cellspacing="0" cellpadding="0" style="width:100%">
<tr>
<td>
<table cellspacing="0" cellpadding="0">
<tr>
<td>
<ul id="example1" class="accordion">
<?php
foreach($videoArray as $cat => $videoList)
{
?>
<li class="locked">
<h3><?= $cat ?></h3>
<div class="panel loading">
<table cellspacing="0" cellpadding="0" class="videoTable">
<?php
foreach($videoList as $desc => $link)
{
?>
<tr>
<td onClick="viewVideo('<?= $link ?>')" id="<?= $link ?>" onMouseOver="videoMouseOver(this)" onMouseOut="videoMouseOut(this)">
<table cellspacing="0" cellpadding="0">
<tr>
<td style="padding:0px;padding-right:10px;width:26px;"><img src="<?= $lang['imgFdr'] ?>/videoIcon.jpg"></td>
<td style="padding:0px;width:500px"><?= $desc ?></td>
</tr>
</table>
</td>
</tr>
<?php
}
?>
<tr>
<td onMouseOver="this.style.cursor='pointer'" onClick="window.open('images/Village of Dreams - February 2014.pdf','_blank')">
<table cellspacing="0" cellpadding="0">
<tr>
<td style="padding:0px;padding-right:10px;width:26px;"><img src="images/galleryIcon.png"></td>
<td style="padding:0px;width:500px"><?= $lang['BrochureFeb2014'] ?></td>
</tr>
</table>
</td>
</tr>
<tr>
<td onMouseOver="this.style.cursor='pointer'" onClick="window.open('images/Village of Dreams - 2013.pdf','_blank')">
<table cellspacing="0" cellpadding="0">
<tr>
<td style="padding:0px;padding-right:10px;width:26px;"><img src="images/galleryIcon.png"></td>
<td style="padding:0px;width:500px"><?= $lang['Brochure2013'] ?></td>
</tr>
</table>
</td>
</tr>
<!--
<tr>
<td onMouseOver="this.style.cursor='pointer'" onClick="window.open('http://www.absoluteoutreach.com/blog','_blank')">
<table cellspacing="0" cellpadding="0">
<tr>
<td style="padding:0px;padding-right:10px;width:26px;"><img src="images/testimonialIcon.png"></td>
<td style="padding:0px;width:500px"><?= $lang['Blog'] ?></td>
</tr>
</table>
</td>
</tr>
-->
</table>
</div>
</li>
<?php
}
?>
<li class="locked">
<h3>Project Africa</h3>
<div class="panel loading">
<table cellspacing="0" cellpadding="0" class="videoTable">
<tr>
<td onMouseOver="this.style.cursor='pointer'" onClick="window.open('http://www.absoluteoutreach.com/projectafrica/','_blank')">
<table cellspacing="0" cellpadding="0">
<tr>
<td style="padding:0px;padding-right:10px;width:26px;"><img src="images/linkIcon.png"></td>
<td style="padding:0px;width:500px"><?= $lang['The Esiphezini Project'] ?></td>
</tr>
</table>
</td>
</tr>
<tr>
<td onMouseOver="this.style.cursor='pointer'" onClick="window.open('images/Esiphezini Pre-School Project.pdf','_blank')">
<table cellspacing="0" cellpadding="0">
<tr>
<td style="padding:0px;padding-right:10px;width:26px;"><img src="images/galleryIcon.png"></td>
<td style="padding:0px;width:500px"><?= $lang['The Esiphezini Project Brochure'] ?></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table cellspacing="0" cellpadding="0">
<tr>
<td><img src="<?= $lang['imgFdr'] ?>/completedStamp.jpg"></td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</li>
<li class="locked">
<h3>EQUIP</h3>
<div class="panel loading">
<table cellspacing="0" cellpadding="0" class="videoTable">
<tr>
<td onClick="viewVideo('EQUIPTransformation')" id="EQUIPTransformation" onMouseOver="videoMouseOver(this)" onMouseOut="videoMouseOut(this)">
<table cellspacing="0" cellpadding="0">
<tr>
<td style="padding:0px;padding-right:10px;width:26px;"><img src="<?= $lang['imgFdr'] ?>/videoIcon.jpg"></td>
<td style="padding:0px;width:500px">Guatemala Transformation</td>
</tr>
</table>
</td>
</tr>
</table>
</div>
</li>
</ul>
</td>
</tr>
</table>
</td>
<td rowspan="2" style="width:700px;height:393px;padding-left:10px">
<video id="videoPlayer" class="video-js vjs-default-skin" controls <?= $videoAutoplay ?> preload="auto" width="700" height="394" data-setup="{}">
</video>
<br><br>
<center>
<a href="http://www.absoluteresultsfoundation.org" style="text-decoration:none;color:blue">
Click Here To Visit<br>
<font style="font-weight:bold;font-size:18pt;color:#db2325">www.AbsoluteResultsFoundation.org</font>
</a>
</center>
</td>
</tr>
</table>
<script type="text/javascript">
$('#example1').accordion();
$(".loading").removeClass("loading");
var myPlayer = _V_("videoPlayer");
myPlayer.volume(0.5);
<?php if(!$isChrome) { ?>myPlayer.addEvent("ended", videoEnd);<?php } ?>
viewVideo('<?= $firstVid ?>');
</script>
<?php include_once('footer.php'); ?>