Thank you for helping me with my code, the team here is really good at helping out the users, and I appreiate your time and knowledge.

I am still learning Php and have made allot of improvements but as you can see I am still learning.
Any tips on learning more about php, sites or books you used to learn?

Thanks again.

<div align="left"><?php echo $record['gmappicture']; ?></div>

The attached picture shows more detail of what I was doing.

What I would like to do, is use the first picture in the uploads field for each of the houses listed with a thumbnail size of 150x150 pixels in the google maps markers, instead of using the gmappicture upload field, which should be possible.

Then I tried this code in place of the one above, but it keeps showing the same house in each of the google map markers.

<div align="center"><img src="<?php echo $upload['urlPath'] ?>" width="150" height="150" border="1" alt="<?php echo $upload['info1'] ?>" /></div>

http://www.333rent.com/gmaptest.php

Here is the code of site.

<script type="text/javascript" src="code/over.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
  var mapCanvasId = 'map_canvas';
  var mapOptions  = { center: new google.maps.LatLng(39.0319389, -94.5304009),
          zoom: 10, mapTypeId: google.maps.MapTypeId.ROADMAP };
  var map         = new google.maps.Map(document.getElementById(mapCanvasId), mapOptions);
  var bounds      = new google.maps.LatLngBounds();
  var infowindow  = new google.maps.InfoWindow();
<?php
foreach ($myRecords as $record) {
  if (!$record['latitude'] || !$record['longitude']) { continue; }
  $jsFunctionArgs = "{$record['latitude']}, {$record['longitude']}, {$record['num']}, '" .escapeJs($record['_link']). "'";
  print "  _geocoder_addMarker($jsFunctionArgs);\n";
}
?>

  //
  function _geocoder_addMarker(latitude, longitude, recordNum, detailLink) {
    var latLng       = new google.maps.LatLng(latitude, longitude);
    var infowindowEl = document.getElementById('marker_infowindow_' + recordNum);
    var marker       = new google.maps.Marker({ map: map, position: latLng });
    google.maps.event.addListener(marker, 'click', function() {
      if (infowindowEl) {
        infowindow.setContent(infowindowEl.innerHTML);
        infowindow.open(map, marker);
      }
      else {
        window.location = detailLink;
      }
    });
  }
}

</script>

<?php $hasAddresses = array_filter(array_pluck($myRecords, 'latitude')); ?>
  <?php if ($hasAddresses): ?>
    <div id="map_canvas"></div>
  <?php endif ?>

  <?php if (!$hasAddresses): ?>
    <div id="map_canvas"></div>
  <?php endif ?>
 
  <div id="marker_details" style="display: none;">
    <?php foreach ($myRecords as $record): ?>

      <?php // marker_infowindow_### is the content displayed in the info-window on click ?>
      <div id="marker_infowindow_<?php echo $record['num']; ?>">
    <table cellspacing="0" cellpadding="0" border="0" width="250" height="175">
<tr>
    <td valign="top">
        <img src="img/nien.gif" width="250" height="1" alt="">
        <div align="center"><strong><font size="+1"><?php echo htmlspecialchars( @$record['address']); ?></font></strong></div><br />
        <div align="left"><?php echo $record['summary']; ?></div>
        <div align="center"><img src="<?php echo $upload['urlPath'] ?>" width="150" height="150" border="1" alt="<?php echo $upload['info1'] ?>" /></div>    
        <div align="center">&nbsp;&nbsp;&nbsp;&nbsp;<?php echo $record['bedrooms']; ?> x Bed&nbsp;&nbsp;&nbsp;&nbsp;<?php echo $record['bathrooms']; ?> x Bath&nbsp;&nbsp;&nbsp;&nbsp;</div>
        <div align="center"><a href="<?php echo $record['_link']; ?>"><strong>VIEW PROPERTY</strong></a></div>
    
    </td>
</tr>
</table>
</div>
<?php endforeach ?>

Thank you for your help

Sorry it took so long to reply back, was working on some more of the site.

Edit

I fixed the issues by adding charset="utf-8" to the javascript code/fadeslideshow.js, weird, but it worked :)

Is their a way to add a descrption for the featured images like they have in the example below.
I think their is some way when uploading to add a description in one of the extra fields, but not sure how that works.

