На чём написан каталог?

Подскажите пожалуйста как этот каталог сделан, если 1, 2 раза нажать на картинку с номером ламината, то этот ламинат появляется в комнате.

По идеи на AJAX должно быть сделано, а оно на...

вот ссылка на каталог http://www.protecoflooring.ru/katalog/interyeri/

а вот код

<b>Интерьеры</b>

<br><br></h2>
    <p><br>

<iframe style="width: 100px; height: 100px; display: none;" src="http://www.protecoflooring.ru/sce/262/"></iframe><br></p><div class="mainblock"><h1></h1>
<div class="mb_text">
<script type="text/javascript">
 spo_browser='FireFox'; 
</script>
<img src="http://www.protecoflooring.ru/protecoflooring.ru/img/17.jpg" id="showimagespectro0" style="position: absolute; display: block; visibility: visible; opacity: -0.1;">
<img style="visibility: visible; opacity: 1.1;" id="showimagespectro" src="http://www.protecoflooring.ru/protecoflooring.ru/img/25.jpg">
<table align="center" cellpadding="0" cellspacing="0"><tbody><tr>

<td><img id="picspectro179511" style="cursor: pointer; border: 4px solid rgb(232, 232, 232);" onclick="SPO(179511,'http://www.protecoflooring.ru/protecoflooring.ru/img/17.jpg','4px #DC8800 solid','4px #E8E8E8 solid');" src="http://www.protecoflooring.ru/protecoflooring.ru/img/17_1.jpg" onmouseover="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/17_1_a.png'" onmouseout="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/17_1.jpg'" height="75" width="75"></td>
<td>&nbsp;</td>

<td><img id="picspectro1886911" style="cursor: pointer; border: 4px solid rgb(232, 232, 232);" onclick="SPO(1886911,'http://www.protecoflooring.ru/protecoflooring.ru/img/18.jpg','4px #DC8800 solid','4px #E8E8E8 solid');" src="http://www.protecoflooring.ru/protecoflooring.ru/img/18_1.jpg" onmouseover="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/18_1_a.png'" onmouseout="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/18_1.jpg'" height="75" width="75"></td>
<td>&nbsp;</td>

<td><img id="picspectro1918011" style="cursor: pointer; border: 4px solid rgb(232, 232, 232);" onclick="SPO(1918011,'http://www.protecoflooring.ru/protecoflooring.ru/img/19.jpg','4px #DC8800 solid','4px #E8E8E8 solid');" src="http://www.protecoflooring.ru/protecoflooring.ru/img/19_1.jpg" onmouseover="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/19_1_a.png'" onmouseout="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/19_1.jpg'" height="75" width="75"></td>
<td>&nbsp;</td>

<td><img id="picspectro2593311" style="cursor: pointer; border: 4px solid rgb(220, 136, 0);" onclick="SPO(2593311,'http://www.protecoflooring.ru/protecoflooring.ru/img/25.jpg','4px #DC8800 solid','4px #E8E8E8 solid');" src="http://www.protecoflooring.ru/protecoflooring.ru/img/25_1.jpg" onmouseover="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/25_1_a.png'" onmouseout="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/25_1.jpg'" height="75" width="75"></td>
<td>&nbsp;</td>

<td><img id="picspectro2689211" style="cursor: pointer; border: 4px solid rgb(232, 232, 232);" onclick="SPO(2689211,'http://www.protecoflooring.ru/protecoflooring.ru/img/26.jpg','4px #DC8800 solid','4px #E8E8E8 solid');" src="http://www.protecoflooring.ru/protecoflooring.ru/img/26_1.jpg" onmouseover="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/26_1_a.png'" onmouseout="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/26_1.jpg'" height="75" width="75"></td>
<td>&nbsp;</td>

<td><img id="picspectro2788611" style="cursor: pointer; border: 4px solid rgb(232, 232, 232);" onclick="SPO(2788611,'http://www.protecoflooring.ru/protecoflooring.ru/img/27.jpg','4px #DC8800 solid','4px #E8E8E8 solid');" src="http://www.protecoflooring.ru/protecoflooring.ru/img/27_1.jpg" onmouseover="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/27_1_a.png'" onmouseout="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/27_1.jpg'" height="75" width="75"></td>
<td>&nbsp;</td>

<td><img id="picspectro2824411" style="cursor: pointer; border: 4px solid rgb(232, 232, 232);" onclick="SPO(2824411,'http://www.protecoflooring.ru/protecoflooring.ru/img/28.jpg','4px #DC8800 solid','4px #E8E8E8 solid');" src="http://www.protecoflooring.ru/protecoflooring.ru/img/28_1.jpg" onmouseover="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/28_1_a.png'" onmouseout="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/28_1.jpg'" height="75" width="75"></td>
<td>&nbsp;</td>

