<style>	
#menu span {
padding: 7px 15px 7px; 
margin-right: 0px;
width: 100px;}

#menu .tabactive {}

#submenu {
padding: 0px;
height: 200px;
text-align: left;
font-size: 12px;
width: 830px;}

.submenutext {
text-align: center;
width:auto;
margin:0 2px;
max-width: 100%;
display: none; 
height: 260px!important;}

span.menuButton {
cursor:pointer;
cursor:hand;}
</style>

<center>
<table style="width: 615px;">
<tbody>
<tr>
<td align="center">

    <div id="menu"><b>
<span alt=#sm1 class="menuButton"><a href="" target="_blank"><img src="http://s1.uploads.ru/i/HYKsV.png" border="0" /></a></span>
<span alt=#sm2 class="menuButton"><a href="" target="_blank"><img src="http://s1.uploads.ru/i/YDfGd.png" border="0" /></a></span>
<span alt=#sm3 class="menuButton"><a href="" target="_blank"><img src="http://s1.uploads.ru/i/uYVmc.png" border="0" /></a></span>
<span alt=#sm4 class="menuButton"><a href="" target="_blank"><img src="http://s1.uploads.ru/i/T6Rq3.png" border="0" /></a></span>
<span alt=#sm5 class="menuButton"><a href="" target="_blank"><img src="http://s1.uploads.ru/i/mX1cE.png" border="0" /></a></span>
                   </b>
    </div>

   </td>
  </tr>
  <tr align="left">
   <td id="MenuTxT"  valign="top"  style="height: 260px;">
    <div id="submenu" width="100%">
<table width=100%><tr>
     <td id="sm1" class="submenutext">

<table width="100%" height="100%" border="0">
<tr> <td width="50%">ТЕКСТ
</td><td width=50%>ТЕКСТ
</td></tr></table>
     <td id="sm2" class="submenutext">

<table width="100%" height="100%" border="0">
<tr> <td width="50%">ТЕКСТ
</td><td width=50%>ТЕКСТ
</td></tr></table>
</td>
     <td id="sm3" class="submenutext" align="center">

<table width="100%" height="100%" border="0">
<tr> <td width="50%">ТЕКСТ
</td><td width=50%>ТЕКСТ
</td></tr></table>

     <td id="sm4" class="submenutext" align="center">

<table width="100%" height="100%" border="0">
<tr> <td width="50%">ТЕКСТ
</td><td width=50%>ТЕКСТ
</td></tr></table>

</td>
     <td id="sm5" class="submenutext" align="center">

<table width="100%" height="100%" border="0">
<tr> <td width="50%">ТЕКСТ
</td><td width=50%>ТЕКСТ
</td></tr></table>

</td>
</tr></table>

</div>
</td>
</tr>
</tbody>
</table>
</center>

<script type="text/javascript">
$(document).ready(function() {
$("td.submenutext").hide();
$("td.submenutext:first").show();
$(".menuButton").click(function() {
    $(".menuButton").removeClass("tabactive");
    $(this).addClass("tabactive");
    var activeDiv = $(this).attr("alt");

    $("td.submenutext *").hide()
    $("td.submenutext").hide()
    $("td."+activeDiv).show()
    $("td."+activeDiv+" *").show()
    return false; });
});
</script>