<?php header('Content-type: text/html; charset=utf-8'); ?>
<?php
  /* STEP 1: LOAD RECORDS - Copy this PHP code block near the TOP of your page */
  
  // load viewer library
  $libraryPath = 'cmsAdmin/lib/viewer_functions.php';
  $dirsToCheck = array('/home/content/h/e/a/healthyfood1/html/','','../','../../','../../../');
  foreach ($dirsToCheck as $dir) { if (@include_once("$dir$libraryPath")) { break; }}
  if (!function_exists('getRecords')) { die("Couldn't load viewer library, check filepath in sourcecode."); }

  // load records from 'homepage_insets'
  list($homepage_insetsRecords, $homepage_insetsMetaData) = getRecords(array(
    'tableName'   => 'homepage_insets',
    'limit'       => '3',
    'loadUploads' => true,
    'allowSearch' => false,
  ));

  list($homepage_slideshowRecords, $homepage_slideshowMetaData) = getRecords(array(
    'tableName'   => 'homepage_slideshow',
    'where'       => '', // load first record
    'loadUploads' => true,
    'allowSearch' => false,
    'limit'       => '1',
  ));
  $homepage_slideshowRecord = @$homepage_slideshowRecords[0]; // get first record
  if (!$homepage_slideshowRecord) { dieWith404("Record not found!"); } // show error message if no record found

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
<link rel="shortcut icon" href="favicon.ico" >
<link rel="icon" type="image/gif" href="animated_favicon1.gif" >
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1" />
<TITLE><?php echo htmlencode($homepage_slideshowRecord['page_title']) ?></TITLE>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
<script type='text/javascript' src='menu_jquery.js'></script>
<link rel='stylesheet' type='text/css' href='styles-nav.css' />
<link href="styles-healthy.css" rel="stylesheet" type="text/css">
<LINK REL="shortcut icon" HREF="favicon.ico" >
<script type="text/javascript">
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

<style type="text/css">

#myslideshow{ /*sample CSS for demo*/
	border:0px solid black;
	margin: 0px;
	padding: 0px;
}

</style>

<script src="translucentslideshow.js" type="text/javascript">

/***********************************************
* Translucent slideshow- (c) Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

</script>

<script type="text/javascript">

var translideshow1=new translideshow({
    wrapperid: "myslideshow", //ID of blank DIV on page to house Slideshow
    dimensions: [970, 350], //width/height of gallery in pixels. Should reflect dimensions of largest image
    imagearray: [
        <?php foreach ($homepage_slideshowRecord['slide'] as $index => $upload) {

echo '["' . $upload['urlPath'] . '", "' . htmlencode($upload['info1']) . '"],';

} ?>
    ],
    displaymode: {type:'auto', pause:4500, cycles:0, pauseonmouseover:true},
    orientation: "h", //Valid values: "h" or "v"
    persist: true, //remember last viewed slide and recall within same session?
    slideduration: 900 //transition duration (milliseconds)
})

</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
<script type='text/javascript' src='menu_jquery.js'></script>
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link rel='stylesheet' type='text/css' href='styles-nav.css' />
<link href="styles-healthy.css" rel="stylesheet" type="text/css">

<LINK REL="shortcut icon" HREF="../favicon.ico" >
<script type="text/javascript">
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-53ac468d1fa68793"></script>
</HEAD>
<BODY>
<div align="center">
  <table border="0" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td colspan="3"><?php require_once('_include-masthead.php'); ?></td>
    </tr>
    <tr>
      <td><img src="images/single-pixel.gif" width="25" height="350" /></td>
      <td><div id="myslideshow"></div>
<p align="center" class="pNoPad"><a href="javascript:translideshow1.navigate('back')" style="margin-right:40px;">&laquo;</a><a href="javascript:translideshow1.navigate(0)">1</a>&nbsp;&nbsp;<span class="spanLightGreen">|</span>&nbsp;&nbsp;<a href="javascript:translideshow1.navigate(1)">2</a>&nbsp;&nbsp;<span class="spanLightGreen">|</span>&nbsp;&nbsp;<a href="javascript:translideshow1.navigate(2)">3</a><a href="javascript:translideshow1.navigate('forth')" style="margin-left:40px;">&raquo;</a>
</p></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td colspan="2"><TABLE width="100" BORDER="0" CELLPADDING="0" CELLSPACING="0">  
                  <TR>  
                    <?php foreach ($homepage_insetsRecords as $record): ?>
                    <TD>
                      <table width="320" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                          <?php foreach ($record['image'] as $index => $upload): ?>
                          <td class="tdHomeInset" width="<?php echo $upload['width'] ?>" height="<?php echo $upload['height'] ?>" valign="baseline" background="<?php echo $upload['urlPath'] ?>">
                            <a href="<?php echo htmlencode($record['link']) ?>">
                              <img src="images/single-pixel.gif" width="310" height="190" border="0">
                            </a>
                          </td>
                          <?php endforeach ?> 
                          <td rowspan="2"><img src="images/single-pixel.gif" width="20" height="1" /></td>
                        </tr>
                        <tr>
                          <td class="tdPaleOrangePanel"><h2 class="h2HomeInset" id="h2HomeInset"><a href="<?php echo htmlencode($record['link']) ?>"><?php echo htmlencode($record['title']) ?></a></h2>
                            <?php echo $record['content']; ?>
                            </td>
                        </tr>
                      </table>
                      <?php $maxCols=3; if (@++$count % $maxCols == 0): ?></TR><TR><?php endif; ?>  
                        <?php endforeach; ?>  
                        </TR>  
      </TABLE></td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><?php require_once('_include-footer.php'); ?></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td><img src="images/single-pixel.gif" width="25" height="10" /></td>
      <td><img src="images/single-pixel.gif" width="970" height="10" /></td>
      <td><img src="images/single-pixel.gif" width="25" height="10" /></td>
    </tr>
  </table>
</div>
</BODY>
</HTML>
