Whenever I try to include an html page which uses remote rollovers the rollovers don't work. I am using this code for myh navigation..

Code:
<?php switch ($HTTP_GET_VARS[page])
{
case 'aboutus':
default:
include 'about.php';
break;

case 'news':
include 'news.php';
break;

case 'orders':
include 'request.htm';
break;

case 'products':
include 'products.html';
break;

case 'copyright':
include 'copyright.htm';
break;

case 'privacy':
include 'privacy.htm';
break;
}

?>
And this is for my html page (The HTML page works fine when it is opened by itself)

Code:
<html>
<head>
<title>WebsiteProductsApps</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (WebsiteProductsApps.psd) -->
<script type="text/javascript">
<!--

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		products_10_products_Layer_2_over = newImage("appsimages/products_10-products_Layer-.gif");
		products_10_products_Layer_2_copy_over = newImage("appsimages/products_10-products_Lay-13.gif");
		preloadFlag = true;
	}
}

// -->
</script>
<!-- End Preload Script -->
</head>
<table id="Table_01" width="703" height="373" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="7">
			<img src="appsimages/products_01.gif" width="703" height="13" alt=""></td>
	</tr>
	<tr>
		<td rowspan="4">
			<img src="appsimages/products_02.gif" width="10" height="359" alt=""></td>
		<td colspan="2">
			<a href="#"
				onmouseover="changeImages('products_10', 'appsimages/products_10-products_Layer-.gif'); return true;"
				onmouseout="changeImages('products_10', 'appsimages/products_10.gif'); return true;"
				onmousedown="changeImages('products_10', 'appsimages/products_10-products_Layer-.gif'); return true;"
				onmouseup="changeImages('products_10', 'appsimages/products_10-products_Layer-.gif'); return true;">
				<img src="appsimages/products_Layer-2.gif" width="83" height="26" border="0" alt=""></a></td>
		<td rowspan="2">
			<img src="appsimages/products_04.gif" width="36" height="39" alt=""></td>
		<td>
			<a href="#"
				onmouseover="changeImages('products_10', 'appsimages/products_10-products_Lay-13.gif'); return true;"
				onmouseout="changeImages('products_10', 'appsimages/products_10.gif'); return true;"
				onmousedown="changeImages('products_10', 'appsimages/products_10-products_Lay-13.gif'); return true;"
				onmouseup="changeImages('products_10', 'appsimages/products_10-products_Lay-13.gif'); return true;">
				<img src="appsimages/products_Layer-2-copy.gif" width="83" height="26" border="0" alt=""></a></td>
		<td colspan="2" rowspan="2">
			<img src="appsimages/products_06.gif" width="491" height="39" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="appsimages/products_07.gif" width="83" height="13" alt=""></td>
		<td>
			<img src="appsimages/products_08.gif" width="83" height="13" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="appsimages/products_09.gif" width="7" height="320" alt=""></td>
		<td colspan="4">
			<img name="products_10" src="appsimages/products_10.gif" width="665" height="308" alt=""></td>
		<td rowspan="2">
			<img src="appsimages/products_11.gif" width="21" height="320" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="appsimages/products_12.gif" width="665" height="12" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="appsimages/spacer.gif" width="10" height="1" alt=""></td>
		<td>
			<img src="appsimages/spacer.gif" width="7" height="1" alt=""></td>
		<td>
			<img src="appsimages/spacer.gif" width="76" height="1" alt=""></td>
		<td>
			<img src="appsimages/spacer.gif" width="36" height="1" alt=""></td>
		<td>
			<img src="appsimages/spacer.gif" width="83" height="1" alt=""></td>
		<td>
			<img src="appsimages/spacer.gif" width="470" height="1" alt=""></td>
		<td>
			<img src="appsimages/spacer.gif" width="21" height="1" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Thanks for the help!