Hi, i'm building a small website for an architecture firm using Dreamweaver CS3, and i'm trying to get disjointed image to text rollovers to work. What i need is a table cell containing default text describing a category of architecture like healthcare. Below are a series of images, each image representing an individual project in its own cell, that when rolled over individually replace the default text with text describing that individual project. also each image, when clicked on, activates Lightbox2 slide show of additional images of that same project.

any and all help would be greatly appreciated, thankyou.

here's my code (lines specific to what's described above, other than Lightbox2, are italicised to avoid confusion. note: red_lake and lions_place refer to individual project names):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>health_care</title>
<link href="AWA.css" rel="stylesheet" type="text/css">

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

<style type="text/css">
div.color {
border-bottom: 1px solid #000000;
}

<!--
body {
background-color: #FFFFFF;
margin-top: 200px;
}
body,td,th {
font-family: Helvetica neue, sans-serif;
font-size: 10px;
color: #000000;
}
.style1 {font-size: 12px}
.style2 {border-left: 1px solid #000000;}
.style3 {border-right: 1px solid #000000;}
.style6 {
font-size: 18px;
font-weight: bold;
}
-->
</style>



<style type="text/css">
/*<![CDATA[*/

#default {
position:static;
font-family:Helvetica neue;
font-size:12px;
font-weight:normal;
}

#lions_place {
position:static;
display:none;
font-family:Helvetica neue;
font-size:12px;
font-weight:normal;
}

#red_lake {
position:static;
display:none;
font-family:Helvetica neue;
font-size:12px;
font-weight:normal;
}

/*//]]>*/
</style>


<script type="text/javascript">
//<![CDATA[
function rollOverImage(obj){
obj.src="working_images/home/lions_place2.jpg";
document.getElementById("default").innerHTML="";
document.getElementById("lions_place").style.display="block";
document.onmouseout=function(){
obj.src="working_images/home/lions_place2.jpg";
document.getElementById("default").innerHTML="Large Scale Housing Projects Default Text";
document.getElementById("lions_place").style.display="none";
}
}

//]]>
</script>

script type="text/javascript">
//<![CDATA[
function rollOverImage(obj){
obj.src="working_images/home/red_lake2.jpg";
document.getElementById("default").innerHTML="";
document.getElementById("red_lake").style.display="block";
document.onmouseout=function(){
obj.src="working_images/home/red_lake2.jpg";
document.getElementById("default").innerHTML="Large Scale Housing Projects Default Text";
document.getElementById("red_lake").style.display="none";
}
}

//]]>
</script>



</head>

<body>
<div align="center">
<table width="700" border="0" cellspacing="0" cellpadding="50">
<tr></tr>
</table>
<table width="700" border="0" cellspacing="0" cellpadding="10">
</table>
<table width="700" border="0" cellspacing="0" cellpadding="10">
<tr></tr>
</table>
<table width="700" border="0" cellspacing="0" cellpadding="50">
<tr></tr>
</table>
<table width="900" cellspacing="0" cellpadding="0">
<tr>
<td width="900" height="1" bgcolor="#000000" class="style2"></td>
<td rowspan="2" class="style3" /td> </tr>
<tr>
<td width="900" height="14" class="style2"></td>
</tr>
</table>
<table width="900" cellspacing="0" cellpadding="0">
<tr>
<td width="15" height="30" rowspan="3" class="style2"></td>
<td width="693" height="30" rowspan="3"><a href="AWA_projects.html"><img src="working_images/titles/projects_title.jpg" alt="projects_image" width="142" height="30" /></a></td>
<td width="15" height="30" rowspan="3"><span class="style1"></span></td>
<td width="162" height="15" align="left" valign="top"><a href="AWA.html" class="navigation">home</a></td>
<td width="15" height="30" rowspan="3" align="right" class="style3">&nbsp;</td>
</tr>
<tr>
<td width="162" height="15" align="left" valign="top"><a href="AWA_profile.html" class="navigation">profile</a></td>
</tr>
<tr>
<td width="162" height="15" align="left" valign="top"><a href="AWA_contact_us.html" class="navigation">contact us</a></td>
</tr>
</table>
<table width="900" cellspacing="0" cellpadding="0">
<tr>
<td width="900" height="15" class="style2">&nbsp;</td>
<td class="style3" /td>
</tr>
</table>
<table width="900" cellspacing="0" cellpadding="0">
<tr>
<td width="76" height="162" rowspan="9" bgcolor="#FEFEFE" class="style2">&nbsp;</td>
<td width="1" rowspan="9" bordercolor="#000000" bgcolor="#FFFFFF" class="style2">&nbsp;</td>
<td width="6" height="162" rowspan="9" align="left" valign="top" bgcolor="#FFFFFF"><p>&nbsp;</p> </td>
<td width="817" height="25" colspan="27" align="left" valign="top" bgcolor="#FFFFFF" ><p class="style6">large scale housing</p> </td>
<td width="15" rowspan="9" align="right" class="style3">&nbsp;</td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width="900" height="15" colspan="27" align="left" valign="top" bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td height="77" colspan="27" align="left" valign="top" bgcolor="#FFFFFF">
<div id="default">
Large scale housing projects category default text.
</div>

