Подскажите что я не так сделал
 

При наведении на кнопку должен код между тегами ДИВ заменяться из функции, а затем при отводе должен из другой функции подгружатся.

Пример 1, весь: http://argo34.ru/test/

Пример 2, часть скрипта:

<table border="0" cellspacing="0" cellpadding="3"><tr>
			<td class="m1_t"><span onClick="document.location.href='?str=structure
'" onMouseOver="NMenu1Over(0)" onMouseOut="NMenu1Out(0)" class="m1_c1"><div id="m1_c_0">
			<table border="0" cellspacing="0" cellpadding="0" height="24">
			<tr>
				<td width="5"><img border="0" src="styles/default/images/m1_c1_left.gif" width="5" height="24"></td>
				<td background="styles/default/images/m1_c1_center.gif" valign="top" class="m1_c2">Структура сайта</td>
				<td width="5"><img border="0" src="styles/default/images/m1_c1_right.gif" width="5" height="24"></td>
			</tr>
			</table>
			</div></span></td>
			<td class="m1_t"><span onClick="document.location.href='?str=statistican
'" onMouseOver="NMenu1Over(1)" onMouseOut="NMenu1Out(1)" class="m1_c1"><div id="m1_c_1">
			<table border="0" cellspacing="0" cellpadding="0" height="24">
			<tr>
				<td width="5"><img border="0" src="styles/default/images/m1_c1_left.gif" width="5" height="24"></td>
				<td background="styles/default/images/m1_c1_center.gif" valign="top" class="m1_c2">Статистика</td>
				<td width="5"><img border="0" src="styles/default/images/m1_c1_right.gif" width="5" height="24"></td>
			</tr>
			</table>
			</div></span></td>
			<td class="m1_t"><span onClick="document.location.href='?str=users
'" onMouseOver="NMenu1Over(2)" onMouseOut="NMenu1Out(2)" class="m1_c1"><div id="m1_c_2">
			<table border="0" cellspacing="0" cellpadding="0" height="24">
			<tr>
				<td width="5"><img border="0" src="styles/default/images/m1_c1_left.gif" width="5" height="24"></td>
				<td background="styles/default/images/m1_c1_center.gif" valign="top" class="m1_c2">Пользователи</td>
				<td width="5"><img border="0" src="styles/default/images/m1_c1_right.gif" width="5" height="24"></td>
			</tr>
			</table>
			</div></span></td>
			</tr></table>
<script>
function NMenu1Over(IdName){
NameMenu1 = 'Структура сайта,Статистика,Пользователи' ;
var aNameMenu1 = NameMenu1.toString().split(',') ;
document.getElementById('m1_c_' + IdName).innerHTML = '\n			<table border="0" cellspacing="0" cellpadding="0" height="24">\n			<tr>\n				<td width="5"><img border="0" src="styles/default/images/m1_c2_left.gif" width="5" height="24"></td>\n				<td background="styles/default/images/m1_c2_center.gif" valign="top" class="m1_c2">' + aNameMenu1[IdName] + '</td>\n				<td width="5"><img border="0" src="styles/default/images/m1_c2_right.gif" width="5" height="24"></td>\n			</tr>\n			</table>\n' ;
}
function NMenu1Out(IdName2){
NameMenu2 = 'Структура сайта,Статистика,Пользователи' ;
var aNameMenu2 = NameMenu1.toString().split(',') ;
document.getElementById('m1_c_' + IdName2).innerHTML = '\n			<table border="0" cellspacing="0" cellpadding="0" height="24">\n			<tr>\n				<td width="5"><img border="0" src="styles/default/images/m1_c1_left.gif" width="5" height="24"></td>\n				<td background="styles/default/images/m1_c1_center.gif" valign="top" class="m1_c2">' + aNameMenu2[IdName2] + '</td>\n				<td width="5"><img border="0" src="styles/default/images/m1_c1_right.gif" width="5" height="24"></td>\n			</tr>\n			</table>\n' ;
}
</script>

По моему слишком сложный код, попробуй его упростить.

не меняется внешний вид кнопок? Функции NMenu1Over, NMenu1Out вызываются?
p.s. у тебя NameMenu1, NameMenu2 - глобальные переменные... добавь перед ними var
p.p.s. не меняй весь html, меняй только то, что нужно

Я на CSS сделал, проще и работает :)

если кому интересно пример на edemtur.ru