XML issue

I cant seem to get my xml file to work properly.. it seems after I add the php code and convert it to php.. some of the xml code is getting messed up..

here is my xml.php code:
<?php echo '<?xml version="1.0" encoding="utf-8"?>'; ?>
<?php


// load viewer library
$libraryPath = 'admin/lib/viewer_functions.php';
$dirsToCheck = array('XXXX');
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
list($homepage_slidesRecords, $homepage_slidesMetaData) = getRecords(array(
'tableName' => 'homepage_slides',
));
?>
<data>
<!-- banner config setting -->
<setting>
<version>1.0</version>
<!-- banner size -->
<size>499,231</size>
<!-- autoplay or not when init ( 1 or 0 ) -->
<autoplay>1</autoplay>
<!-- slide time (second) -->
<slidetime>5</slidetime>
<!-- tween motion setting -->
<tweentime>1.2</tweentime>
<tweentype>easeInOutBack</tweentype>
<!-- h or v or r (horizontal or vertical or random), mask motion direction-->
<direction>r</direction>
<!-- text tween motion setting -->
<texttweentime>0.8</texttweentime>
<texttweentype>easeInOutBack</texttweentype>
</setting>

<!-- banner data source -->
<?php foreach ($homepage_slidesRecords as $record): ?>
<?php foreach ($record['image_upload'] as $upload): ?>
<banner>
<image imageurl="<?php echo $upload['urlPath'] ?>" link="<?php echo $record['link'] ?>"></image>
<text><![CDATA[<font color="#FFFFFF"><a href="<?php echo $record['link'] ?>"><u><?php echo $record['headline'] ?></u></a></font>]]></text>
</banner>
<?php endforeach ?>
<?php endforeach ?>
</data>


Here a link to view the xml.php file and see what it displays:
http://www.vandrewalbanomilam.com/test/xml/data.xml.php