Probleme de javascript pour une galerie photo

Bonjour,
j'espère que je pose ma question au bon endroit.
alors voilà je veux faire une galerie de photos dans le genre de celle du site "le bon coin"
il me faut une grande photo et les autres photos concernant le sujet en plus petit sur le coté
les photos affichées en petit doivent s'afficher à la place de la grande quand on clique dessus(les petites).
j' arrive à aficher toutes les photos mais quand je clique sur une petite, celle-ci s'affiche sur une nouvelle page et non à la place de la grande.
je suis parti d'un article sur cette page : http://css.alsacreations.com/Tutoriels-JavaScript/galerie-photo-javascript
et le résultat voulu : http://css.alsacreations.com/xmedia/exemples/galerie_photo_js/ (sans le titre).
mais apres mise en place sur mon site je n'arrive pas à faire fonctionner.
voici mon fichier script.js :

function displayPics()
{
var photos = document.getElementById('galerie_mini') ;
// On récupère l'élément ayant pour id galerie_mini
var liens = photos.getElementsByTagName('a') ;
// On récupère dans une variable tous les liens contenu dans galerie_mini
var big_photo = document.getElementById('big_pict') ;
// Ici c'est l'élément ayant pour id big_pict qui est récupéré, c'est notre photo en taille normale

//var titre_photo = document.getElementById('photo').getElementsByTagName('dt')[0] ;
// Et enfin le titre de la photo de taille normale

// Une boucle parcourant l'ensemble des liens contenu dans galerie_mini
for (var i = 0 ; i < liens.length ; ++i) {
// Au clique sur ces liens
liens[i].onclick = function() {
big_photo.src = this.href; // On change l'attribut src de l'image en le remplaçant par la valeur du lien
//big_photo.alt = this.title; // On change son titre
//titre_photo.firstChild.nodeValue = this.title; // On change le texte de titre de la photo
return false; // Et pour finir on inhibe l'action réelle du lien
};
}
}
window.onload = displayPics;
// Il ne reste plus qu'à appeler notre fonction au chargement de la page

mon script de page web :
pour le corps :
<P></P>
<P><STRONG><U><FONT face=Georgia size=3></FONT></U></STRONG> </P>
<P><STRONG><U><FONT face=Georgia size=3></FONT></U></STRONG> </P>
<?Require('fonctions.php');
$ref=$_GET['ref'];
$conn=ConnexionBase();
$query="SELECT Reference, Prix, Localisation, Titre, Descriptif, Exclusivite FROM bien WHERE Reference LIKE '$ref' ORDER BY Prix ASC";
$res=mysql_query($query) or die("ne peut effectuer la requete");
$row=mysql_fetch_row($res);
?>
<P><STRONG><U><FONT face=Georgia size=3>
<?=$row[3]?></FONT></U></STRONG><BR><BR></P><!-- conteneur galerie photo -->
<DIV id=galerie align=left height="375" cellSpacing="0" cellPadding="0" width="610" border="0"><!-- grande photo -->
<DL id=photo height="375" width="500">
<?
$fic="DATA/".$row[0]."/Grand1.jpg";
echo "<dd><IMG id='big_pict' height=375 src=$fic width=500 border=0/></dd>";
?></DL><!-- petites photos -->
<UL id=galerie_mini height="375" cellSpacing="0" cellPadding="0" width="100" border="0" align="center"><!-- photo1 -->
<?
$fic="DATA/".$row[0]."/Mini1.jpg";
$ficG="DATA/".$row[0]."/Grand1.jpg";
echo "<li><a href=$ficG><img src=$fic /></a></li>";
?><!-- photo2 -->
<?
$fic="DATA/".$row[0]."/Mini2.jpg";
$ficG="DATA/".$row[0]."/Grand2.jpg";
if (file_exists($fic))
{
echo "<li><a href=$ficG><img src=$fic /></a></li>";
}
?><!-- photo3 -->
<?
$fic="DATA/".$row[0]."/Mini3.jpg";
$ficG="DATA/".$row[0]."/Grand3.jpg";
if (file_exists($fic))
{
echo "<li><a href=$ficG><img src=$fic /></a></li>";
}
?><!-- photo4 -->
<?
$fic="DATA/".$row[0]."/Mini4.jpg";
$ficG="DATA/".$row[0]."/Grand4.jpg";
if (file_exists($fic))
{
echo "<li><a href=$ficG><img src=$fic /></a></li>";
} ?></UL></DIV>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P>
<TABLE style="WIDTH: 612px; HEIGHT: 103px" borderColor=#000000 cellSpacing=0 cellPadding=0 width=612 border=1>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=Verdana color=#000000><STRONG>
<?=$row[4]?></STRONG></FONT></P>
<P> </P>
<P> </P></TD></TR></TBODY></TABLE></P>
<P>
<TABLE style="WIDTH: 613px; HEIGHT: 112px" borderColor=#000000 cellSpacing=0 cellPadding=0 width=613 border=1>
<TBODY>
<TR>
<TD>
<P>caractéristiques</P>
<P> </P>
<P> </P></TD></TR></TBODY></TABLE></P>
<TABLE style="WIDTH: 104px; HEIGHT: 38px" cellSpacing=0 cellPadding=0 width=104 align=center bgColor=#c0c0c0 border=1>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT size=2><A href="contact.asp?num_langue=7&num_page=23&flash=non">contact agence</A></FONT></STRONG></P></TD></TR></TBODY></TABLE>

