im trying to use a frontpage gallery that is java/html based.
Everything is working great however when the page loads it is supposed to have 5 scrolled images accross the top but it shows all 10 but if you click the left arrow beside the images it shrinks down to the 5 images. Any one have any ideas?

heres the site: http://www.arcoregroup.ca/modules/projects/

<code>
<picture file-href="real_p.htm" />
<picture file-href="real_x.htm" />

<script language="javascript" src="sldshow.js">
<!---->
</script>
<center>
<table border="0" cellspacing="0" cellpadding="5" width="700" dir="ltr">
<tr>
<td nowrap="" align="center">
<layer visibility="hide">
<img border="0" align="middle" src="prevdis.gif" lowsrc="prev.gif" id="fpGalleryLeftBtn_8585" onclick="JavaScript:fp_ScrollLeft(8585)" />
</layer>
<script language="JavaScript1.1">
<!--
if (fp_ie4()) {
document.write("<span align='center' style='width:620;overflow:hidden' id='fpGalleryListCell_8585'>");
}
if (fp_ns6()) {
document.getElementById("fpGalleryLeftBtn_8585").style.visibility="hidden"
}
-->
</script>
<a target="_self" href="Javascript:fp_ShowImg(document['fpphoto_1270'],'640','480','8585',0);"><img hspace="10" vspace="5" border="0" src="Img_4097.jpg" id="fpphoto_1270" name="fpphoto_1270" lowsrc="images/Img_4097.jpg" width="100" height="75" title="" align="absmiddle" /></a>
<a target="_self" href="Javascript:fp_ShowImg(document['fpphoto_5561'],'640','480','8585',1);"><img hspace="10" vspace="5" border="0" src="Img_4101.jpg" id="fpphoto_5561" name="fpphoto_5561" lowsrc="images/Img_4101.jpg" width="100" height="75" title="" align="absmiddle" /></a>
<a target="_self" href="Javascript:fp_ShowImg(document['fpphoto_8508'],'640','480','8585',2);"><img hspace="10" vspace="5" border="0" src="Img_4219.jpg" id="fpphoto_8508" name="fpphoto_8508" lowsrc="images/Img_4219.jpg" width="100" height="75" title="" align="absmiddle" /></a>
<a target="_self" href="Javascript:fp_ShowImg(document['fpphoto_2190'],'640','480','8585',3);"><img hspace="10" vspace="5" border="0" src="Img_4220.jpg" id="fpphoto_2190" name="fpphoto_2190" lowsrc="images/Img_4220.jpg" width="100" height="75" title="" align="absmiddle" /></a>
<a target="_self" href="Javascript:fp_ShowImg(document['fpphoto_8969'],'640','480','8585',4);"><img hspace="10" vspace="5" border="0" src="Img_4314.jpg" id="fpphoto_8969" name="fpphoto_8969" lowsrc="images/Img_4314.jpg" width="100" height="75" title="" align="absmiddle" /></a>
<script language="JavaScript1.1">
<!--
if (fp_ns6()) {
document.write("");
}
-->
</script>
<a target="_self" href="Javascript:fp_ShowImg(document['fpphoto_4318'],'640','480','8585',5);"><img hspace="10" vspace="5" border="0" src="Img_4315.jpg" id="fpphoto_4318" name="fpphoto_4318" lowsrc="images/Img_4315.jpg" width="100" height="75" title="" align="absmiddle" /></a>
<a target="_self" href="Javascript:fp_ShowImg(document['fpphoto_6843'],'640','480','8585',6);"><img hspace="10" vspace="5" border="0" src="Img_4138.jpg" id="fpphoto_6843" name="fpphoto_6843" lowsrc="images/Img_4138.jpg" width="100" height="75" title="" align="absmiddle" /></a>
<a target="_self" href="Javascript:fp_ShowImg(document['fpphoto_6779'],'640','480','8585',7);"><img hspace="10" vspace="5" border="0" src="Img_4140.jpg" id="fpphoto_6779" name="fpphoto_6779" lowsrc="images/Img_4140.jpg" width="100" height="75" title="" align="absmiddle" /></a>
<a target="_self" href="Javascript:fp_ShowImg(document['fpphoto_488'],'640','480','8585',8);"><img hspace="10" vspace="5" border="0" src="Img_4142.jpg" id="fpphoto_488" name="fpphoto_488" lowsrc="images/Img_4142.jpg" width="100" height="75" title="" align="absmiddle" /></a>
<a target="_self" href="Javascript:fp_ShowImg(document['fpphoto_352'],'640','480','8585',9);"><img hspace="10" vspace="5" border="0" src="Img_4223.JPG" id="fpphoto_352" name="fpphoto_352" lowsrc="images/Img_4223.jpg" width="100" height="75" title="" align="absmiddle" /></a>
<span style="width:0;height:75;visibility:hidden">.</span>
<script language="JavaScript1.1">
<!--
if (fp_ie4()) {
document.write("</span>");
}
-->
</script>
<layer visibility="hide">
<img border="0" align="middle" src="next.gif" lowsrc="nextdis.gif" id="fpGalleryRightBtn_8585" onclick="JavaScript:fp_ScrollRight(8585)" />
<script language="JavaScript1.1">
rightdisabled = false
widthLength = 620
if (fp_ns6()) {
document.getElementById("fpGalleryRightBtn_8585").style.visibility="hidden"
}

