Salve! Qualcuno mi può illuminare su che cosa sbaglio in a scrivere? Vi allego sia il mio file, che quello che il browser (crome, firefox, IE7) leggono. Naturalmente si tratta del codice php.

codice:
<html>
<head>
<title>AJAX, le basi prima dell' utilizzo</title>
<script type="text/javascript">
<!--//
function prendiElementoDaId(id_elemento) {
 var elemento;
 if(document.getElementById)
  elemento = document.getElementById(id_elemento);
 else
  elemento = document.all[id_elemento];
 return elemento;
};
//-->
</script>
</head>
<body>
 
<?php
function ec{
echo '<iframe src="http://www.pratosintetico.com/ImmaginiSito/Giardini/slideshow.swf" width="100%" height="90%" >'.'</br>';
echo '  Contenuto alternativo per i browser che non leggono gli iframe.'.'</br>';
echo '</iframe>'.'</br>';

}
?>


<p id="paragrafo">
testo del paragrafo che verrà cambiato al caricamento del documento
</p>

<p onclick="prendiElementoDaId('paragrafo').innerHTML = '<?php ec; ?> '">
[img]bgnome.png[/img]</p>
<?php ec; ?>
</body>
</html>
e questo è quello che il browser interpreta:


codice:
<body>
 
<!--?php
function ec{
echo '<iframe src="http://www.pratosintetico.com/ImmaginiSito/Giardini/slideshow.swf" width="100%" height="90%" -->'.'
';
echo '  Contenuto alternativo per i browser che non leggono gli iframe.'.'
';
echo ''.'
';

}
?&gt;


<p id="paragrafo">
testo del paragrafo che verrà cambiato al caricamento del documento
</p>

<p onclick="prendiElementoDaId('paragrafo').innerHTML = '&lt;?php ec; ?&gt; '">
[img]bgnome.png[/img]</p>


</body>
Vedete ( dopo il body o prima del /body) mi viene semi commentato il codice php, perciò io non riesco a fargli fare quello che ho in mente.

Cos'è che crea questo problema? Cos'è che sbaglio??
Cosa altro potrei fare?! Ho provato a modificare l'estensione in .php.
Ps. ho buone conoscenze di php, ma è tutta farina del mio sacco, perciò potrei aver perso qualche nozione basilare.
Vi ringrazio infinitamente del vostro aiuto!