imagearray: [
        ["http://www.dynamicdrive.com/dynamicindex14/shockwave/images/1.jpg", "", "", "There is beauty to be found in nature not just in grand landscapes, but in the petals of an unassuming flower"],
        ["http://www.dynamicdrive.com/dynamicindex14/shockwave/images/3.jpg", "", "", "The iconic telephone booths of London now in a very unfamiliar place."],
        ["http://www.dynamicdrive.com/dynamicindex14/shockwave/images/7.jpg", "", "", "A piano not played is a piano that's wasting away. "],
        ["http://www.dynamicdrive.com/dynamicindex14/shockwave/images/4.jpg", "", "", "Alone and being lonely. It's a state of mind. Which one does this image evoke in you?"] //<--no trailing comma after very last image element!

This is a different question but in the Admin > Section Editors their is a Drag field where you can move the columns around.

Is their anyway to add that feature to the Listings section so I can rearrange the houses where I want them?

Thanks!

Unfortunately the new script does not work for some reason, it does not show any images on the page.Here are the two different version on the website below.

The first one works, but thats just using the handcoded images.

http://kansashousebuyers.com/slidetest1.php

This is the new one with the changes you suggested, but no images are coming through.

http://kansashousebuyers.com/slidetest2.php

I have attached both files as well.
Not sure if I am doing something wrong here or not, but thanks for the help you are providing.

<?php
  // load viewer library
  $libraryPath = 'amcms/lib/viewer_functions.php';
  $dirsToCheck = array('','/','../','../../','../../../','../../../../');
  foreach ($dirsToCheck as $dir) { if (@include_once("$dir$libraryPath")) { break; }}
  if (!function_exists('getRecords')) { die("Couldn't load viewer library, check filepath in sourcecode."); }

  if (!@$GLOBALS['GEOCODER_PLUGIN']) { die("You must activate the Geocoder plugin before you can access this page."); }

  // get records
  list($myRecords, $myMetaData) = getRecords(array(
    'tableName' => "listings",
  ));
 
?>
<!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="stylesheet" type="text/css" href="style_1.css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<!-- optional touchswipe file to enable swipping to navigate slideshow -->
<script type="text/javascript" src="code/jquery.touchSwipe.min.js"></script>
<script type="text/javascript" src="code/fadeslideshow.js">

/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/

</script>

<script type="text/javascript">

var mygallery=new fadeSlideShow({
    wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    dimensions: [250, 180], //width/height of gallery in pixels. Should reflect dimensions of largest image
    imagearray: [
        ["img/pool.jpg","http://www.linktohousepage1.php", "_top"],
        ["img/cave.jpg","http://www.linktohousepage2.php", "_top"],
        ["img/fruits.jpg","http://www.linktohousepage3.php", "_top"],
        ["img/dog.jpg","http://www.linktohousepage4.php", "_top"] //<--no trailing comma after very last image element!
    ],
    displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
    persist: false, //remember last viewed slide and recall within same session?
    fadeduration: 500, //transition duration (milliseconds)
    descreveal: "always",
    togglerid: ""
})

</script>
<script type="text/javascript" src="code/over.js"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
function initialize() {
  var mapCanvasId = 'map_canvas';
  var mapOptions  = { center: new google.maps.LatLng(39.0319389, -94.5304009),
          zoom: 10, mapTypeId: google.maps.MapTypeId.ROADMAP };
  var map         = new google.maps.Map(document.getElementById(mapCanvasId), mapOptions);
  var bounds      = new google.maps.LatLngBounds();
  var infowindow  = new google.maps.InfoWindow();
<?php
foreach ($myRecords as $record) {
  if (!$record['latitude'] || !$record['longitude']) { continue; }
  $jsFunctionArgs = "{$record['latitude']}, {$record['longitude']}, {$record['num']}, '" .escapeJs($record['_link']). "'";
  print "  _geocoder_addMarker($jsFunctionArgs);\n";
}
?>

  //
  function _geocoder_addMarker(latitude, longitude, recordNum, detailLink) {
    var latLng       = new google.maps.LatLng(latitude, longitude);
    var infowindowEl = document.getElementById('marker_infowindow_' + recordNum);
    var marker       = new google.maps.Marker({ map: map, position: latLng });
    google.maps.event.addListener(marker, 'click', function() {
      if (infowindowEl) {
        infowindow.setContent(infowindowEl.innerHTML);
        infowindow.open(map, marker);
      }
      else {
        window.location = detailLink;
      }
    });
  }
}

</script>


</head>

<body bgcolor="#8d8d8d" topmargin="0" marginheight="0" onload="initialize()">
<table align="center" cellspacing="0" cellpadding="0" border="0">
<tr>
    <td>    
<img src="img/nien.gif" width="1" height="20" alt="">
<table cellspacing="0" cellpadding="0" border="0" width="945" bgcolor="#ffffff">
<tr>
    <td><table cellspacing="0" cellpadding="0" border="0">
<tr>
    <td width="618" height="132"><a href="index.php"><img src="img/logo_top.gif" width="618" height="132" border="0" alt=""></a></td>
    <td width="327">
    <table cellspacing="0" cellpadding="0" border="0">
<tr>
    <td colspan="3"><img src="img/address.gif" width="327" height="66" alt=""></td>
</tr>
<tr>
    <td colspan="3"><a href="mailto:333rent@stewardshipllc.com" onmouseover="buttondown('emailbutton')" onmouseout="buttonup('emailbutton')"><img src="img/email_0.gif" width="313" height="26" alt="" border="0" name="emailbutton"></a></td>
</tr>
<tr>
    <td><img src="img/blank_social.gif" width="260" height="40" alt=""></td>
    <td><a href="https://twitter.com/333Rent_KC" onmouseover="buttondown('twitterbutton')" onmouseout="buttonup('twitterbutton')"><img src="img/twitter_0.gif" width="28" height="40" alt="" border="0" name="twitterbutton"></a></td>
    <td><a href="https://www.facebook.com/333rent" onmouseover="buttondown('facebookbutton')" onmouseout="buttonup('facebookbutton')"><img src="img/facebook_0.gif" width="39" height="40" alt="" border="0" name="facebookbutton"></a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" border="0" width="945" height="133" bgcolor="#ffffff">
<tr>
    <td>
    <img src="img/nien.gif" width="1" height="14" alt="">
    <table cellspacing="0" cellpadding="0" border="0">
<tr>
    <td width="14"></td>
    <td valign="top" width="628">
    <TABLE WIDTH="100" BORDER="0" ALIGN="CENTER" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD class="tdMainImageCell">
<div id="fadeshow1"></div></TD>
</TR>
</TABLE>
</BODY>
</HTML>

This works handcoded, but I would like to have it work within the CMSB so it can be easily updated.

I have uploaded pictures of the backend to show you how I set that up.

Thank you for your help.