</script>
</layer>
<hr style="height:1" />
</td>
</tr>
</table>
<img id="fpGalleryMainImg_8585" name="fpGalleryMainImg_8585" width="640" height="480" src="images/Img_4097.jpg" title="" />
</center>
<center>
<p align="left" style="margin-top: 0; margin-bottom: 0">&nbsp;</p>
<p align="left" style="margin-top: 0; margin-bottom: 0"><b>
<font face="Franklin Gothic Medium">Sheppard Ave Toronto</font></b></p>
<p align="left"><b><font face="QuickType">Suspended Slab & Balcony Slab
Waterproofing.</font></b></p>
<p align="left">&nbsp;</p>
<script language="javascript" src="sldshow.js">
<!---->
</script>
<table border="0" cellspacing="0" cellpadding="5" width="500" dir="ltr">
<tr>
<td nowrap="" align="center">
<layer visibility="hide">
<img border="0" align="middle" src="prevdis.gif" lowsrc="prev.gif" id="fpGalleryLeftBtn_1207" onclick="JavaScript:fp_ScrollLeft(1207)" />
</layer>
<script language="JavaScript1.1">
<!--
if (fp_ie4()) {
document.write("<span align='center' style='width:500;overflow:hidden' id='fpGalleryListCell_1207'>");
}
if (fp_ns6()) {
document.getElementById("fpGalleryLeftBtn_1207").style.visibility="hidden"
}
-->
</script>
<a target="_self" href="Javascript:fp_ShowImg(document['fpphoto_7797'],'640','480','1207',0);"><img hspace="10" vspace="5" border="0" src="Img_4298.jpg" id="fpphoto_7797" name="fpphoto_7797" lowsrc="images/Img_4298.jpg" width="100" height="75" title="" align="center" /></a>
<a target="_self" href="Javascript:fp_ShowImg(document['fpphoto_725'],'640','480','1207',1);"><img hspace="10" vspace="5" border="0" src="Img_4299.jpg" id="fpphoto_725" name="fpphoto_725" lowsrc="images/Img_4299.jpg" width="100" height="75" title="" align="center" /></a>
<a target="_self" href="Javascript:fp_ShowImg(document['fpphoto_3901'],'640','480','1207',2);"><img hspace="10" vspace="5" border="0" src="Img_4305.jpg" id="fpphoto_3901" name="fpphoto_3901" lowsrc="images/Img_4305.jpg" width="100" height="75" title="" align="center" /></a>
<a target="_self" href="Javascript:fp_ShowImg(document['fpphoto_2147'],'640','480','1207',3);"><img hspace="10" vspace="5" border="0" src="Img_4306.jpg" id="fpphoto_2147" name="fpphoto_2147" lowsrc="images/Img_4306.jpg" width="100" height="75" title="" align="center" /></a>
<span style="width:0;height:75;visibility:hidden">.</span>
<script language="JavaScript1.1">
<!--
if (fp_ie4()) {
document.write("</span>");
}
-->
</script>
<layer visibility="hide">
<img border="0" align="center" src="nextdis.gif" lowsrc="next.gif" id="fpGalleryRightBtn_1207" onclick="JavaScript:fp_ScrollRight(1207)">
<script language="JavaScript1.1">
if (fp_ns6()) {
document.getElementById("fpGalleryRightBtn_1207").style.visibility="hidden"
}

</script>
</img>
</layer>
<hr style="height:1" />
</td>
</tr>
</table>
<img id="fpGalleryMainImg_1207" name="fpGalleryMainImg_1207" width="640" height="480" src="images/Img_4298.jpg" title="" />
</center>

</code>

Hmm checked this in FireFox and I cannot even see the arrow, also in Opera I cannot produce this page as it's intended.

It seems this code is written to match the needs of Internet Explorer 4+ only, so I think the best solutuon is to find another good rotator like this that is supported by all the different browsers.

Maybe try something like this. It looks the same but very simple to install

http://www.gmarwaha.com/jquery/jcarousellite/index.php#demo