pour la tete :
<script language="javascript" src="script.js">
</script>

le code source affiché par firefox :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title></title>
<meta name="description" content="">
<meta name="keywords" content="">

<meta name="generator" Content="IziSpot 4.10 (www.izispot.com)">
<meta http-equiv="Content-Type" content="text/html; charset="iso-8859-1">
<script language="javascript" src="script_053.js">

</script>


<!-----------les plugin----------------------->

<script language="JavaScript" src="menu_009.js"></script>
<script language="JavaScript" src="language_010.js"></script>
<script language="JavaScript" src="Ajax_022.js"></script>

<!-----------les plugin----------------------->


<style type="text/css">
<!--

td {color:#000000;font-family:Arial;font-size:9pt;font-weight:bold;text-decoration:none;}
a:link {color:#000000;font-family:Arial;font-size:11pt;font-weight:bold;text-decoration:none;}
a:visited {color:#8080FF;font-family:Arial;font-size:11pt;font-weight:bold;text-decoration:none;}
a:active {color:#000000;font-family:Arial;font-size:9pt;font-weight:bold;text-decoration:none;}
a:hover {color:#FF0000;font-family:Arial;font-size:9pt;font-weight:bold;text-decoration:none;}
body {background-color:#FFFFFF;background-image: url();}
.champ {color: #000000;font-family:Arial;font-size:9pt;font-weight:bold;text-decoration:none;;background-color: #FFFFFF;border: 1px solid #000000;}
Lcourant{100%}
Edition{color:#000000;background-color:#FFFFFF;font-family:Arial;font-size:9pt;font-weight:bold;text-decoration:none;}

-->
</style>


<script language="JavaScript">
<!--
function OpenWindow(URL,nom_win,parametres,largeur,hauteur)
{
var gauche = (screen.width - largeur)/2;
var haut = (screen.height - hauteur)/2;
if (screen.width - largeur<1) {gauche=0}
if (screen.height - hauteur<1) {hauteur=0}
if (hauteur!="" || largeur!="") {parametres=parametres+',left='+gauche+',top='+haut}
try
{w.close()}
catch (ex)
{
}
w=window.open(URL,nom_win,parametres);
}

function JumpMenu(cible,selectObj,restore)
{
eval(cible+".location='"+selectObj.options[selectObj.selectedIndex].value+"'");
if (restore){selectObj.selectedIndex=0};
}

init_menu()

//-->





</script>


<script language="javascript">
var tab=new Array();
var timer_menu_fade=5;
var largeur_menu="150";
var taille_ligne_tableau=25;
var couleur_de_fond="#FFFF80";
var couleur_de_rollover="#FFFFFF";
</script><!--ACTUA55|||||||||||||||||||||||||||||||||||||||||||||||||||||||-->


</head>
<body onmousemove='sourie_ie();' onload=' initialise_traduction();'>

<table width='948' border='0' cellspacing='0' cellpadding='0' align='center'><tr><td><div id='PosCharte' style='position:relative;width:948px; height:1000px;'>


<div id='obj_6' style='position:absolute; left:34px; top:28px; width:881px; height:193px; z-index:4; overflow:visible;'>
<table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0">

<tr><td align="center" valign="middle"><img src='image_025.jpg' id='logo'></td></tr>
</table>
<div id='obj_enfant_6' style='position:relative'>
<div id='obj_9' style='position:absolute; left:-34px; top:-221px; width:35px; height:998px; z-index:5'>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:35px; height:1000px; z-index:1; background-color: #FFFF33; layer-background-color: #FFFFFF; border: 1px none #000000"></div>

</div>
<div id='obj_10' style='position:absolute; left:0px; top:-221px; width:881px; height:29px; z-index:6'>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:881px; height:29px; z-index:1; background-color: #FFFF33; layer-background-color: #FFFFFF; border: 1px none #000000"></div>
</div>
<div id='obj_11' style='position:absolute; left:881px; top:-221px; width:33px; height:1000px; z-index:7'>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:35px; height:1000px; z-index:1; background-color: #FFFF33; layer-background-color: #FFFFFF; border: 1px none #000000"></div>
</div>
<div id='obj_12' style='position:absolute; left:1px; top:746px; width:880px; height:33px; z-index:8'>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:880px; height:33px; z-index:1; background-color: #FFFF33; layer-background-color: #FFFFFF; border: 1px none #000000"></div>
</div>
</div>

</div>
<div id='obj_7' style='position:absolute; left:35px; top:220px; width:880px; height:40px; z-index:3; overflow:visible;'>
<table border="2" cellpadding="0" cellspacing="15" bgcolor="#000000" bordercolor="#FFFF00" background="">
<tr>
<!---->
<td>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
</tr>

<tr>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
<td align="center" height="10" bgcolor="#000000" style="background-image: url();"><hide><a href="accueil_011.htm" target="_self" ><font color="#FFFF00" style="font-family:Arial;font-size:11pt;font-weight:bold;text-decoration:none;">Accueil</font></a></td>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
</tr>
<tr>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>

<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
</tr>
</table>
</td>
<!---->
<td>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>

<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
</tr>
<tr>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
<td align="center" height="10" bgcolor="#000000" style="background-image: url();"><hide><a href="rechercher_un_bien_037.php" target="_self" ><font color="#FFFF00" style="font-family:Arial;font-size:11pt;font-weight:bold;text-decoration:none;">Rechercher un bien</font></a></td>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
</tr>
<tr>

<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
</tr>
</table>
</td>
<!---->
<td>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>

<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
</tr>
<tr>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
<td align="center" height="10" bgcolor="#000000" style="background-image: url();"><hide><a href="liste_des_biens_020.php" target="_self" ><font color="#FFFF00" style="font-family:Arial;font-size:11pt;font-weight:bold;text-decoration:none;">Liste des biens</font></a></td>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>

</tr>
<tr>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
</tr>
</table>
</td>
<!---->
<td>

<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
</tr>
<tr>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
<td align="center" height="10" bgcolor="#000000" style="background-image: url();"><hide><a href="description_du_bien_046.php" target="_self" ><font color="#FFFF00" style="font-family:Arial;font-size:11pt;font-weight:bold;text-decoration:none;">Contact</font></a></td>

<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
</tr>
<tr>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
<td align="center" valign="top" style="background-image: url();" width="1" height="1"></td>
</tr>
</table>
</td>

<!---->
</tr>
</table>
</div>
<div id='obj_8' style='position:absolute; left:35px; top:278px; width:880px; height:690px; z-index:2; overflow:auto;'>


<table border='0' cellpadding='0' cellspacing='0' width='100%' align='center'><tr><td>

<!--ACTUA29|||||||||||||||||||||||||||||-->
<P></P>
<P><STRONG><U><FONT face=Georgia size=3></FONT></U></STRONG> </P>
<P><STRONG><U><FONT face=Georgia size=3></FONT></U></STRONG> </P>
<P><STRONG><U><FONT face=Georgia size=3>
</FONT></U></STRONG><BR><BR></P><!-- conteneur galerie photo -->
<DIV id=galerie align=left border="0" width="610" cellPadding="0" cellSpacing="0" height="375"><!-- grande photo -->

<DL id=photo width="500" height="375">
<dd><IMG id='big_pict' height=375 src=DATA/BIEN000001/Grand1.jpg width=500 border=0/></dd></DL><!-- petites photos -->
<UL id=galerie_mini border="0" width="100" cellPadding="0" cellSpacing="0" height="375" align="center"><!-- photo1 -->
<li><a href=DATA/BIEN000001/Grand1.jpg><img src=DATA/BIEN000001/Mini1.jpg /></a></li><!-- photo2 -->
<li><a href=DATA/BIEN000001/Grand2.jpg><img src=DATA/BIEN000001/Mini2.jpg /></a></li><!-- photo3 -->
<li><a href=DATA/BIEN000001/Grand3.jpg><img src=DATA/BIEN000001/Mini3.jpg /></a></li><!-- photo4 -->
<li><a href=DATA/BIEN000001/Grand4.jpg><img src=DATA/BIEN000001/Mini4.jpg /></a></li></UL></DIV>
<P> </P>
<P> </P>
<P> </P>
<P> </P>
<P>
<TABLE style="WIDTH: 612px; HEIGHT: 103px" borderColor=#000000 cellSpacing=0 cellPadding=0 width=612 border=1>
<TBODY>
<TR>
<TD>
<P align=center><FONT face=Verdana color=#000000><STRONG>

</STRONG></FONT></P>
<P> </P>
<P> </P></TD></TR></TBODY></TABLE></P>
<P>
<TABLE style="WIDTH: 613px; HEIGHT: 112px" borderColor=#000000 cellSpacing=0 cellPadding=0 width=613 border=1>
<TBODY>
<TR>
<TD>
<P>caractéristiques</P>
<P> </P>
<P> </P></TD></TR></TBODY></TABLE></P>
<TABLE style="WIDTH: 104px; HEIGHT: 38px" cellSpacing=0 cellPadding=0 width=104 align=center bgColor=#c0c0c0 border=1>
<TBODY>
<TR>
<TD>
<P align=center><STRONG><FONT size=2><A href="contact_048.htm"></A></FONT></STRONG></P></TD></TR></TBODY></TABLE>
</td></tr></table>
</div>
</div></td></tr></table>
<script language="javascript">
</script>
</body>
</html>


l appel <script language="javascript" src="script_053.js"> n est pas le bon fichier
il contient ces infos :
<HTML><BODY><H1>404 - Not Found</H1><p><p>Requested file 'C:\Program Files\Maïdo Production\IziSpot 4\root\script.js' not found on this server</BODY></HTML>

le fichier script.js se trouve au meme niveau que ma page d'acceuil dans le répertoire du site.
voilà j'espère que j ai donné assez de renseignements (et j'espere pas trop non plus) pour que quelqu'un puisse m'aider(please help me please ! )
ah oui le site a été créé à l'aide d'izispot (mais je pense vous que vous vous en êtes aperçu
merci d'avance pour votre aide si vous pouvez.