<td><img id="picspectro2976911" style="cursor: pointer; border: 4px solid rgb(232, 232, 232);" onclick="SPO(2976911,'http://www.protecoflooring.ru/protecoflooring.ru/img/29.jpg','4px #DC8800 solid','4px #E8E8E8 solid');" src="http://www.protecoflooring.ru/protecoflooring.ru/img/29_1.jpg" onmouseover="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/29_1_a.png'" onmouseout="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/29_1.jpg'" height="75" width="75"></td>
<td>&nbsp;</td>

</tr><tr>

<td><img id="picspectro3091811" style="cursor: pointer; border: 4px solid rgb(232, 232, 232);" onclick="SPO(3091811,'http://www.protecoflooring.ru/protecoflooring.ru/img/30.jpg','4px #DC8800 solid','4px #E8E8E8 solid');" src="http://www.protecoflooring.ru/protecoflooring.ru/img/30_1.jpg" onmouseover="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/30_1_a.png'" onmouseout="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/30_1.jpg'" height="75" width="75"></td>
<td>&nbsp;</td>

<td><img id="picspectro3148311" style="cursor: pointer; border: 4px solid rgb(232, 232, 232);" onclick="SPO(3148311,'http://www.protecoflooring.ru/protecoflooring.ru/img/31.jpg','4px #DC8800 solid','4px #E8E8E8 solid');" src="http://www.protecoflooring.ru/protecoflooring.ru/img/31_1.jpg" onmouseover="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/31_1_a.png'" onmouseout="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/31_1.jpg'" height="75" width="75"></td>
<td>&nbsp;</td>

<td><img id="picspectro3258111" style="cursor: pointer; border: 4px solid rgb(232, 232, 232);" onclick="SPO(3258111,'http://www.protecoflooring.ru/protecoflooring.ru/img/32.jpg','4px #DC8800 solid','4px #E8E8E8 solid');" src="http://www.protecoflooring.ru/protecoflooring.ru/img/32_1.jpg" onmouseover="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/32_1_a.png'" onmouseout="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/32_1.jpg'" height="75" width="75"></td>
<td>&nbsp;</td>

<td><img id="picspectro3366411" style="cursor: pointer; border: 4px solid rgb(232, 232, 232);" onclick="SPO(3366411,'http://www.protecoflooring.ru/protecoflooring.ru/img/33.jpg','4px #DC8800 solid','4px #E8E8E8 solid');" src="http://www.protecoflooring.ru/protecoflooring.ru/img/33_1.jpg" onmouseover="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/33_1_a.png'" onmouseout="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/33_1.jpg'" height="75" width="75"></td>
<td>&nbsp;</td>

<td><img id="picspectro3485011" style="cursor: pointer; border: 4px solid rgb(232, 232, 232);" onclick="SPO(3485011,'http://www.protecoflooring.ru/protecoflooring.ru/img/34.jpg','4px #DC8800 solid','4px #E8E8E8 solid');" src="http://www.protecoflooring.ru/protecoflooring.ru/img/34_1.jpg" onmouseover="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/34_1_a.png'" onmouseout="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/34_1.jpg'" height="75" width="75"></td>
<td>&nbsp;</td>

<td><img id="picspectro3568211" style="cursor: pointer; border: 4px solid rgb(232, 232, 232);" onclick="SPO(3568211,'http://www.protecoflooring.ru/protecoflooring.ru/img/35.jpg','4px #DC8800 solid','4px #E8E8E8 solid');" src="http://www.protecoflooring.ru/protecoflooring.ru/img/35_1.jpg" onmouseover="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/35_1_a.png'" onmouseout="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/35_1.jpg'" height="75" width="75"></td>

<td>&nbsp;</td>

<td><img id="picspectro3676211" style="cursor: pointer; border: 4px solid rgb(232, 232, 232);" onclick="SPO(3676211,'http://www.protecoflooring.ru/protecoflooring.ru/img/36.jpg','4px #DC8800 solid','4px #E8E8E8 solid');" src="http://www.protecoflooring.ru/protecoflooring.ru/img/36_1.jpg" onmouseover="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/36_1_a.png'" onmouseout="this.src='http://www.protecoflooring.ru/protecoflooring.ru/img/36_1.jpg'" height="75" width="75"></td>
<td>&nbsp;</td>

</tr></tbody></table>
<center><!--{PAGES}--></center> 

</div>
<div class="mb_b">&nbsp;</div>
</div>                        
 
    
   <br><br>
   
   <a href="http://www.protecoflooring.ru/protecoflooring.ru/files/10.pdf"><div class="ban" style="background-image: url(&quot;images/1.png&quot;);">Каталог