<div id="lions_place">
<b>Lions Place</b>
<br> Winnipeg, Manitoba <br> 287 unit Seniors Residence <br> $11.2 Million <br> September, 1983 <br/>
</div>

<div id="red_lake">
<b>Red Lake Hospital and Ambulance Bay Addition</b>
<br> Red Lake, Ontario <br> Nursing Wing Rehabilitation <br> $3.5 Million <br> May, 2000 <br/>
</div>

</td>

</tr>
<tr>
<td height="15" colspan="27" align="left" valign="top" bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td width="112" height="112" align="left" valign="top" bgcolor="#FFFFFF">
<a href="working_images/project_images/large_scale_housing/lions_place1.jpg" rel="lightbox[lions_place]" title="Lions Place" onmouseover="swap(this, 'showinfo', 'lions_place')"><div>
<img src="working_images/home/lions_place2.jpg" alt="lions_place" onmouseover="rollOverImage(lions_place)" width="112" height="112"/></div></a>

<a href="Working_Images/project_images/large_scale_housing/lions_place.jpg" rel="lightbox[lions_place]" title="Lions Place is an 18 storey Seniors residence located in downtown Winnipeg. The project consists of 287 residential units with two floors of resident support area. The residential support area includes an auditorium, dining room, green house, fitness facility, library and crafts area.

Andrew Wach acted as the design and project architect for the project on behalf of MMP Architects." onmouseover="swap(this, 'showinfo', 'lions_place')"></a>
</td>
<td height="112" width="15" align="left" valign="top" bgcolor="#FFFFFF"></td>
<td height="112" width="112" align="left" valign="top" bgcolor="#FFFFFF">
<a href="working_images/project_images/health_care/red_lake2.jpg" rel="lightbox[red_lake]" title="Red Lake Hospital & Ambulance Bay"onmouseover="swap(this, 'showinfo', 'red_lake')"><div>
<img src="working_images/home/red_lake2.jpg" alt="red_lake_hospital" onmouseover="rollOverImage(red_lake)" width="112" height="112"/></div></a>

<a href="working_images/project_images/health_care/red_lake1.jpg" title="Red Lake Hospital is a 28 bed primary health care facility located in Northern Ontario. The facility includes a pharmacy, medical rehabilitation, x-ray, surgery, out patient services, food services, laundry and administration. " rel="lightbox[red_lake]"></a>
<a href="working_images/project_images/health_care/red_lake4.jpg" title="The project consisted of developing a long term strategic plan for the Hospital with the planning consultants Agnew Peckham of Toronto and executing the stage 1 redevelopment of the nursing wing and the addition to the Hospital of an enclosed ambulance bay." rel="lightbox[red_lake]"></a>
<a href="working_images/project_images/health_care/red_lake3.jpg" title="The redevelopment of the Patient Care Area included a complete modernization of the Emergency Treatment Area, new Birthing Rooms, Staff Communications areas and Patient Support areas.
" rel="lightbox[red_lake]"></a>
<a href="working_images/project_images/health_care/red_lake5.jpg" title="The modernization included a complete mechanical and electrical systems upgrade including all medical related services. The work was completed by our office within a joint venture agreement with Corbett Cibinel Architects." rel="lightbox[red_lake]"></a>
</td>
<td height="112" width="15" align="left" valign="top" bgcolor="#FFFFFF"></td>
<td height="112" width="112" align="left" valign="top" bgcolor="#FFFFFF"><img src="working_images/profile_images/empty.jpg" width="112" height="112" /></td>
<td height="112" width="15" align="left" valign="top" bgcolor="#FFFFFF"></td>
<td height="112" width="112" align="left" valign="top" bgcolor="#FFFFFF"><img src="working_images/profile_images/empty.jpg" width="112" height="112" /></td>
<td height="112" width="15" align="left" valign="top" bgcolor="#FFFFFF"></td>
<td height="112" width="112" align="left" valign="top" bgcolor="#FFFFFF"><img src="working_images/profile_images/empty.jpg" width="112" height="112" /></td>
<td height="112" width="15" align="left" valign="top" bgcolor="#FFFFFF"></td>
<td height="112" width="15" align="left" valign="top" bgcolor="#FFFFFF"><a href="AWA_projects_large_scale_housing_2.html" class="navigation2"><</a></td>
<td width="15" height="112" align="left" valign="top" bgcolor="#FFFFFF"></td>
<td width="132" height="112" align="left" valign="top" bgcolor="#FFFFFF"></td>
</tr>
<tr>
<td height="15" colspan="27" align="left" valign="top" bgcolor="#FFFFFF"></td>
</tr>
<tr></tr>
</table>
<table width="900" cellspacing="0" cellpadding="0">
<tr>
<td width="900" height="15" class="style2">&nbsp;</td>
<td rowspan="3" class="style3" /td> </tr>
<tr></tr>
<td align="center" valign="bottom"><div class="color" /div>
</table>
</div>
</body>
</html>