why doesnt my lightbox work? here is the code:

i have placed this in my HEAD tags

<link rel="stylesheet" href="components/com_foo/foo.css" type="text/css" media="screen" />

<script type="text/javascript" src="components/com_foo/js/prototype.js"></script>
<script type="text/javascript" src="components/com_foo/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="components/com_foo/js/lightbox.js"></script>

and this is the code snippet that doesnt work

        $linkTarget = $mosConfig_live_site."/index.php?option=com_foo&page=show_ads&catid=$catid&adid=$row->id&Itemid=$Itemid";

        if($row->image_count > 0)
        {
            $rq = "SELECT thumb FROM #__foo_imagelist WHERE user_id = '$row->id' ORDER BY id "
            ."LIMIT 1";
            $database->setQuery($rq);
            $image_name = $database->loadResult();
            $image_link = $mosConfig_absolute_path."/components/com_foo/images/tmb/".$image_name;
            if(file_exists($image_link))
            
                        {
                $image_set = "<a href='components/com_foo/1.jpg' rel='lightbox'><img src='".$mosConfig_live_site."/components/com_foo/images/tmb/".$image_name."' align='center' border='5'></a>";
            }
            
            else
            {
                $image_set = "<a href=".$linkTarget." rel='lightbox'><img src='".$mosConfig_live_site."/components/com_foo/images/system/nopic.gif' align='center' border='0'></a>";            
            }
        }

Lightbox being javascript is client side.

Need to see the source generated to be sure whats going on.

i have attached the output files.

btw cool fly avatar. thawt twas a fly on my screen

Well having looked at the generated source in the zip file, I dont see the required files.

You need the three javascript files you mention above and lightbox.css file. In your source code there are links to 3 html files ???

<script type="text/javascript" src="index.php_files/prototype.htm"></script>
<script type="text/javascript" src="index.php_files/scriptaculous.htm"></script>
<script type="text/javascript" src="index.php_files/lightbox_002.htm"></script>

You need those js files and the css file.

i havent included them in the zip but they are there and havent been modified.

Should have made that clearer.

You have no links to the required files within your head element.

You need all these within your head tags.

<link rel="stylesheet" href="lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="lightbox.js"></script>